diff --git a/.buckconfig b/.buckconfig
deleted file mode 100644
index 3f1b5c6d11f0..000000000000
--- 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 11452478196f..000000000000
--- a/.buckjavaargs
+++ /dev/null
@@ -1 +0,0 @@
--Xmx512m -XX:+HeapDumpOnOutOfMemoryError
diff --git a/.circleci/README.md b/.circleci/README.md
index 9c944ef6d105..0ae32f93c4d1 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 91d3e642d440..a642711e33d1 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -12,15 +12,23 @@ parameters:
     default: false
     type: boolean
 
-  release_latest:
+  run_nightly_workflow:
     default: false
     type: boolean
 
   release_version:
-    default: "9999"
+    default: ""
     type: string
 
-  run_nightly_workflow:
+  release_monorepo_packages_version:
+    default: ""
+    type: string
+
+  release_tag:
+    default: ""
+    type: string
+
+  release_dry_run:
     default: false
     type: boolean
 
@@ -35,7 +43,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 +68,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 +86,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
@@ -91,4 +108,7 @@ jobs:
 workflows:
   always-run:
     jobs:
-      - choose_ci_jobs
+      - choose_ci_jobs:
+          filters:
+            tags:
+              only: /.*/
diff --git a/.circleci/configurations/commands.yml b/.circleci/configurations/commands.yml
index 0461946330ab..bba0dc1a635b 100644
--- a/.circleci/configurations/commands.yml
+++ b/.circleci/configurations/commands.yml
@@ -31,7 +31,7 @@ commands:
       - restore_cache:
           key: *rbenv_cache_key
       - run:
-          name: Bundle Install
+          name: Install the proper Ruby and run Bundle install
           command: |
             # Check if rbenv is installed. CircleCI is migrating to rbenv so we may not need to always install it.
 
@@ -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,13 @@ commands:
 
             # Set ruby dependencies
             rbenv global << parameters.ruby_version >>
-            gem install bundler
+            if [[ << parameters.ruby_version >> == "2.6.10" ]]; then
+              rbenv rehash
+              gem install bundler -v 2.4.22
+            else
+              rbenv rehash
+              gem install bundler
+            fi
             bundle check || bundle install --path vendor/bundle --clean
       - save_cache:
           key: *rbenv_cache_key
@@ -167,7 +169,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 d860bcef264e..5ffb38877edd 100644
--- a/.circleci/configurations/executors.yml
+++ b/.circleci/configurations/executors.yml
@@ -33,6 +33,13 @@ executors:
     <<: *defaults
     macos:
       xcode: *xcode_version
-    resource_class: macos.x86.medium.gen2
+    resource_class: macos.m1.medium.gen1
     environment:
-      - BUILD_FROM_SOURCE: true
+      - RCT_BUILD_HERMES_FROM_SOURCE: true
+  reactnativeios-lts:
+    <<: *defaults
+    macos:
+      xcode: '15.1'
+    resource_class: macos.m1.medium.gen1
+    environment:
+      - RCT_BUILD_HERMES_FROM_SOURCE: true
diff --git a/.circleci/configurations/jobs.yml b/.circleci/configurations/jobs.yml
index d0d17a83f6aa..aec9b109d8a1 100644
--- a/.circleci/configurations/jobs.yml
+++ b/.circleci/configurations/jobs.yml
@@ -116,7 +116,7 @@ jobs:
     executor: reactnativeios
     parameters:
       ruby_version:
-        default: "2.7.7"
+        default: "2.7.8"
         description: The version of ruby that must be used
         type: string
     steps:
@@ -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
   # -------------------------
@@ -673,7 +599,7 @@ jobs:
     environment:
       - HERMES_WS_DIR: *hermes_workspace_root
       - HERMES_VERSION_FILE: "packages/react-native/sdks/.hermesversion"
-      - BUILD_FROM_SOURCE: true
+      - RCT_BUILD_HERMES_FROM_SOURCE: true
     steps:
       - run:
           name: Install dependencies
@@ -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
@@ -845,7 +780,7 @@ jobs:
         default: "iphoneos"
         description: The Hermes Slice that this job has to build
         type: enum
-        enum: ["macosx", "iphoneos", "iphonesimulator", "catalyst"]
+        enum: ["macosx", "iphoneos", "iphonesimulator", "catalyst", "xros", "xrsimulator"]
     executor: reactnativeios
     environment:
       - HERMES_WS_DIR: *hermes_workspace_root
@@ -878,16 +813,37 @@ jobs:
               exit 0
             fi
 
+            export RELEASE_VERSION=$(cat /tmp/react-native-version)
             if [[ "$SLICE" == "macosx" ]]; then
               echo "[HERMES] Building Hermes for MacOS"
-              BUILD_TYPE="<< parameters.flavor >>" ./utils/build-mac-framework.sh
-            else
+              BUILD_TYPE="<< parameters.flavor >>" MACOSX_DEPLOYMENT_TARGET=10.15 ./utils/build-mac-framework.sh
+            elif [[ "$SLICE" == "xros" ]] || [[ "$SLICE" == "xrsimulator" ]]; then
+              echo "[HERMES] Building Hermes for XR: $SLICE"
+              BUILD_TYPE="<< parameters.flavor >>" XROS_DEPLOYMENT_TARGET=1.0 ./utils/build-ios-framework.sh "$SLICE"
+            elif [[ "$SLICE" == "iphoneos" ]] || [[ "$SLICE" == "iphonesimulator" ]] || [[ "$SLICE" == "catalyst" ]] ; then
               echo "[HERMES] Building Hermes for iOS: $SLICE"
-              BUILD_TYPE="<< parameters.flavor >>" ./utils/build-ios-framework.sh "$SLICE"
+              BUILD_TYPE="<< parameters.flavor >>" IOS_DEPLOYMENT_TARGET=13.4 ./utils/build-ios-framework.sh "$SLICE"
             fi
+            unset RELEASE_VERSION
 
             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:
@@ -928,6 +884,10 @@ jobs:
           key: << parameters.slice_base_cache_key >>-iphonesimulator-<< parameters.flavor >>
       - restore_cache:
           key: << parameters.slice_base_cache_key >>-catalyst-<< parameters.flavor >>
+      - restore_cache:
+          key: << parameters.slice_base_cache_key >>-xros-<< parameters.flavor >>
+      - restore_cache:
+          key: << parameters.slice_base_cache_key >>-xrsimulator-<< parameters.flavor >>
       - run:
           name: "Move back build folders"
           command: |
@@ -936,6 +896,8 @@ jobs:
             mv build_iphoneos_<< parameters.flavor >> build_iphoneos
             mv build_iphonesimulator_<< parameters.flavor >> build_iphonesimulator
             mv build_catalyst_<< parameters.flavor >> build_catalyst
+            mv build_xros_<< parameters.flavor >> build_xros
+            mv build_xrsimulator_<< parameters.flavor >> build_xrsimulator
       - run:
           name: "Prepare destroot folder"
           command: |
@@ -947,7 +909,11 @@ jobs:
           command: |
             cd ./packages/react-native/sdks/hermes || exit 1
             echo "[HERMES] Creating the universal framework"
+            export IOS_DEPLOYMENT_TARGET=13.4
+            export RELEASE_VERSION=$(cat /tmp/react-native-version)
             ./utils/build-ios-framework.sh build_framework
+            unset RELEASE_VERSION
+            unset IOS_DEPLOYMENT_TARGET
       - run:
           name: Package the Hermes Apple frameworks
           command: |
@@ -982,6 +948,8 @@ jobs:
             mkdir -p "$WORKING_DIR/catalyst"
             mkdir -p "$WORKING_DIR/iphoneos"
             mkdir -p "$WORKING_DIR/iphonesimulator"
+            mkdir -p "$WORKING_DIR/xros"
+            mkdir -p "$WORKING_DIR/xrsimulator"
 
             cd ./packages/react-native/sdks/hermes || exit 1
 
@@ -990,6 +958,8 @@ jobs:
             cp -r build_catalyst/$DSYM_FILE_PATH "$WORKING_DIR/catalyst/"
             cp -r build_iphoneos/$DSYM_FILE_PATH "$WORKING_DIR/iphoneos/"
             cp -r build_iphonesimulator/$DSYM_FILE_PATH "$WORKING_DIR/iphonesimulator/"
+            cp -r build_xrsimulator/$DSYM_FILE_PATH "$WORKING_DIR/xrsimulator/"
+            cp -r build_xros/$DSYM_FILE_PATH "$WORKING_DIR/xros/"
 
             DEST_DIR="/tmp/hermes/dSYM/$FLAVOR"
             tar -C "$WORKING_DIR" -czvf "hermes.framework.dSYM" .
@@ -1074,7 +1044,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
@@ -1125,14 +1095,20 @@ jobs:
   # -------------------------
   #      JOBS: Releases
   # -------------------------
-  prepare_package_for_release:
+
+  # Writes a new commit and tag(s), which will trigger the `publish_release`
+  # and `publish_bumped_packages` workflows.
+  prepare_release:
     parameters:
       version:
         type: string
-      latest:
-        type: boolean
-        default: false
-      dryrun:
+      # TODO(T182538198): Required for 0.74.x, where workspace packages are out
+      # of sync with react-native. This will be removed for 0.75+.
+      monorepo_packages_version:
+        type: string
+      tag:
+        type: string
+      dry_run:
         type: boolean
         default: false
     executor: reactnativeios
@@ -1145,23 +1121,48 @@ jobs:
       - brew_install:
           package: cmake
       - run:
-          name: "Set new react-native version and commit changes"
+          name: Versioning workspace packages
           command: |
-            VERSION=<< parameters.version >>
-
-            if [[ -z "$VERSION" ]]; then
-              VERSION=$(grep '"version"' package.json | cut -d '"' -f 4 | head -1)
-              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/set-version "<< parameters.monorepo_packages_version >>" --skip-react-native-version
+      - run:
+          name: Versioning react-native package
+          command: |
+            node scripts/releases/set-rn-version.js -v "<< parameters.version >>" --build-type "release"
+      - run:
+          name: Creating release commit
+          command: |
+            # I'm seeing failures in automatically detect the email for the
+            # agent that should push the commit.
+            git config --global user.name "Distiller"
+            git config --global user.email "distiller@circleci.com"
+
+            git commit -a -m "Release << parameters.version >>" -m "#publish-packages-to-npm&<< parameters.tag >>"
+            git tag -a "v<< parameters.version >>" -m "v<< parameters.version >>"
+            env GIT_PAGER=cat git show HEAD
+      - when:
+          condition:
+            equal: ["latest", << parameters.tag >>]
+          steps:
+            - run:
+                name: Updating "latest" tag
+                command: |
+                  git tag -d "latest"
+                  git push origin :latest
+                  git tag -a "latest" -m "latest"
+      - unless:
+          condition: << parameters.dry_run >>
+          steps:
+            run:
+              name: Pushing release commit
+              command: |
+                git push origin $CIRCLE_BRANCH --follow-tags
 
   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 +1202,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 +1211,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 +1225,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 +1289,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 +1300,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 145dcbd71ff2..497ac42be381 100644
--- a/.circleci/configurations/test_workflows/testAll.yml
+++ b/.circleci/configurations/test_workflows/testAll.yml
@@ -4,11 +4,12 @@
         - equal: [ false, << pipeline.parameters.run_release_workflow >> ]
         - equal: [ false, << pipeline.parameters.run_nightly_workflow >> ]
     jobs:
-      - prepare_package_for_release:
-          name: prepare_package_for_release
-          version: ''
-          latest : false
-          dryrun: true
+      - prepare_release:
+          name: "prepare_release (dry run test)"
+          version: "0.0.0"
+          monorepo_packages_version: "0.0.0"
+          tag: test
+          dry_run: true
       - prepare_hermes_workspace
       - build_android:
           release_type: "dry-run"
@@ -24,7 +25,7 @@
           matrix:
             parameters:
               flavor: ["Debug", "Release"]
-              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst"]
+              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst", "xros", "xrsimulator"]
       - build_hermes_macos:
           requires:
             - build_apple_slices_hermes
@@ -56,122 +57,50 @@
       - test_ios_template:
           requires:
             - build_npm_package
-          name: "Test Template with Ruby 3.2.0"
-          ruby_version: "3.2.0"
+          name: "Test Template with Ruby 3.2.2"
+          ruby_version: "3.2.2"
           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.2. 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"
+          name: "Test RNTester with Ruby 3.2.2"
+          ruby_version: "3.2.2"
+          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.2, do not test this twice.
+              - jsengine: "Hermes"
                 use_frameworks: "StaticLibraries"
       - test_ios_rntester:
-          run_unit_tests: true
-          architecture: "OldArch"
+          run_unit_tests: false
           use_frameworks: "StaticLibraries"
           ruby_version: "2.6.10"
           requires:
@@ -179,4 +108,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 b21ed9775fcb..9a29ead21ad8 100644
--- a/.circleci/configurations/test_workflows/testAndroid.yml
+++ b/.circleci/configurations/test_workflows/testAndroid.yml
@@ -4,11 +4,12 @@
           - equal: [ false, << pipeline.parameters.run_release_workflow >> ]
           - equal: [ false, << pipeline.parameters.run_nightly_workflow >> ]
     jobs:
-      - prepare_package_for_release:
-          name: prepare_package_for_release
-          version: ''
-          latest : false
-          dryrun: true
+      - prepare_release:
+          name: "prepare_release (dry run test)"
+          version: "0.0.0"
+          monorepo_packages_version: "0.0.0"
+          tag: test
+          dry_run: true
       - prepare_hermes_workspace
       - build_android:
           release_type: "dry-run"
@@ -24,7 +25,7 @@
           matrix:
             parameters:
               flavor: ["Debug", "Release"]
-              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst"]
+              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst", "xros", "xrsimulator"]
       - build_hermes_macos:
           requires:
             - build_apple_slices_hermes
@@ -45,7 +46,7 @@
       - test_android:
           requires:
             - build_android
-      - test_e2e_android
+      # - test_e2e_android
       - test_android_template:
           requires:
             - build_npm_package
@@ -54,4 +55,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 b161180ee5a5..a926a395775c 100644
--- a/.circleci/configurations/test_workflows/testE2E.yml
+++ b/.circleci/configurations/test_workflows/testE2E.yml
@@ -5,6 +5,5 @@
         - equal: [ false, << pipeline.parameters.run_nightly_workflow >> ]
     jobs:
       - test_e2e_ios:
-          ruby_version: "2.7.7"
-      # This is not stable
-      # - test_e2e_android
+          ruby_version: "2.7.8"
+      - test_e2e_android
diff --git a/.circleci/configurations/test_workflows/testIOS.yml b/.circleci/configurations/test_workflows/testIOS.yml
index 484ef5a8f2ea..273f0dde4467 100644
--- a/.circleci/configurations/test_workflows/testIOS.yml
+++ b/.circleci/configurations/test_workflows/testIOS.yml
@@ -4,11 +4,12 @@
         - equal: [ false, << pipeline.parameters.run_release_workflow >> ]
         - equal: [ false, << pipeline.parameters.run_nightly_workflow >> ]
     jobs:
-      - prepare_package_for_release:
-          name: prepare_package_for_release
-          version: ''
-          latest : false
-          dryrun: true
+      - prepare_release:
+          name: "prepare_release (dry run test)"
+          version: "0.0.0"
+          monorepo_packages_version: "0.0.0"
+          tag: test
+          dry_run: true
       - prepare_hermes_workspace
       - build_android:
           release_type: "dry-run"
@@ -24,7 +25,7 @@
           matrix:
             parameters:
               flavor: ["Debug", "Release"]
-              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst"]
+              slice: ["macosx", "iphoneos", "iphonesimulator", "catalyst", "xros", "xrsimulator"]
       - build_hermes_macos:
           requires:
             - build_apple_slices_hermes
@@ -42,127 +43,47 @@
             - 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
-          name: "Test Template with Ruby 3.2.0"
-          ruby_version: "3.2.0"
+          name: "Test Template with Ruby 3.2.2"
+          ruby_version: "3.2.2"
           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.2, 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"
-          ruby_version: "3.2.0"
-          architecture: "NewArch"
+          name: "RNTester on Ruby 3.2.2"
+          ruby_version: "3.2.2"
+          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:
-          run_unit_tests: true
-          architecture: "OldArch"
+          name: "RNTester Integration Tests"
+          run_unit_tests: false
           use_frameworks: "StaticLibraries"
           ruby_version: "2.6.10"
           requires:
@@ -170,3 +91,4 @@
           matrix:
             parameters:
               jsengine: ["Hermes", "JSC"]
+              architecture: ["NewArch", "OldArch"]
diff --git a/.circleci/configurations/top_level.yml b/.circleci/configurations/top_level.yml
index f8c98c6e9ef0..d9466370f264 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.2"
     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"
@@ -71,37 +71,32 @@ references:
 
   cache_keys:
     checkout_cache_key: &checkout_cache_key v1-checkout
-    gems_cache_key: &gems_cache_key v1-gems-{{ checksum "Gemfile.lock" }}
+    gems_cache_key: &gems_cache_key v1-gems-{{ arch }}-{{ checksum "Gemfile.lock" }}
     gradle_cache_key: &gradle_cache_key v3-gradle-{{ .Environment.CIRCLE_JOB }}-{{ checksum "gradle/wrapper/gradle-wrapper.properties" }}-{{ checksum "packages/react-native/ReactAndroid/gradle.properties" }}
-    yarn_cache_key: &yarn_cache_key v6-yarn-cache-{{ .Environment.CIRCLE_JOB }}
-    rbenv_cache_key: &rbenv_cache_key v1-rbenv-{{ checksum "/tmp/required_ruby" }}
-    hermes_workspace_cache_key: &hermes_workspace_cache_key v5-hermes-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/hermes/hermesversion" }}
-    hermes_workspace_debug_cache_key: &hermes_workspace_debug_cache_key v2-hermes-{{ .Environment.CIRCLE_JOB }}-debug-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
-    hermes_workspace_release_cache_key: &hermes_workspace_release_cache_key v2-hermes-{{ .Environment.CIRCLE_JOB }}-release-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
+    yarn_cache_key: &yarn_cache_key v7-yarn-cache-{{ .Environment.CIRCLE_JOB }}
+    rbenv_cache_key: &rbenv_cache_key v1-rbenv-{{ arch }}-{{ checksum "/tmp/required_ruby" }}
+    hermes_workspace_cache_key: &hermes_workspace_cache_key v8-hermes-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/hermes/hermesversion" }}
+    hermes_workspace_debug_cache_key: &hermes_workspace_debug_cache_key v5-hermes-{{ .Environment.CIRCLE_JOB }}-debug-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
+    hermes_workspace_release_cache_key: &hermes_workspace_release_cache_key v5-hermes-{{ .Environment.CIRCLE_JOB }}-release-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
     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 v4-hermesc-apple-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_apple_slices_cache_key: &hermes_apple_slices_cache_key v13-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 v10-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 v9-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 v5-hermes-release-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_macosx_bin_debug_cache_key: &hermes_macosx_bin_debug_cache_key v3-hermes-debug-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_dsym_debug_cache_key: &hermes_dsym_debug_cache_key v4-hermes-debug-dsym-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_dsym_release_cache_key: &hermes_dsym_release_cache_key v4-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 v12-pods-{{ arch }}-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile.lock.bak" }}-{{ checksum "packages/rn-tester/Podfile" }}
+    cocoapods_cache_key: &cocoapods_cache_key v12-cocoapods-{{ arch }}-{{ .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 v10-podfilelock-{{ arch }}-{{ .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-{{ arch }}-{{ .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-{{ arch }}-{{ .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
@@ -134,14 +129,22 @@ parameters:
     default: false
     type: boolean
 
-  release_latest:
+  run_nightly_workflow:
     default: false
     type: boolean
 
   release_version:
-    default: "9999"
+    default: ""
     type: string
 
-  run_nightly_workflow:
+  release_monorepo_packages_version:
+    default: ""
+    type: string
+
+  release_tag:
+    default: ""
+    type: string
+
+  release_dry_run:
     default: false
     type: boolean
diff --git a/.circleci/configurations/workflows.yml b/.circleci/configurations/workflows.yml
index 4b346cb78fa4..cccab425b0bb 100644
--- a/.circleci/configurations/workflows.yml
+++ b/.circleci/configurations/workflows.yml
@@ -15,15 +15,16 @@
 workflows:
   version: 2
 
-  # This workflow should only be triggered by release script
-  package_release:
+  # Release workflow, triggered by `yarn trigger-react-native-release`
+  create_release:
     when: << pipeline.parameters.run_release_workflow >>
     jobs:
-      # This job will push a tag that will trigger the publish_release workflow
-      - prepare_package_for_release:
-          name: prepare_package_for_release
+      - prepare_release:
+          name: prepare_release
           version: << pipeline.parameters.release_version >>
-          latest : << pipeline.parameters.release_latest >>
+          monorepo_packages_version: << pipeline.parameters.release_monorepo_packages_version >>
+          tag: << pipeline.parameters.release_tag >>
+          dry_run: << pipeline.parameters.release_dry_run >>
 
   # This job will run only when a tag is published due to all the jobs being filtered.
   publish_release:
@@ -43,6 +44,7 @@ workflows:
           requires:
             - prepare_hermes_workspace
       - build_apple_slices_hermes:
+          filters: *only_release_tags
           requires:
             - build_hermesc_apple
           matrix:
@@ -54,6 +56,7 @@ workflows:
           requires:
             - prepare_hermes_workspace
       - build_hermes_macos:
+          filters: *only_release_tags
           requires:
             - build_apple_slices_hermes
           matrix:
@@ -88,7 +91,6 @@ workflows:
   nightly:
     when: << pipeline.parameters.run_nightly_workflow >>
     jobs:
-      - nightly_job
       - prepare_hermes_workspace
       - build_android:
           release_type: "nightly"
diff --git a/.circleci/verdaccio.yml b/.circleci/verdaccio.yml
deleted file mode 100644
index 7ec6fd1f9a91..000000000000
--- a/.circleci/verdaccio.yml
+++ /dev/null
@@ -1,36 +0,0 @@
-storage: ./storage
-auth:
-  htpasswd:
-    file: ./htpasswd
-uplinks:
-  npmjs:
-    url: https://registry.npmjs.org/
-    max_fails: 40
-    maxage: 30m
-    timeout: 60s
-    fail_timeout: 10m
-    cache: false
-    agent_options:
-      keepAlive: true
-      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
-    publish: $all
-  '@*/*':
-    access: $all
-    publish: $authenticated
-    proxy: npmjs
-  '**':
-    access: $all
-    publish: $all
-    proxy: npmjs
-logs:
-  - {type: file, path: verdaccio.log, format: json, level: warn}
diff --git a/.eslintignore b/.eslintignore
index e3313f1685f5..e35c03e132f7 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 f14dc495f236..b0410b566e34 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 46b145a20225..f240531f3d78 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.217.0
+^0.228.0
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index d923854d7b2a..eeda1f865d9c 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 7eef039fb2f9..3dc8f2471854 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,12 +1,16 @@
 blank_issues_enabled: false
 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 f0ac968d8075..452c7899eabc 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 967c92b921be..000000000000
--- 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 000000000000..ed559395ecb0
--- /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 50baff0d81c8..b4814d5441d9 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 f52439bbcb07..62fd97caf1ad 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 97d841e7e6b7..839416620f68 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 62b8b612fe11..cfde17435243 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 000000000000..7677425ab0b2
--- /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 741ece44b4d4..a92cf54504a4 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 000000000000..5ac43fb9b995
--- /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 14f9d4e9c5d6..b6172766fa67 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 000000000000..cf8478572270
--- /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 2481e622143e..626d954cfa3f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,7 +21,6 @@ DerivedData
 *.xcuserstate
 project.xcworkspace
 **/.xcode.env.local
-/poackages/react-native/sdks/downloads/
 
 # Gradle
 /build/
@@ -39,11 +38,11 @@ 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/
 /packages/react-native/template/android/build/
+/packages/react-native-popup-menu-android/android/build/
 
 # Buck
 .buckd
@@ -80,7 +79,6 @@ package-lock.json
 .DS_Store
 
 # Test generated files
-/packages/react-native/ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
 *.js.meta
 
 /coverage
@@ -100,22 +98,25 @@ package-lock.json
 
 # Libs that shouldn't have Xcode project
 /packages/react-native/Libraries/FBLazyVector/**/*.xcodeproj
-/packages/react-native/Libraries/RCTRequired/**/*.xcodeproj
+/packages/react-native/Libraries/Required/**/*.xcodeproj
 /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
 
 # Ignore RNTester specific Pods, but keep the __offline_mirrors__ here.
 /packages/rn-tester/Pods/*
diff --git a/.prettierignore b/.prettierignore
index ece752382206..93b6aaeaf77e 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 753a359556a7..affabe4ae515 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,7 +1,530 @@
 # 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.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
+
+- Bump minimum Node JS version to 18 ([2eb25cbdbe](https://github.com/facebook/react-native/commit/2eb25cbdbe8d1ce720ffdf5f5d855e1cbf14142b))
+- Require C++ 20 when including renderer headers ([3b5bea01d0](https://github.com/facebook/react-native/commit/3b5bea01d02ac93efeed237e474a8fe905272b24) by [@NickGerleman](https://github.com/NickGerleman))
+- Remove included `flow-typed/` directory from the `react-native` package ([4540668c15](https://github.com/facebook/react-native/commit/4540668c1598075f7ae46449bcbcbb70f69fcd8a) by [@huntie](https://github.com/huntie))
+- per-node `pointScaleFactor` ([dce7242ab6](https://github.com/facebook/react-native/commit/dce7242ab6855e7a546e6d25482311d995a4a63b) by [@NickGerleman](https://github.com/NickGerleman))
+- Remove "UseLegacyStretchBehaviour" functions ([c35ff13a58](https://github.com/facebook/react-native/commit/c35ff13a58431dee4198bc55575312558cc39bf1) by [@NickGerleman](https://github.com/NickGerleman))
+- Remove `YGConfigGetInstanceCount` ([858173280f](https://github.com/facebook/react-native/commit/858173280f515c81e2d9e76d0e0b81212ea61233) by [@NickGerleman](https://github.com/NickGerleman))
+- Remove `interpolateProps` functionality from `ComponentDescriptor` to fix circular dependency between `react/renderer/core` and `react/renderer/components/view` ([bae63d492f](https://github.com/facebook/react-native/commit/bae63d492fa8254547453229f28332f08e8b881c))
+- Migrate from native `CallInvoker` to `NativeMethodCallInvoker` ([b70f186b53](https://github.com/facebook/react-native/commit/b70f186b53c1d43ce5af681ba0be47dd9e61bcb5) by [@RSNara](https://github.com/RSNara))
+- Change how we set cmake policy ([2b932c3820](https://github.com/facebook/react-native/commit/2b932c3820cfabef1590f6fcf8b95f65d9c21eb8) by [@NickGerleman](https://github.com/NickGerleman))
+- Add `YGErrata` integration within C ABI ([0fd0f56f20](https://github.com/facebook/react-native/commit/0fd0f56f205dafed9a1960392a446f43255f29dc) by [@NickGerleman](https://github.com/NickGerleman))
+- Set `runtimeConfig` provider for the `Template` ([2de964cfd2](https://github.com/facebook/react-native/commit/2de964cfd229e56eeae8b6e0a7a516ff3a1498ac) by [@dmytrorykun](https://github.com/dmytrorykun))
+
+#### Android specific
+
+- Fix: `role="searchbox"` should assign `"SearchField"` trait on iOS ([2749fbca9a](https://github.com/facebook/react-native/commit/2749fbca9a18fdff6c3e3dd3b3c5b8086cef9cc5) by [@mdjastrzebski](https://github.com/mdjastrzebski))
+- Renamed FabricMountItem.* files to MountItem.* to better match the name of the struct. ([49f1237526](https://github.com/facebook/react-native/commit/49f1237526f80e3aa09833cc13c6bb9f8ea9187c))
+- Deleting `warnOnLegacyNativeModuleSystemUse` ([9859fbc2ec](https://github.com/facebook/react-native/commit/9859fbc2ec9f50eba3672322a85ba7fd9fc11145) by [@philIip](https://github.com/philIip))
+- Do not enable `excludeYogaFromRawProps` feature flag, if you need to pass layout props to Java view managers when using new architecture ([88e19c0ce6](https://github.com/facebook/react-native/commit/88e19c0ce68e933d274c45f9c3f79afc11ad5b0a) by [@zeyap](https://github.com/zeyap))
+- Default to ignoring cached Metro bundle when offline ([2d6106055b](https://github.com/facebook/react-native/commit/2d6106055b629b18296d076c4f1287d8a5ba6ab8) by [@motiz88](https://github.com/motiz88))
+- 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
+
+- Metro will no longer be started when running builds via Xcode ([dc6845739e](https://github.com/facebook/react-native/commit/dc6845739e29ea8cf63583d530f67c2498286a3e) by [@huntie](https://github.com/huntie))
+- `RCTTurboModuleRegistry` is unavailable in `RCTRootView` and `RCTSurfaceHostingProxyRootView` ([268d9edad6](https://github.com/facebook/react-native/commit/268d9edad69a22710711be055100680817b28791) by [@philIip](https://github.com/philIip))
+- `HasBridge` is removed from `RCTRootView` and `RCTSurfaceHostingProxyRootView` ([57b86f7a87](https://github.com/facebook/react-native/commit/57b86f7a87b7bed09124cc513d5069b4c0069a4f) by [@philIip](https://github.com/philIip))
+- Remove `sizeMeasureMode` argument from `RCTSurfaceHostingProxyRootView` constructor ([0d83c1a668](https://github.com/facebook/react-native/commit/0d83c1a6685222f97cd0c715270ca67192f89361) by [@philIip](https://github.com/philIip))
+- Deleting `RCTFabricSurfaceHostingProxyRootView` ([676676c954](https://github.com/facebook/react-native/commit/676676c95428ca92007160bf420eccc62ba41ea4) by [@philIip](https://github.com/philIip))
+- Delete RCT_EXPORT_PRE_REGISTERED_MODULE ([8cd5b2a57d](https://github.com/facebook/react-native/commit/8cd5b2a57d5b6af2ef1c6b1d673e328353ea776b) by [@philIip](https://github.com/philIip))
+- Replace `RCTLocalAssetImageLoader` with `RCTBundleAssetImageLoader` ([b675667a47](https://github.com/facebook/react-native/commit/b675667a47f651e85d66e12daaeeec00371d1b23) by [@hellohublot](https://github.com/hellohublot))
+- Add `React-FabricImage` pod. ([44af6ca03c](https://github.com/facebook/react-native/commit/44af6ca03cdb9e8c4c2cd67a2e097025bc21e17f) by [@cipolleschi](https://github.com/cipolleschi))
+- Make `getModuleInstanceFromClass` required ([5a7799eead](https://github.com/facebook/react-native/commit/5a7799eead0eb26f1f42d097d89af757eb6539d1) by [@philIip](https://github.com/philIip))
+- Make `getModuleClassFromName` required ([fbf196dd05](https://github.com/facebook/react-native/commit/fbf196dd05f367c841fa53b1c0ae7fcee9ca1721) by [@philIip](https://github.com/philIip))
+- Remove `openURL` method from `RCTInspectorDevServerHelper` ([3ef7de848d](https://github.com/facebook/react-native/commit/3ef7de848d6d4d95fe1ce4e4cf80bbfceeabb746) by [@huntie](https://github.com/huntie))
+
+### Added
+
+- Enable animating skew in transforms with native driver ([645b643f68](https://github.com/facebook/react-native/commit/645b643f681f5260ae0505cf91cfb8f6ecdb33c0), [4934cdb403](https://github.com/facebook/react-native/commit/4934cdb40385c6417e87cf9d3ee985c06d207136) by [@genkikondo](https://github.com/genkikondo))
+- Support customization of underlying Touch event representation in out-of-tree platforms ([4884322781](https://github.com/facebook/react-native/commit/4884322781d92e019e78d89e5693b9ec029aaa7a))
+- Support customization of underlying Color representation in out-of-tree platforms ([2b688f6031](https://github.com/facebook/react-native/commit/2b688f603159c2cc9ba821f3efe8a07504400285))
+- Support lazy bundling in development ([799b0f4be8](https://github.com/facebook/react-native/commit/799b0f4be80a6c4b6bfc1d8bb3b887af4b1b7081) by [@motiz88](https://github.com/motiz88))
+- Fixup hack for flex line size calculation ([598b7ed690](https://github.com/facebook/react-native/commit/598b7ed690d908c408adea970d26382c834f5ead) by [@NickGerleman](https://github.com/NickGerleman))
+- Added a third parameter "contentType" to method `slice` of class `Blob`. ([e35ca71bca](https://github.com/facebook/react-native/commit/e35ca71bca6231138eadbc281177a8ff7948c071) by [@trashcoder](https://github.com/trashcoder))
+- Added plugins for private methods and properties to `@react-native/babel-preset`. ([db4a253c1e](https://github.com/facebook/react-native/commit/db4a253c1e8bad29df83cb649cef4132701930f0) by [@yungsters](https://github.com/yungsters))
+- Add `react-native/typescript-config` ([cae52f6cf8](https://github.com/facebook/react-native/commit/cae52f6cf878ef7ea2fc31a6197154873059a496) by [@NickGerleman](https://github.com/NickGerleman))
+- Better TypeScript support for `package.json` exports field ([1b0e8b1de4](https://github.com/facebook/react-native/commit/1b0e8b1de470bd5501d78defce6ad6fe4b2ade4b) by [@NickGerleman](https://github.com/NickGerleman))
+- Add the new media permission to typescript ([630cf3b21c](https://github.com/facebook/react-native/commit/630cf3b21cbd26154e4bed64871408439ddb8d97))
+- Added `contentType` parameter to Blob declaration ([ff40138c76](https://github.com/facebook/react-native/commit/ff40138c76a9a6028a8c063c95f9c6762bb47e9a) by [@trashcoder](https://github.com/trashcoder))
+- Remove `testID` from `TextStyle` types ([3273d38d3b](https://github.com/facebook/react-native/commit/3273d38d3bbcb0aa0a01cd6c5b959785db2a79dc) by [@tobua](https://github.com/tobua))
+- Log a warning if `npx react-native` uses old cached version ([bfca23a25d](https://github.com/facebook/react-native/commit/bfca23a25d098d1b5c599c1611fafa1d17edebec) by [@blakef](https://github.com/blakef))
+- Recognize dictionary type in codegen ([4fd8f405be](https://github.com/facebook/react-native/commit/4fd8f405beaefdf897ee8e511542fca3d6d71728) by [@ZihanChen-MSFT](https://github.com/ZihanChen-MSFT))
+- Generate events with arrays ([b422375782](https://github.com/facebook/react-native/commit/b422375782441c5836390579d0030be94a395f0c) by [@cipolleschi](https://github.com/cipolleschi))
+- Add generic support for Arrays in Events parsing ([6168701887](https://github.com/facebook/react-native/commit/6168701887ca48ae790bc2fc4058f7e65d32fc89) by [@cipolleschi](https://github.com/cipolleschi))
+- Remove config variant copy ctor from `YGNode` ([72fb75d4d4](https://github.com/facebook/react-native/commit/72fb75d4d48d3dbe4a339b2503b796716af6e5b5) by [@NickGerleman](https://github.com/NickGerleman))
+- Define Flag operators for `YGPrintOptions` ([fe6f70b913](https://github.com/facebook/react-native/commit/fe6f70b9139d97cff24dac6a60b724848e65a5d1) by [@NickGerleman](https://github.com/NickGerleman))
+- Add YGErrata Enum ([c7dcb42b8a](https://github.com/facebook/react-native/commit/c7dcb42b8acbf02bd95090bf17fe45437c52a5ab) by [@NickGerleman](https://github.com/NickGerleman))
+- Cleanup YGNode for explicit per-node config ([0e5d54a8ee](https://github.com/facebook/react-native/commit/0e5d54a8ee8f43cf39c3ee9b47acdcb933a762ab) by [@NickGerleman](https://github.com/NickGerleman))
+- Added customizeStack hook to Metro's `/symbolicate` endpoint to allow custom frame skipping logic on a stack level. ([03e78010ae](https://github.com/facebook/react-native/commit/03e78010aef3984287c34902df46268bbe9723e9) by [@GijsWeterings](https://github.com/GijsWeterings))
+- Enable TurboModule interop in Bridgeless mode ([aa1ad5496c](https://github.com/facebook/react-native/commit/aa1ad5496cdc0323de6e2b083a7e3e1826ef8289) by [@RSNara](https://github.com/RSNara))
+- Native view config interop layer enabled in bridgeless mode. ([4fbe05577b](https://github.com/facebook/react-native/commit/4fbe05577b7fd0dd1633fa422c33548ba97d4e8c) by [@dmytrorykun](https://github.com/dmytrorykun))
+
+#### Android specific
+
+- Add `performance.reactNativeStartupTiming.initializeRuntimeStart` and `performance.reactNativeStartupTiming.initializeRuntimeEnd` API ([50638714f5](https://github.com/facebook/react-native/commit/50638714f5cbf110300aa2a3ecd63a3a25a9ac00), [10e8b3538f](https://github.com/facebook/react-native/commit/10e8b3538f65d54ebe28afea4b0f1cfd4a8233a0))
+- Transform origin ([9e68599daf](https://github.com/facebook/react-native/commit/9e68599daf844b06bd010c43cbabf3dc593bb114) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+- 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
+
+- Added support for iOS 17+ text content types ([216865cdb7](https://github.com/facebook/react-native/commit/216865cdb7cfbb9280a40cb1f3065a8961869cba) by [@robwalkerco](https://github.com/robwalkerco))
+- Add support for building with Xcode 15 ([10d55888cc](https://github.com/facebook/react-native/commit/10d55888cce0b625c4b05a19ed609154893d17d0) by [@AlexanderEggers](https://github.com/AlexanderEggers))
+- Fixed cursor height on multiline text input ([987c6fd298](https://github.com/facebook/react-native/commit/987c6fd29868e18d9c881837a795d5d12588ca4e), [e1885853ac](https://github.com/facebook/react-native/commit/e1885853ac46f4e84af9e4a50203d50b773f1a27) by [@soumyajit4419](https://github.com/soumyajit4419))
+- Added support for `transform-origin` on old arch ([5f40f0800e](https://github.com/facebook/react-native/commit/5f40f0800e64b4380d7897b2e8b9ff561d84b97c) by [@jacobp100](https://github.com/jacobp100))
+- Now it is possible to build Hermes from local source directory. Just set REACT_NATIVE_OVERRIDE_HERMES_DIR to the path to that directory. ([45f7e117ad](https://github.com/facebook/react-native/commit/45f7e117ad0df4f6be1344588ac932a21cd192e2) by [@dmytrorykun](https://github.com/dmytrorykun))
+- Add all fontVariant values for font-variant-ligatures ([f0893cf72f](https://github.com/facebook/react-native/commit/f0893cf72ff0dfbd61b1fc28526420c6c20557d3) by [@finnp](https://github.com/finnp))
+- Support bridgeless with JSC and frameworks ([3965158a2d](https://github.com/facebook/react-native/commit/3965158a2d37c96c82f5c03e8beaeb7356c1d0f7))
+- Add pods for bridgeless ([b06c2d7050](https://github.com/facebook/react-native/commit/b06c2d7050e91491b653444d749cef3da6e86a75))
+- Added override method with default implementation ([abc6e1cbf4](https://github.com/facebook/react-native/commit/abc6e1cbf4cf9775205b0246404b0059a5838fba) by [@Gregoirevda](https://github.com/Gregoirevda))
+- Add `smartInsertDelete` prop to `TextInput` component ([6b62f12ce9](https://github.com/facebook/react-native/commit/6b62f12ce957a6eea47f4abc1ead23f64d883ce8) by [@fabioh8010](https://github.com/fabioh8010))
+- Add explicit dependencies for 3rd parties libraries ([c027f0a41f](https://github.com/facebook/react-native/commit/c027f0a41fd53a457a425d84e2c1e0ab6b862173) by [@cipolleschi](https://github.com/cipolleschi))
+- Added conversion helper for UIInterfaceOrientationMask to RCTConvert ([2ab750f7bb](https://github.com/facebook/react-native/commit/2ab750f7bbcfcc81714054cabb574442f33298bf))
+
+### Changed
+
+- Use new Hermes CDP handler implementation for debugging ([3e7a873f2d](https://github.com/facebook/react-native/commit/3e7a873f2d1c5170a7f4c88064897e74a149c5d5) by [@huntie](https://github.com/huntie))
+- Add 'j' to debug key trigger from CLI ([321f7dbcad](https://github.com/facebook/react-native/commit/321f7dbcadb78dede9048500ab8abe86af863061) by [@huntie](https://github.com/huntie))
+- Relax FlatList.onViewableItemsChanged validation ([5cfa125b97](https://github.com/facebook/react-native/commit/5cfa125b979c7ce76884a81dd3baaddcf4a560fd))
+- Don't use setState for disabled KeyboardAvoidingView to avoid re-renders ([783150f37b](https://github.com/facebook/react-native/commit/783150f37be790f44e5a368982a200c7c08a866f) by [@adamgrzybowski](https://github.com/adamgrzybowski))
+- Add mock removeEventListener and currentState method for `AppState` ([1bda78f2fa](https://github.com/facebook/react-native/commit/1bda78f2fa64210cdfb1d84f0ce0d56be446e3e8) by [@w3cay](https://github.com/w3cay))
+- Default condition set for experimental Package Exports is now ['require', 'import', 'react-native'] ([808b3c9716](https://github.com/facebook/react-native/commit/808b3c9716e6d96b9e7308e46802de48ddc626d0) by [@huntie](https://github.com/huntie))
+- Remove default 50ms Scroll Event Throttling in VirtualizedList ([3eccc53629](https://github.com/facebook/react-native/commit/3eccc536292aa344f8d796e9325ab2aaeacfa24e) by [@NickGerleman](https://github.com/NickGerleman))
+- Sync AnimatedValue JS node value when animation completes ([51cea49be7](https://github.com/facebook/react-native/commit/51cea49be73250f5b346db9882a2da522cd508d8) by [@genkikondo](https://github.com/genkikondo))
+- Return animated values to JS for natively driven animations ([4b54c0b1fa](https://github.com/facebook/react-native/commit/4b54c0b1faf8233986bf9232e1a18a1c5067ad3a) by [@genkikondo](https://github.com/genkikondo))
+- Fixed `source` in `Image` type ([83885f1d69](https://github.com/facebook/react-native/commit/83885f1d693fdb7d3ce369cc67bcd39a9755f987) by [@BrodaNoel](https://github.com/BrodaNoel))
+- 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))
+- 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))
+- React-native/babel-plugin-codegen to react-native/babel-preset ([1c3b3a09b6](https://github.com/facebook/react-native/commit/1c3b3a09b60efc55456ecfe4b79b8cc73d30f739) by [@dmytrorykun](https://github.com/dmytrorykun))
+- Replace `JSX.Element` with `React.JSX.Element` in `App.tsx` template ([1383a59ed2](https://github.com/facebook/react-native/commit/1383a59ed265531092de68ceb50dbf449070d7c0) by [@retyui](https://github.com/retyui))
+- Move react-native-babel-transformer and react-native-babel-preset from Metro to React Native repo. ([d380bb8473](https://github.com/facebook/react-native/commit/d380bb8473f1c03ca277074e952f03649d767766) by [@dmytrorykun](https://github.com/dmytrorykun))
+- Stricter TS check for transform style ([e414713e4c](https://github.com/facebook/react-native/commit/e414713e4c6d19a4f4aaa0193f540636dd936eb0) by [@vonovak](https://github.com/vonovak))
+- Bump Flipper to 0.204.0 ([d9c8cd3b40](https://github.com/facebook/react-native/commit/d9c8cd3b4051ecb9230a44289f9cf026b954ecdb) by [@szymonrybczak](https://github.com/szymonrybczak))
+- Remove YGExperimentalFeatureFixAbsoluteTrailingColumnMargin ([3f6412b934](https://github.com/facebook/react-native/commit/3f6412b934250ef2c0fe2d573ea10f77b0e5eaa3) by [@NickGerleman](https://github.com/NickGerleman))
+- Pressable: prevent click bubbling in Pressable ([a449291323](https://github.com/facebook/react-native/commit/a44929132397181a11ec02e77e60b2bb0bb6add6))
+- Dirty nodes when dynamically setting config ([bde38d543e](https://github.com/facebook/react-native/commit/bde38d543e82d75b155ad60421674fb3549ef175) by [@NickGerleman](https://github.com/NickGerleman))
+- 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
+
+- Convert the app template to Kotlin ([c1c22ebacc](https://github.com/facebook/react-native/commit/c1c22ebacc4097ce56f19385161ebb23ee1624b3) by [@cortinico](https://github.com/cortinico))
+- Upgrade target sdk version to 34 ([a6b0984893](https://github.com/facebook/react-native/commit/a6b0984893a6d1d9da5c4f69edcb3aed6407730e))
+- Bump NDK to 25 ([28deaa3a71](https://github.com/facebook/react-native/commit/28deaa3a71085dc877da7f68dcec78c63bd9192a) by [@szymonrybczak](https://github.com/szymonrybczak))
+- Remove Flipper actions in Dev Menu, add new Open Debugger action ([3bc402f612](https://github.com/facebook/react-native/commit/3bc402f612571fbfb70c309dcb2faaf67a524cfc) by [@huntie](https://github.com/huntie))
+- Add `scrollEventThrottle` prop support for android ([777934ec3a](https://github.com/facebook/react-native/commit/777934ec3ad05486602e73169cd4f2e7523cc93f))
+- Don't display the PopupWindow when current activity is in a bad state ([cee5dceac7](https://github.com/facebook/react-native/commit/cee5dceac7285fbae76139ebd58784009e2da2fb))
+- React trees will be unmounted when the application is reloaded ([e133100721](https://github.com/facebook/react-native/commit/e133100721939108b0f28dfa9f60ac627c804018) by [@javache](https://github.com/javache))
+- Fix crash "lateinit property initialProps has not been initialized" ([188eceec98](https://github.com/facebook/react-native/commit/188eceec98a6e6892c66fb81214ee5f646ce97a9))
+- Deprecating createNativeModules method from ReactPackage interface recommending using getModule instead in the new architecture of React Native ([33181ef8af](https://github.com/facebook/react-native/commit/33181ef8afd621252c7cbf181b15fc162fc294a2) by [@mdvacca](https://github.com/mdvacca))
+- Introducing getModule method into ReactPackage interface, defaulting to null. This method will be used in the Stable API of React Native ([da8616ec69](https://github.com/facebook/react-native/commit/da8616ec69a12a90b973fea1d8345c7517408a73) by [@mdvacca](https://github.com/mdvacca))
+- Update Java tests to Kotlin for the referenced file ([3dbb759506](https://github.com/facebook/react-native/commit/3dbb7595060b1454fbd8ec80cb851fe6af8f41da) by [@stewartsum](https://github.com/stewartsum))
+- Deprecate JSCJavaScriptExecutorFactory and JSCJavaScriptExecutor, use com.facebook.react.jscexecutor instead ([0cac88fa65](https://github.com/facebook/react-native/commit/0cac88fa65fd33dd6164ed2d6c4fbcdfa47f9e82) by [@mdvacca](https://github.com/mdvacca))
+- Throw ReactNoCrashSoftException when handle memeory pressure to avoid crash ([fa9ea8326e](https://github.com/facebook/react-native/commit/fa9ea8326e693b258e303aee6f59b049dcecea31))
+- Throw Error in dispatchViewManagerCommand when non-numeric tag is passed for easier debugging ([0519c11acd](https://github.com/facebook/react-native/commit/0519c11acd0c347db378bbc9238c7dabfd38f6fa) by [@hsource](https://github.com/hsource))
+- Moved ReactFontManager to a common package ([7341f9abdc](https://github.com/facebook/react-native/commit/7341f9abdcfbf5cf4dd5f8cda49151b28ae246bf) by [@fkgozali](https://github.com/fkgozali))
+- Throw Error in dispatchViewManagerCommand when non-numeric tag is passed for easier debugging ([ff1972daba](https://github.com/facebook/react-native/commit/ff1972dabafbbfc18203464b452e0d5b796cdcf6) by [@hsource](https://github.com/hsource))
+- Fresco to 3.0.0 ([823839bcc1](https://github.com/facebook/react-native/commit/823839bcc13526a5a37a0d316f90a39f6bf283bd) by [@cortinico](https://github.com/cortinico))
+- Avoid duplicate destroy on same thread ([43f7781c87](https://github.com/facebook/react-native/commit/43f7781c87c3540f2ad09147ea3fb63765b72f01))
+- Use new `getCanonicalName` and `getMessage` methods exposed by `fbjni` ([6c729acd12](https://github.com/facebook/react-native/commit/6c729acd12933d79aae3ef05dbdecfa0feb96bf4) by [@krystofwoldrich](https://github.com/krystofwoldrich))
+- Changed the scope of `setJSEngineResolutionAlgorithm` to public from private. Brownfield apps should be able to setup the JSResolutionAlgorithm before hand. ([cb376dd0d8](https://github.com/facebook/react-native/commit/cb376dd0d80fce9284c96fc5c03503a5c159fe86) by [@SparshaSaha](https://github.com/SparshaSaha))
+- Java to 17 and AGP to 8.0.2 ([9f7dddf1ac](https://github.com/facebook/react-native/commit/9f7dddf1ac34a54f27c97d2e451e7cb724cd0094) by [@cortinico](https://github.com/cortinico))
+- Use reference Yoga CMake Build ([6764adafe4](https://github.com/facebook/react-native/commit/6764adafe4c702b3d514179e4e6cfa0534f44de2) by [@NickGerleman](https://github.com/NickGerleman))
+- Enable Template with Bridgeless ([8b2f324a9b](https://github.com/facebook/react-native/commit/8b2f324a9b915f504b237cad1281735b22684444))
+- 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
+
+- Remove Flipper actions in Dev Menu, add new Open Debugger action ([5bfc507655](https://github.com/facebook/react-native/commit/5bfc5076557c92211bb58f8ac8fc008e87b14228) by [@huntie](https://github.com/huntie))
+- Moved the min iOS version to 13.4 ([610b14e4f3](https://github.com/facebook/react-native/commit/610b14e4f3f606cd4c49518b9a42e3290fd52aeb) by [@cipolleschi](https://github.com/cipolleschi))
+- TurboModules are now exposed to JS as the prototype of a plain JS object, so methods can be cached ([20dba39dab](https://github.com/facebook/react-native/commit/20dba39dab4ef85eb28659a89b19750cec3193a4) by [@javache](https://github.com/javache))
+- Restored `cancelable` option in `Pressability` configuration to not block native responder, and instead introduced a new optional `blockNativeResponder` boolean option to accomplish the same thing. ([30e2345b26](https://github.com/facebook/react-native/commit/30e2345b263233a4ebac6a4839885c8bc337bdfd) by [@yungsters](https://github.com/yungsters))
+- Scroll `ScrollView` text fields into view with `automaticallyAdjustsScrollIndicatorInsets` ([9ca16605e0](https://github.com/facebook/react-native/commit/9ca16605e0eb7b30996f10109aa9080088078995) by [@adamaveray](https://github.com/adamaveray))
+- Remove Xcode 15 `_LIBCPP_ENABLE_CXX17_REMOVED_UNARY_BINARY_FUNCTION` workaround for boost ([b9f0bdd12d](https://github.com/facebook/react-native/commit/b9f0bdd12d9d7eeb5a6cc13a4e9793fc6031a94b) by [@Kudo](https://github.com/Kudo))
+- Updated comment in RCTBundleURLProvider.h to instance correct jsBundleURLForBundleRoot:fallbackExtension method. ([d208dc422c](https://github.com/facebook/react-native/commit/d208dc422c9239d126e0da674451c5898d57319d) by [@JulioCVaz](https://github.com/JulioCVaz))
+- Set the new arch flag based on the React Native version. ([a8d268593a](https://github.com/facebook/react-native/commit/a8d268593ae811fcc0ef10749aab84abfb8ec89e) by [@cipolleschi](https://github.com/cipolleschi))
+- Add RCTPlatformName to RCTConstants.h ([046ae12a6d](https://github.com/facebook/react-native/commit/046ae12a6db9e7404131b28f44e2cf842551e3f3) by [@Saadnajmi](https://github.com/Saadnajmi))
+- Use the runtime scheduler in the old Architecture ([2692f206a6](https://github.com/facebook/react-native/commit/2692f206a6ff16f65d47f70774908db816cee989) by [@cipolleschi](https://github.com/cipolleschi))
+- Set DEFINES_MODULE xcconfig in React-RCTAppDelegate to generate a module map for this pod ([7c79e3107f](https://github.com/facebook/react-native/commit/7c79e3107fe735d4afa41c29ab9a3453cab38d11) by [@tsapeta](https://github.com/tsapeta))
+- Move .m to .mm to make obj-c and C++ headers compatible ([42d67452eb](https://github.com/facebook/react-native/commit/42d67452eb9a507651078882d00df44dd6720049))
+- Remove deprecated uses of UIActivityIndicatorViewStyle ([62e9faefd5](https://github.com/facebook/react-native/commit/62e9faefd5f12f5fe6dc88a076ddf7cafda75ee5) by [@Saadnajmi](https://github.com/Saadnajmi))
+- Fix setRuntimeConfigProvider called multiple times error ([637ffb175d](https://github.com/facebook/react-native/commit/637ffb175db17af0582d503e9f510c4fe35c115b))
+- Set initial AppState status to "inactive" instead of "unknown" ([54a5ff9745](https://github.com/facebook/react-native/commit/54a5ff9745ca8713b8d3a83dc37792ea71597b53) by [@louiszawadzki](https://github.com/louiszawadzki))
+- Return animated values to JS for natively driven animations ([b0485bed09](https://github.com/facebook/react-native/commit/b0485bed0945061becace5af924fa60b17ab295f) by [@genkikondo](https://github.com/genkikondo))
+- Disabled bitcode for Hermes prebuilts ([de6bfec82a](https://github.com/facebook/react-native/commit/de6bfec82a1cb4b387bfe8a87b1f597f39572764) by [@cipolleschi](https://github.com/cipolleschi))
+- Make RNTester use RCTAppDelegate ([680cbe757b](https://github.com/facebook/react-native/commit/680cbe757b250fd9a05862040c080f063b2197a7) by [@cipolleschi](https://github.com/cipolleschi))
+- Changed AppDelegate template to avoid retaining TurboModuleManager. ([ec1ab73674](https://github.com/facebook/react-native/commit/ec1ab736744bb3a511ce38cace8891b01436ae75) by [@javache](https://github.com/javache))
+- Migrate RNTester to Bridgeless ([d3c28d28a9](https://github.com/facebook/react-native/commit/d3c28d28a9b5324310f0d86c284d3d8ffd63615b))
+- Re-organise BridgelessApple files to keep proper header file include structure ([736dd5a3c0](https://github.com/facebook/react-native/commit/736dd5a3c0c074db25551db080e8f0a925f37bd8))
+
+### Deprecated
+
+- Deprecate YGConfigSetUseLegacyStretchBehaviour ([7f300cd755](https://github.com/facebook/react-native/commit/7f300cd75539ba153ce3ee4758a9b1ea1f00a247) by [@NickGerleman](https://github.com/NickGerleman))
+
+#### Android specific
+
+- Deprecate hasConstants from ReactModule annotation ([ccfd4c080c](https://github.com/facebook/react-native/commit/ccfd4c080ccaf9b030dbd6f3f5a3242b457db8be) by [@philIip](https://github.com/philIip))
+- ReactModuleInfo constructor with getConstants arg is deprecated ([9f52378cc1](https://github.com/facebook/react-native/commit/9f52378cc1061c7c9dae6aee5147bb54f0aa24aa) by [@philIip](https://github.com/philIip))
+- HasConstants in ReactModuleInfo is marked as deprecated ([196d9f9520](https://github.com/facebook/react-native/commit/196d9f9520be90190618c0f459719ffa08ab9673) by [@philIip](https://github.com/philIip))
+- Deprecating EventBeatManager constructor that receives a Context as a parameter. ([363224ea62](https://github.com/facebook/react-native/commit/363224ea626a3ddc51500a16d337da1df2d09633) by [@mdvacca](https://github.com/mdvacca))
+- Deprecate and mark for removal com.facebook.react.common.StandardCharsets, please use java.nio.charset.StandardCharsets instead ([c0b4883058](https://github.com/facebook/react-native/commit/c0b488305860fabd3d737674d614e4f466ace0ed) by [@mdvacca](https://github.com/mdvacca))
+-  ([a4fe9b2b6d](https://github.com/facebook/react-native/commit/a4fe9b2b6da84ebfa5b90883dc4787e95e98405f) by [@philIip](https://github.com/philIip))
+- Deprecate TurboModuleManager.getLegacyCxxModule ([7a08fbb088](https://github.com/facebook/react-native/commit/7a08fbb0882779330b2135962842ddc92166be5c) by [@RSNara](https://github.com/RSNara))
+- Deprecate TurboModuleRegistry.getModule(), getModules(), hasModule(), ([3af66bf7fb](https://github.com/facebook/react-native/commit/3af66bf7fbd88d77fe27770bcb829768bf949b9c) by [@RSNara](https://github.com/RSNara))
+
+#### iOS specific
+
+- Deprecate `get_default_flags` in Ruby scripts ([f60b9f695e](https://github.com/facebook/react-native/commit/f60b9f695e1c08714735b78366267127b29ab705) by [@cipolleschi](https://github.com/cipolleschi))
+- Use -[RCTTurboModuleManager installJSBindings:] instead of -[RCTTurboModuleManager installJSBindingWithRuntimeExecutor:] ([7fb9e4f46c](https://github.com/facebook/react-native/commit/7fb9e4f46c3131f74a9672afc6cc426a61adde0c) by [@javache](https://github.com/javache))
+
+### Removed
+
+- Remove remote debugging from the dev menu ([28e1ca9873](https://github.com/facebook/react-native/commit/28e1ca98737014a9a1735789b3fb817255ffdfdf) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+- Remove experimental support for loading bytecode from Metro ([6abc097bf3](https://github.com/facebook/react-native/commit/6abc097bf32ade1438fcf6c33bf6cc8c192249f8) by [@motiz88](https://github.com/motiz88))
+- Remove internal DevSplitBundleLoader native module ([6dcdb93ec0](https://github.com/facebook/react-native/commit/6dcdb93ec0c581f08b4f4a4ea1816571f15cc2ca) by [@motiz88](https://github.com/motiz88))
+
+#### Android specific
+
+- Remove unused `canLoadFile` function from HermesExecutor.java ([1b7e26cccb](https://github.com/facebook/react-native/commit/1b7e26cccb3460b3525ab5066313f5dd2254ac30) by [@cortinico](https://github.com/cortinico))
+- Polish DevServerHelper (remove unused Interfaces) ([7dcaf00835](https://github.com/facebook/react-native/commit/7dcaf008352d53feeb9ced493adb10d72f9e04c1) by [@cortinico](https://github.com/cortinico))
+- DevServerHelper should not depend on internal ctor parameter ([da358d0ec7](https://github.com/facebook/react-native/commit/da358d0ec7a492edb804b9cdce70e7516ee518ae) by [@cortinico](https://github.com/cortinico))
+- Deprecate Java YogaConfig.setUseLegacyStretchBehaviour() ([f635341461](https://github.com/facebook/react-native/commit/f6353414613f89ce309547c43fab6c3ca5315266) by [@NickGerleman](https://github.com/NickGerleman))
+- Remove TurboModuleManagerDelegate.getLegacyCxxModule ([6f10110555](https://github.com/facebook/react-native/commit/6f10110555694ec659a87f41b65ca12ee044d908) by [@RSNara](https://github.com/RSNara))
+- Remove TurboModuleManager.getNativeModule,getNativeModules,hasNativeModule ([ac2a4d8e6c](https://github.com/facebook/react-native/commit/ac2a4d8e6cee233686e497e29518f0f11a89a4d7) by [@RSNara](https://github.com/RSNara))
+- Delete hasConstants() method from BaseJavaModule ([bbc3657ff4](https://github.com/facebook/react-native/commit/bbc3657ff4efd0218e02ad9a3c73725a7f8a366c) by [@mdvacca](https://github.com/mdvacca))
+- Deleted obsolete native methods DevServerHelper.symbolicateStackTrace and DevServerHelper.openStackFrameCall ([ad46bc6d77](https://github.com/facebook/react-native/commit/ad46bc6d775330ed55c5b945c8b3cf7145ad5a61) by [@GijsWeterings](https://github.com/GijsWeterings))
+- Reduce visibility of DevInternalSettings class ([1a9e444b61](https://github.com/facebook/react-native/commit/1a9e444b61630066604a974d3c0527a4ad7707e5) by [@cortinico](https://github.com/cortinico))
+
+#### iOS specific
+
+- Remove redundant ifdefs for ArrayBuffer backwards compatibility ([fb30fcaa2f](https://github.com/facebook/react-native/commit/fb30fcaa2f526cc1f7c2d4189ec9c57f9cf9b3c5) by [@Saadnajmi](https://github.com/Saadnajmi))
+- Remove RCTSurfaceHostingComponent and RCTSurfaceBackedComponent, needed only for ComponentKit integration. ([b8d60a834f](https://github.com/facebook/react-native/commit/b8d60a834f25cfde8a8580a32afc752b52d10a8d) by [@constantine-fry](https://github.com/constantine-fry))
+- Remove PRODUCTION flag from iOS build logic ([daa99fe5e7](https://github.com/facebook/react-native/commit/daa99fe5e7d3b4fc634513ae8b3d954c7b40eaa4) by [@cipolleschi](https://github.com/cipolleschi))
+- Delete bridge.loadAndExecuteSplitBundleURL ([e2d512a1ee](https://github.com/facebook/react-native/commit/e2d512a1eef9950d3475c95dee8d2474a5723d74) by [@RSNara](https://github.com/RSNara))
+- delete RCTJSScriptLoaderModule ([438f6cf591](https://github.com/facebook/react-native/commit/438f6cf5915786e611ebea3bfc9b96c3106c2aa9) by [@philIip](https://github.com/philIip))
+- Remove Xcode 12.5 post install workaround ([0ab8b40fd6](https://github.com/facebook/react-native/commit/0ab8b40fd64ad86b4598293faa0b77e71fc9d349) by [@Saadnajmi](https://github.com/Saadnajmi))
+
+### Fixed
+
+- Fix virtualization logic with horizontal RTL lists ([8b39bfadbb](https://github.com/facebook/react-native/commit/8b39bfadbb6206168db9601b86734a583ac11461) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix a potential bug in `EventEmitter` when used with certain Babel configurations that incorrectly polyfill the spread operator for iterables. ([8b768f144a](https://github.com/facebook/react-native/commit/8b768f144a3cad25d84a4e70b880e5aa1d5ff872) by [@yungsters](https://github.com/yungsters))
+- Remove need for platform overrides in SafeAreaView.js ([80f531f9f4](https://github.com/facebook/react-native/commit/80f531f9f4c5eb43af6b4e7979cf6b7b3af12992) by [@christophpurrer](https://github.com/christophpurrer))
+- Hide Babel helpers and other core files from LogBox stack traces by default ([af73a75c21](https://github.com/facebook/react-native/commit/af73a75c215577847666dac49a3360a967f0dc46) by [@motiz88](https://github.com/motiz88))
+- Mitigate flickering on color animations ([5f8bbf2bd2](https://github.com/facebook/react-native/commit/5f8bbf2bd27ccff2c83be8d9dedc7005854fecaa) by [@genkikondo](https://github.com/genkikondo))
+- Resolves Animated.Value.interpolate results in NaN when output is in radians ([ae0d714bbd](https://github.com/facebook/react-native/commit/ae0d714bbdd2eb9d114c17c3945b2f678f60b65a) by [@javache](https://github.com/javache))
+- Fix invariant violation when using viewability callbacks with horizontal RTL FlatList on Paper ([a2fb46ec0d](https://github.com/facebook/react-native/commit/a2fb46ec0d157a4f9d5e4eb0f4c885aaf60c4325) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix invariant violation when `maintainVisibleContentPosition` adjustment moves window before list start ([c168a4f88b](https://github.com/facebook/react-native/commit/c168a4f88bc51e441e704694eed498ce67c9c353) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix backfaceVisibility after transform changes ([242c835c42](https://github.com/facebook/react-native/commit/242c835c422287aa91723cf2ad902ea232f17d15) by [@javache](https://github.com/javache))
+- Add missing type for TextInput.readOnly in Typescript ([deb81853f5](https://github.com/facebook/react-native/commit/deb81853f5618df2ee5fda7096777ac629babb7a) by [@antliann](https://github.com/antliann))
+- Do not render mocked <Modal /> when `visible=false` ([468a13635a](https://github.com/facebook/react-native/commit/468a13635a592621562b10b395ec73f0f4d28093) by [@mdjastrzebski](https://github.com/mdjastrzebski))
+- Fix a type issue of NativeEventEmitter ([d4d323cbc2](https://github.com/facebook/react-native/commit/d4d323cbc2469d54bbd684c478953df5bc815421))
+- Add support to archive Schemes names with backspaces ([a384e076e0](https://github.com/facebook/react-native/commit/a384e076e0f446610ab5c0ad2300fd94c27489f3) by [@yardenPhy](https://github.com/yardenPhy))
+- Updated TypeScript definitions to include userSelect style support. Refer to commit [2e4d8b6c145](https://github.com/facebook/react-native/commit/2e4d8b6c145ed36b600a0481d7f65157a78abbeb) for the specific changes. ([30ab7a45ec](https://github.com/facebook/react-native/commit/30ab7a45eceaa851e8af239f9b64bf7eec424952) by [@MjMoshiri](https://github.com/MjMoshiri))
+- Use right edge of ScrollView viewport for `scrollMetrics.offset` in RTL ([0e69050612](https://github.com/facebook/react-native/commit/0e690506124de44ea6e98012aad817aac9de7f9b) by [@NickGerleman](https://github.com/NickGerleman))
+- AnimatedColor flickering on Android ([ec97646fe4](https://github.com/facebook/react-native/commit/ec97646fe4a6d8cf002c3670e0444371e67edf9f))
+- Fixup contentLength invalidation logic ([ace0a80dea](https://github.com/facebook/react-native/commit/ace0a80dead59d552ed16872de05cd9e977fc6b2) by [@NickGerleman](https://github.com/NickGerleman))
+- Right align scrollToIndex in RTL ([5596f1c25b](https://github.com/facebook/react-native/commit/5596f1c25b31cbe38357264c3e31e5a60fa22380) by [@NickGerleman](https://github.com/NickGerleman))
+- Cache ScrollView content length before calling `scrollToIndex` ([33d6da01ea](https://github.com/facebook/react-native/commit/33d6da01ea15022485d8e65beae49a779130921a) by [@NickGerleman](https://github.com/NickGerleman))
+- Update `event-target-shim` import to support Metro resolving `mjs` modules before `js`. ([e37e53086a](https://github.com/facebook/react-native/commit/e37e53086af5c0569830efa607fc42c2b9593be1) by [@EvanBacon](https://github.com/EvanBacon))
+- Avoids re-renders during text selection on desktop platforms by limiting native-only `isHighlighted` prop to iOS ([3d2fd4bf22](https://github.com/facebook/react-native/commit/3d2fd4bf228c64b1f46dc4737cf5c8eb50392eb0))
+- Fixed missing property `signal` for the `Request` interface ([823b1f467b](https://github.com/facebook/react-native/commit/823b1f467b42b6d8b68a2f4af292c2663f192cd2) by [@ljbc1994](https://github.com/ljbc1994))
+- Remove need for platform overrides to Settings ([3c15b68d56](https://github.com/facebook/react-native/commit/3c15b68d565ac6f5bae782dac3a3fa5ca66f821d) by [@christophpurrer](https://github.com/christophpurrer))
+- Remove need for each platform to implement ToastAndroid as UnimplementedView ([800ea60393](https://github.com/facebook/react-native/commit/800ea60393cc810ef4b36ed102694deda04162c9) by [@christophpurrer](https://github.com/christophpurrer))
+- Remove need for each platform to implement DrawerLayoutAndroid as UnimplementedView ([151f3900de](https://github.com/facebook/react-native/commit/151f3900de092199fd18cf89aea470a41827bb06) by [@christophpurrer](https://github.com/christophpurrer))
+- Remove need for each platform to implement ProgressBarAndroid as UnimplementedView ([c02fcca187](https://github.com/facebook/react-native/commit/c02fcca187e8136dd320ba7c6bbab7268f1267ca) by [@christophpurrer](https://github.com/christophpurrer))
+- Correct the NativeSyntheticEvent type ([fedad15a69](https://github.com/facebook/react-native/commit/fedad15a693c9715fe258f0a0a41e131374700bb) by [@mmmulani](https://github.com/mmmulani))
+-  ([4aa53d241d](https://github.com/facebook/react-native/commit/4aa53d241d79f0e0c6e82c4c8ea8c73d48934a14) by [@IslamRustamov](https://github.com/IslamRustamov))
+- Fixed missing File declaration in Typescript global.d.ts ([9c0441b8a1](https://github.com/facebook/react-native/commit/9c0441b8a100bbc4e47c8ba725b30ea979bb61e8) by [@trashcoder](https://github.com/trashcoder))
+- Android does't crash when using remote debugger ([0fe5ffd568](https://github.com/facebook/react-native/commit/0fe5ffd568b46104625479e1f9afa1b18cdf71b6) by [@javache](https://github.com/javache))
+- Fix timestamps and grouped display of console messages within in a `console.group` ([48791bcd98](https://github.com/facebook/react-native/commit/48791bcd9873b4db10435077c0560907fdb263b2))
+- When animating using native driver, trigger rerender on animation completion in order to update Pressability responder regions ([c870a529fe](https://github.com/facebook/react-native/commit/c870a529fe78ea1cc780f6b7c6f1b0940f4eb8df) by [@genkikondo](https://github.com/genkikondo))
+- Specify float value in ParagraphLayoutManager ([efc5f73f27](https://github.com/facebook/react-native/commit/efc5f73f27de1cc63c7182811293a87de4436359) by [@TatianaKapos](https://github.com/TatianaKapos))
+- When animating using native driver, trigger rerender on animation completion in order to update Pressability responder regions ([03f70bf995](https://github.com/facebook/react-native/commit/03f70bf995379f08a77abcf96bb0e31ff75ca8c3) by [@genkikondo](https://github.com/genkikondo))
+- Fixed computation of layout via `ref.measureRelative` and `ref.measureInWindow` for nodes with scale/rotate transforms in their parents. ([64416d9503](https://github.com/facebook/react-native/commit/64416d9503f9c17ab5ceec2a1506a97a2049f879) by [@rubennorte](https://github.com/rubennorte))
+- Remove duplicated code that resulted after a merge conflict. ([8dcaa4cc3b](https://github.com/facebook/react-native/commit/8dcaa4cc3b8d2f72337a0652b5058769b68d1eb8) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix[devtools]: fixed duplicated backend activation with multiple renderers ([ada6c51943](https://github.com/facebook/react-native/commit/ada6c51943925ca161bf3f4f2dd1f453d5fdc543) by [@hoxyq](https://github.com/hoxyq))
+- Change FlatList `viewabilityConfig` prop type `any` to `ViewabilityConfig` ([5dfa38a20e](https://github.com/facebook/react-native/commit/5dfa38a20e72f6fe560577ec499ff2fee5943b73) by [@jeongshin](https://github.com/jeongshin))
+- Refactor: `substr()` is deprecated, using `slice()` instead across RN codebase ([8a49754cda](https://github.com/facebook/react-native/commit/8a49754cdaf259a9300eb254e0e5da0c7ce3b125) by [@Pranav-yadav](https://github.com/Pranav-yadav))
+- Fix VirtualizedList with `maintainVisibleContentPosition` ([69b22c9799](https://github.com/facebook/react-native/commit/69b22c9799108c05ddc9875d162060826c6e46e2) by [@janicduplessis](https://github.com/janicduplessis))
+- Make sure initialScrollToIndex is bigger than 0 when adjusting cells ([eb30a80c81](https://github.com/facebook/react-native/commit/eb30a80c81bd385f9902548b14df2a3c17e2dd5c) by [@okwasniewski](https://github.com/okwasniewski))
+- Comment out unreferenced formal parameter ([3c0ad81fef](https://github.com/facebook/react-native/commit/3c0ad81fef96d23a7240b708346c7f015f37aea9) by [@TatianaKapos](https://github.com/TatianaKapos))
+- Resolved property name conflicts in event-emitter codegen ([3759a26214](https://github.com/facebook/react-native/commit/3759a262146390798a4aa0cd97b96f47a33d8c08) by [@javache](https://github.com/javache))
+- Issue with TurboModule C++ codegen with optional return types ([dd6d57eea1](https://github.com/facebook/react-native/commit/dd6d57eea107f1b89ff89cc439dcbe73093e5d17) by [@javache](https://github.com/javache))
+- Issue with TurboModule C++ codegen with optional args ([0a8164d993](https://github.com/facebook/react-native/commit/0a8164d99352bb95462edb63283ce4a342cf2f07) by [@javache](https://github.com/javache))
+- Fix podspecs building with C++ 14 ([5ea0b449e2](https://github.com/facebook/react-native/commit/5ea0b449e246257feddcd7ca6cf6c551e9c5ab76) by [@NickGerleman](https://github.com/NickGerleman))
+- URLs parsed by RCTConvert should be encoded respecting RFC 3986, 1738/1808 ([9841bd8185](https://github.com/facebook/react-native/commit/9841bd81852d59608fe3566b17831d6d42eb7dcf) by [@philIip](https://github.com/philIip))
+- Enhance/fix error reporting in reload and destroy ([f437224042](https://github.com/facebook/react-native/commit/f4372240429658b4050090b1f3a384cb6d440fe4) by [@RSNara](https://github.com/RSNara))
+- Create FeatureFlag to gate Stable API for Turbo Module ([49197411d8](https://github.com/facebook/react-native/commit/49197411d886eb7673ca4cb5918a9ea2d7bb95d6) by [@mdvacca](https://github.com/mdvacca))
+- Do not render React DevTools overlays unless they are connected ([39016889d0](https://github.com/facebook/react-native/commit/39016889d09f1766e218e52d2e141e960a35b38a) by [@hoxyq](https://github.com/hoxyq))
+- Fix nullable-to-nonnull-conversion warnings ([2856bef721](https://github.com/facebook/react-native/commit/2856bef72119af4d46535facae61d9efed24e5ee) by [@caodoan](https://github.com/caodoan))
+- Clear bundler banner messages after a certain delay during development. ([6eeb81a86e](https://github.com/facebook/react-native/commit/6eeb81a86e0cf4f050bb6bae5b09dedf8b251a15) by [@jacdebug](https://github.com/jacdebug))
+- Correctly invalidate NSTextStorage when non layout related props change ([247da6ef7f](https://github.com/facebook/react-native/commit/247da6ef7fd0ae335ffc208218532becd596f855) by [@sammy-SC](https://github.com/sammy-SC))
+- Ensure systrace events are always stopped ([97b6829b83](https://github.com/facebook/react-native/commit/97b6829b830d26da62ca014ae83b22b40b7c5379) by [@javache](https://github.com/javache))
+- SafeAreaView shouldn't dirty layout on clone by default ([ecf1b84795](https://github.com/facebook/react-native/commit/ecf1b8479515759284e72a6f8680201795273fdf) by [@javache](https://github.com/javache))
+- 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
+
+- Fix Text cut off issues when adjusting text size and font weight in system settings. ([babbc3e43c](https://github.com/facebook/react-native/commit/babbc3e43cf0a855186a91d3c6b615a1cd940d94))
+- Set the accessibility role to `NONE` when a `null` string is passed to `fromValue` ([0f48e86fed](https://github.com/facebook/react-native/commit/0f48e86fedc5269f6fa5112d40282b747eacc0de) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix default shadow radius in TextAttributeProps ([05fd10d12f](https://github.com/facebook/react-native/commit/05fd10d12f1822d38ea6aafc3e0435d9640ca307) by [@NickGerleman](https://github.com/NickGerleman))
+- UI freezing when using minimumFontScale ([79e8474b14](https://github.com/facebook/react-native/commit/79e8474b14e118daa0f6e525d6546892a09a09a3) by [@g4rb4g3](https://github.com/g4rb4g3))
+- Fixed ScrollView momentum not stopping when calling scrollToEnd programmatically ([2f86aafdfd](https://github.com/facebook/react-native/commit/2f86aafdfd42764b25d2e9bd68a05644965b89d7) by [@Almouro](https://github.com/Almouro))
+- Fixed an issue where calling `Accessibility.setAccessibilityFocus` on an unmounted component would crash ([5323221d14](https://github.com/facebook/react-native/commit/5323221d1442d1573bc65daff618478cb6f056f0) by [@Abbondanzo](https://github.com/Abbondanzo))
+- Localize Talkback strings ([a7e5c96a3d](https://github.com/facebook/react-native/commit/a7e5c96a3d11671ed45b5d4f02334e8cc988ce9e) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix border clip check ([7d1f7f3f5f](https://github.com/facebook/react-native/commit/7d1f7f3f5fbc9e659757f17fae98fa8778ffdbb6) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+- Improve threading in enableFabricPendingEventQueue experiment ([318b4c0d4b](https://github.com/facebook/react-native/commit/318b4c0d4b63e0d85b0c6648d4118880524157fc) by [@javache](https://github.com/javache))
+- Change `connectTimeout` to `callTimeout` in OKHttp client ([e00f2445d2](https://github.com/facebook/react-native/commit/e00f2445d223f512aa3a19b82d6eef207f6b14b3) by [@troZee](https://github.com/troZee))
+- Fix a race with FpsView on using FpsDebugFrameCallback. ([a63b443e62](https://github.com/facebook/react-native/commit/a63b443e62aac6ad0c6745fb01a38cc49b88778d))
+- Fix crash in CompositeTurboModuleManagerDelegate ([e716459d66](https://github.com/facebook/react-native/commit/e716459d66dade54e96f1dba11e4d3d179cf678c) by [@christophpurrer](https://github.com/christophpurrer))
+- Fix race condition with ReactMarker calls to its native module ([6ab062dfec](https://github.com/facebook/react-native/commit/6ab062dfec990ec4915b2ca4514fbddff9bbd9a3))
+- Generalize RTL Scroll Correction Logic ([30c7e9dfa4](https://github.com/facebook/react-native/commit/30c7e9dfa41348e96e946384c76f038ccd859896) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix letters duplication when using autoCapitalize ([ab3c00de2c](https://github.com/facebook/react-native/commit/ab3c00de2ca1cff959c724c09f7f61c3706b2904) by [@fknives](https://github.com/fknives))
+- Fix ScrollView's onMomentumScrollEnd being called multiple times on Android ([06668fcbac](https://github.com/facebook/react-native/commit/06668fcbacd750771f1d53cce829dc55e86f3f3c) by [@AntoineDoubovetzky](https://github.com/AntoineDoubovetzky))
+- ANR when having an inverted `FlatList` on android API 33+ ([90186cd9b7](https://github.com/facebook/react-native/commit/90186cd9b71bc6ffb593448c9bb5a3df66b3a0c6) by [@hannojg](https://github.com/hannojg))
+- Surfaces in the new architecture no longer leak views once stopped ([c16e993bb8](https://github.com/facebook/react-native/commit/c16e993bb8417da9a4ff9e082a77a21688d75bac) by [@javache](https://github.com/javache))
+- Support Android Transitions during Fragment navigation ([187f16ddc6](https://github.com/facebook/react-native/commit/187f16ddc66493c3046ceffed69e21c646dfa7b1) by [@grahammendick](https://github.com/grahammendick))
+- Foreground ripple crashed on api < 23 ([ca65d97d60](https://github.com/facebook/react-native/commit/ca65d97d603f0308c18bbee835b7cf6d5f76e232) by [@vonovak](https://github.com/vonovak))
+- Exclude trailing whitespace from newline character on measuring text line width ([2674d9bf7c](https://github.com/facebook/react-native/commit/2674d9bf7c8b9d668d1a4fe072346b0534bb0f1d) by [@bernhardoj](https://github.com/bernhardoj))
+- W3CPointerEvents: include screen coordinates in pointer events ([3460ff5d04](https://github.com/facebook/react-native/commit/3460ff5d0492bb70806afec9c3c0b5edc00a7908))
+- W3CPointerEvents: include modifier key properties in Android pointer events ([2bd4429365](https://github.com/facebook/react-native/commit/2bd4429365c37e9ce70b12ff3f8d9a3c10af2a4b))
+- W3CPointerEvents: fix NPE due to null targetView ([96fd107d61](https://github.com/facebook/react-native/commit/96fd107d61da9b195928a2a6cfdc39fc095767b4))
+- W3CPointerEvents: fix a case where cancel can cause NPE ([79ae710cc5](https://github.com/facebook/react-native/commit/79ae710cc54b5872ad4a41e67e3cd9b73b20ff5b))
+- W3CPointerEvents: properly update hit path during native gestures ([396cdac629](https://github.com/facebook/react-native/commit/396cdac629594955ad37806464e41607fb59db48))
+- Fixing line truncation issue in Text containing /n when numberOfLines = {1} ([0af806e96c](https://github.com/facebook/react-native/commit/0af806e96c20c826f5a4bd55a3f73f512d6bb5af))
+- Fix ellipsis being cut on certain font sizes ([6d24ee13a4](https://github.com/facebook/react-native/commit/6d24ee13a47a58ff1b19c5a51f39f52c9a4a8a28) by [@BeeMargarida](https://github.com/BeeMargarida))
+- Fix links hidden via ellipsis crashing screen readers ([d54f486fe6](https://github.com/facebook/react-native/commit/d54f486fe66d01450d3c7a04fb0a025319a3014c) by [@dhleong](https://github.com/dhleong))
+- Fixed inconsistent styling for text nodes with many children ([dcb4eb050a](https://github.com/facebook/react-native/commit/dcb4eb050a900b21737b649dad3037b25d51fe5f) by [@cubuspl42](https://github.com/cubuspl42))
+- Fix copy / paste menu and simplify controlled text selection on Android ([d4f6cf1d80](https://github.com/facebook/react-native/commit/d4f6cf1d80b6ee725b81d9fdccc263d193178249) by [@janicduplessis](https://github.com/janicduplessis))
+- When applications reload, the previous react root will be correctly closed ([3a7555fb18](https://github.com/facebook/react-native/commit/3a7555fb18b47f64986e411e43a3cd48154a50e3) by [@javache](https://github.com/javache))
+- ViewManagers now receive an invalidate callback ([c5e7cd4ad9](https://github.com/facebook/react-native/commit/c5e7cd4ad96f468e9c5e2966e5fa5d599daa3e00) by [@javache](https://github.com/javache))
+- Fixed nightly builds of Android no longer building due to a recent version format change ([cceef57be1](https://github.com/facebook/react-native/commit/cceef57be1fca661c10955ecec088ce1ef7aab91) by [@tido64](https://github.com/tido64))
+- Fix unreadable dev menu header on dark theme apps ([88e3130218](https://github.com/facebook/react-native/commit/88e313021808b50f378ea6ddf2a9909d82ed5f57) by [@cortinico](https://github.com/cortinico))
+- 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
+
+- Fix TextInput vertical alignment issue when using lineHeight prop on iOS (Paper - old arch) ([35a1648d0c](https://github.com/facebook/react-native/commit/35a1648d0c93ef2db1de6b8dbe7fc1d997c24039) by [@fabriziobertoglio1987](https://github.com/fabriziobertoglio1987))
+- Announce checkbox and radio button roles on VoiceOver ([12f4a19306](https://github.com/facebook/react-native/commit/12f4a19306b9d4f77c1b5493159de99f897b1862) by [@carmenvkrol](https://github.com/carmenvkrol))
+- Localize Voiceover strings in Paper ([0e99b19257](https://github.com/facebook/react-native/commit/0e99b192577d1ac5c73fdc55902fea1d79d247b7) by [@NickGerleman](https://github.com/NickGerleman))
+- Re-enable direct debugging with JSC on iOS 16.4+ ([5cf8f43ab1](https://github.com/facebook/react-native/commit/5cf8f43ab182781ea82e88077df425c3efbfc21f) by [@Saadnajmi](https://github.com/Saadnajmi))
+- Fixed window.requestIdleCallback not firing on iOS ([72abed2c96](https://github.com/facebook/react-native/commit/72abed2c96d65769567e2b7e492764c1a58e6e81) by [@matt-oakes](https://github.com/matt-oakes))
+- Adapt iOS16+ dictation judge condition ([e8b4bb0684](https://github.com/facebook/react-native/commit/e8b4bb0684eed2acdb4648205893ee372f7ac1c7) by [@hellohublot](https://github.com/hellohublot))
+- Dimensions could be reported incorrectly when resizing iPad or macOS apps ([61861d21ff](https://github.com/facebook/react-native/commit/61861d21ff71a9451019e0f98e0c0414cf12c153) by [@jpdriver](https://github.com/jpdriver))
+- Include `accessibilityValue` prop values in `accessibilityValue` ([0c25f19d39](https://github.com/facebook/react-native/commit/0c25f19d3944e866fcbb6a09da6a55878f739742) by [@carmenvkrol](https://github.com/carmenvkrol))
+- Don't send the `RCTUserInterfaceStyleDidChangeNotification` when the app is in the background. ([6118aff69d](https://github.com/facebook/react-native/commit/6118aff69d69dce557b1c9d217c538f5670afed1) by [@alanjhughes](https://github.com/alanjhughes))
+- Rotation transforms are no longer clipped when zIndex is applied ([850349b1d2](https://github.com/facebook/react-native/commit/850349b1d274f0cc2595eee2f6bb361a958bb2e2) by [@javache](https://github.com/javache))
+- Fix the default trait collection to always return the value of the window ([94fea182d6](https://github.com/facebook/react-native/commit/94fea182d6cf19e96a8a87760017bd69ad0a9e0c) by [@alanjhughes](https://github.com/alanjhughes))
+- Fix Alert userInterfaceStyle having no effect ([0e150d071e](https://github.com/facebook/react-native/commit/0e150d071e66368e134566697f0f9d99c64d35c4) by [@zhongwuzw](https://github.com/zhongwuzw))
+- Properly escape URLs ([5e983d51d8](https://github.com/facebook/react-native/commit/5e983d51d8bc2abded5659a77808542c6dc1377a) by [@cipolleschi](https://github.com/cipolleschi))
+- Handle doulbe `#` and partially escaped urls ([2b4e1f5ece](https://github.com/facebook/react-native/commit/2b4e1f5ece7d160935b19d4862af8706a44cee59) by [@cipolleschi](https://github.com/cipolleschi))
+- RNTester's PROJECT_ROOT points to `packages/rn-tester` ([cd30bc3888](https://github.com/facebook/react-native/commit/cd30bc3888bac500e9ecc7e9be051d0bc3659c2f) by [@dmytrorykun](https://github.com/dmytrorykun))
+- Fix inverted `contentOffset` in scroll events in RTL ([4f8a8ce316](https://github.com/facebook/react-native/commit/4f8a8ce316494db99b19f6c8db6b0c1e7b6500d9) by [@NickGerleman](https://github.com/NickGerleman))
+- Fix bad comparison in RCTScrollViewComponentView RTL ([65b7680720](https://github.com/facebook/react-native/commit/65b7680720435c0d864df9c121c151b60bee08ad) by [@NickGerleman](https://github.com/NickGerleman))
+- Use `addEntriesFromDictionary` properly in RCTBaseTextInputView. ([e6dd22c628](https://github.com/facebook/react-native/commit/e6dd22c628c3bf1b16bb319694a0dddcedb0dd7a) by [@cipolleschi](https://github.com/cipolleschi))
+- Change the top of perf monitor component. ([5ba8de05b5](https://github.com/facebook/react-native/commit/5ba8de05b5e6c170b84b44979e7bbc576442eafb) by [@zerosrat](https://github.com/zerosrat))
+- Only modify EXCLUDED_ARCHS when needed for Hermes ([ee1cd13db6](https://github.com/facebook/react-native/commit/ee1cd13db6ba7d0eae315c296bac5ba2a58cdde3) by [@jpdriver](https://github.com/jpdriver))
+- Fix `use_react_native` to support custom react native absolute paths ([835f62c189](https://github.com/facebook/react-native/commit/835f62c189a76cf05a444f35d0215f51e1e155d8) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+- UIApplicationDidReceiveMemoryWarningNotification has not been obeyed on iOS since RN 0.69 ([8f072b438a](https://github.com/facebook/react-native/commit/8f072b438a81293da026f0284dac8ddc7be35382) by [@liamjones](https://github.com/liamjones))
+- 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
 
 ### Changed
@@ -468,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
@@ -1148,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 faa58ba5d928..8e468b2c4e66 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'
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
diff --git a/Gemfile.lock b/Gemfile.lock
index 20c085c27f8f..9ec5569aaf6e 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -3,25 +3,24 @@ GEM
   specs:
     CFPropertyList (3.0.6)
       rexml
-    activesupport (6.1.7.3)
+    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,44 +57,43 @@ 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)
     httpclient (2.8.3)
-    i18n (1.12.0)
+    i18n (1.14.1)
       concurrent-ruby (~> 1.0)
     json (2.6.3)
-    minitest (5.18.0)
+    minitest (5.20.0)
     molinillo (0.8.0)
     nanaimo (0.3.0)
     nap (1.1.0)
     netrc (0.11.0)
     public_suffix (4.0.7)
-    rexml (3.2.5)
+    rexml (3.2.6)
     ruby-macho (2.5.1)
     typhoeus (1.4.0)
       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.7)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  activesupport (>= 6.1.7.3)
-  cocoapods (~> 1.12)
+  activesupport (>= 6.1.7.5, < 7.1.0)
+  cocoapods (~> 1.13)
 
 RUBY VERSION
    ruby 3.2.0p0
 
 BUNDLED WITH
-   2.4.7
+   2.4.12
diff --git a/README.md b/README.md
index a99a5c75c20e..4d8883c511c6 100644
--- a/README.md
+++ b/README.md
@@ -67,7 +67,7 @@ React Native is developed and supported by many companies and individual core co
 
 ## 📋 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 982f7bc422e9..e24bf6467328 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") ?: "25.1.8937393")
+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")
 }
 
@@ -106,11 +109,11 @@ if (project.findProperty("react.internal.useHermesNightly")?.toString()?.toBoole
       """
       ********************************************************************************
       INFO: You're using Hermes from nightly as you set
-      
+
       react.internal.useHermesNightly=true
-      
+
       in the ./gradle.properties file.
-      
+
       That's fine for local development, but you should not commit this change.
       ********************************************************************************
   """
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 dc3e9962ab83..4ee3ba0d5df3 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 2e3520dd23b9..b35fd7863068 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 74249fe3c2fd..6f344941bc71 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/chrome-launcher_v0.15.x.js b/flow-typed/npm/chrome-launcher_v0.15.x.js
index 8f18f971b5cd..e520c5716c78 100644
--- a/flow-typed/npm/chrome-launcher_v0.15.x.js
+++ b/flow-typed/npm/chrome-launcher_v0.15.x.js
@@ -44,6 +44,9 @@ declare module 'chrome-launcher' {
   declare class Launcher {
     getChromePath(): string;
     launch(options: Options): Promise<LaunchedChrome>;
+    Launcher: {
+      defaultFlags(): Array<string>,
+    };
   }
 
   declare module.exports: Launcher;
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 000000000000..b8d97331050f
--- /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 000000000000..79522197f961
--- /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/open_v7.x.x.js b/flow-typed/npm/open_v7.x.x.js
new file mode 100644
index 000000000000..a60b26aa5b79
--- /dev/null
+++ b/flow-typed/npm/open_v7.x.x.js
@@ -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.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+declare module 'open' {
+  import type {ChildProcess} from 'child_process';
+
+  declare export type Options = $ReadOnly<{
+    wait?: boolean,
+    background?: boolean,
+    newInstance?: boolean,
+    allowNonzeroExitCode?: boolean,
+    ...
+  }>;
+
+  declare type open = (
+    target: string,
+    options?: Options,
+  ) => Promise<ChildProcess>;
+
+  declare module.exports: open;
+}
diff --git a/flow-typed/npm/parseargs_v0.11.x.js b/flow-typed/npm/parseargs_v0.11.x.js
index 396865dca4fc..51832ac1caa3 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 000000000000..be353372f138
--- /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/serve-static_v1.x.x.js b/flow-typed/npm/serve-static_v1.x.x.js
new file mode 100644
index 000000000000..5267abd4894d
--- /dev/null
+++ b/flow-typed/npm/serve-static_v1.x.x.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
+ * @format
+ * @oncall react_native
+ */
+
+declare module 'serve-static' {
+  import type {NextHandleFunction} from 'connect';
+  import type http from 'http';
+
+  declare export type Options = $ReadOnly<{
+    /**
+     * Enable or disable accepting ranged requests, defaults to true. Disabling
+     * this will not send `Accept-Ranges` and ignore the contents of the
+     * `Range` request header.
+     */
+    acceptRanges?: boolean,
+
+    /**
+     * Enable or disable setting `Cache-Control` response header, defaults to
+     * true. Disabling this will ignore the `immutable` and `maxAge` options.
+     */
+    cacheControl?: boolean,
+
+    /**
+     * Set how "dotfiles" are treated when encountered. A dotfile is a file or
+     * directory that begins with a dot (".").
+     *
+     * Note this check is done on the path itself without checking if the path
+     * actually exists on the disk. If `root` is specified, only the dotfiles
+     * above the root are checked (i.e. the root itself can be within a dotfile
+     * when when set to "deny").
+     *
+     * The default value is 'ignore'.
+     *
+     * 'allow' No special treatment for dotfiles
+     * 'deny' Send a 403 for any request for a dotfile
+     * 'ignore' Pretend like the dotfile does not exist and call next()
+     */
+    dotfiles?: string,
+
+    /**
+     * Enable or disable etag generation, defaults to true.
+     */
+    etag?: boolean,
+
+    /**
+     * Set file extension fallbacks. When set, if a file is not found, the
+     * given extensions will be added to the file name and search for.
+     * The first that exists will be served. Example: ['html', 'htm'].
+     *
+     * The default value is false.
+     */
+    extensions?: Array<string> | false,
+
+    /**
+     * Let client errors fall-through as unhandled requests, otherwise forward
+     * a client error.
+     *
+     * The default value is true.
+     */
+    fallthrough?: boolean,
+
+    /**
+     * Enable or disable the immutable directive in the `Cache-Control` response
+     * header.
+     *
+     * If enabled, the `maxAge` option should also be specified to enable
+     * caching. The immutable directive will prevent supported clients from
+     * making conditional requests during the life of the maxAge option to
+     * check if the file has changed.
+     */
+    immutable?: boolean,
+
+    /**
+     * By default this module will send "index.html" files in response to a
+     * request on a directory. To disable this set false or to supply a new
+     * index pass a string or an array in preferred order.
+     */
+    index?: boolean | string | Array<string>,
+
+    /**
+     * Enable or disable `Last-Modified` header, defaults to true. Uses the file
+     * system's last modified value.
+     */
+    lastModified?: boolean,
+
+    /**
+     * Provide a max-age in milliseconds for http caching, defaults to 0. This
+     * can also be a string accepted by the `ms` module.
+     */
+    maxAge?: number | string,
+
+    /**
+     * Redirect to trailing "/" when the pathname is a dir. Defaults to true.
+     */
+    redirect?: boolean,
+
+    /**
+     * Function to set custom headers on response. Alterations to the headers
+     * need to occur synchronously.
+     *
+     * The function is called as `fn(res, path, stat)`, where the arguments are:
+     * `res` the response object
+     * `path` the file path that is being sent
+     * `stat` the stat object of the file that is being sent
+     */
+    setHeaders?: (res: http.ServerResponse, path: string, stat: any) => any,
+  }>;
+
+  declare type serveStatic = (
+    root: string,
+    options?: Options,
+  ) => NextHandleFunction;
+
+  declare module.exports: serveStatic;
+}
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 000000000000..b1bff7b8402d
--- /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 000000000000..2bebd077442d
--- /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 000000000000..48360acd2330
--- /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 000000000000..3220e66276f1
--- /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 c2759dbb18c4..f05b8fac03d4 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 7f93135c49b7..d64cd4917707 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 d11cdd907dd9..2ea3535dc058 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.3-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 b/gradlew
index fcb6fca147c0..1aa94a426907 100755
--- a/gradlew
+++ b/gradlew
@@ -83,7 +83,8 @@ done
 # This is normally unused
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
-APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -144,7 +145,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
         # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
@@ -152,7 +153,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
       '' | soft) :;; #(
       *)
         # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -201,11 +202,11 @@ fi
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
-# Collect all arguments for the java command;
-#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
-#     shell script including quotes and variable substitutions, so put them in
-#     double quotes to make sure that they get re-expanded; and
-#   * put everything else in single quotes, so that it's not re-expanded.
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
 
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
diff --git a/gradlew.bat b/gradlew.bat
index 6689b85beecd..7101f8e4676f 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 41298f39217c..eb43b0845add 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -31,8 +31,10 @@ module.exports = {
   testPathIgnorePatterns: [
     '/node_modules/',
     '<rootDir>/packages/react-native/template',
+    '<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: {
@@ -46,6 +48,7 @@ module.exports = {
       '<rootDir>/packages/react-native/jest/ReactNativeInternalFeatureFlagsMock.js',
   },
   moduleFileExtensions: ['fb.js'].concat(defaults.moduleFileExtensions),
+  modulePathIgnorePatterns: ['scripts/.*/__fixtures__/'],
   unmockedModulePathPatterns: [
     'node_modules/react/',
     'packages/react-native/Libraries/Renderer',
@@ -55,7 +58,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 ae9f6dd90b93..940806557638 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 6735766f6cc5..e5e21a3dbb01 100644
--- a/package.json
+++ b/package.json
@@ -14,28 +14,31 @@
     "android": "cd packages/rn-tester && npm run android",
     "build-android": "./gradlew :packages:react-native:ReactAndroid:build",
     "build": "node ./scripts/build/build.js",
-    "bump-all-updated-packages": "node ./scripts/monorepo/bump-all-updated-packages",
     "clang-format": "clang-format -i --glob=*/**/*.{h,cpp,m,mm}",
     "clean": "node ./scripts/build/clean.js",
     "flow-check": "flow check",
     "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,11 +58,11 @@
     "@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.88",
+    "@react-native/metro-config": "0.74.88",
     "@tsconfig/node18": "1.0.1",
-    "@types/react": "^18.0.18",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@types/react": "^18.2.6",
+    "@typescript-eslint/parser": "^7.1.1",
     "ansi-styles": "^4.2.1",
     "async": "^3.2.2",
     "babel-plugin-minify-dead-code-elimination": "^0.5.2",
@@ -74,7 +77,7 @@
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-ft-flow": "^2.0.1",
-    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-jsx-a11y": "^6.6.0",
     "eslint-plugin-lint": "^1.0.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -83,22 +86,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.15.0",
-    "flow-bin": "^0.217.0",
+    "flow-api-translator": "0.19.1",
+    "flow-bin": "^0.228.0",
     "glob": "^7.1.1",
-    "hermes-eslint": "0.15.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.14.0",
+    "prettier-plugin-hermes-parser": "0.19.1",
     "react": "18.2.0",
     "react-test-renderer": "18.2.0",
     "rimraf": "^3.0.2",
@@ -107,5 +112,6 @@
     "supports-color": "^7.1.0",
     "typescript": "5.0.4",
     "ws": "^6.2.2"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/packages/assets/package.json b/packages/assets/package.json
index c8e5100a2cc4..745d99aad9a7 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.88",
   "description": "Asset support code for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,12 @@
     "directory": "packages/assets"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/assets#readme",
-  "keywords": ["assets", "registry", "react-native", "support"],
+  "keywords": [
+    "assets",
+    "registry",
+    "react-native",
+    "support"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
diff --git a/packages/babel-plugin-codegen/__tests__/index-test.js b/packages/babel-plugin-codegen/__tests__/index-test.js
index 20195b5ea403..1f73d1975786 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 4314e6d50eb5..77de6b77b33a 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 3d85ab95eba7..f73312884fa2 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.88",
   "description": "Babel plugin to generate native module and view manager code for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,14 @@
     "directory": "packages/babel-plugin-codegen"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/babel-plugin-codegen#readme",
-  "keywords": ["babel", "plugin", "codegen", "react-native", "native-modules", "view-manager"],
+  "keywords": [
+    "babel",
+    "plugin",
+    "codegen",
+    "react-native",
+    "native-modules",
+    "view-manager"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
@@ -18,7 +25,7 @@
     "index.js"
   ],
   "dependencies": {
-    "@react-native/codegen": "*"
+    "@react-native/codegen": "0.74.88"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0"
diff --git a/packages/community-cli-plugin/README.md b/packages/community-cli-plugin/README.md
index 3cf597929eb1..aebbf39d106f 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 3f47a0363900..966143d83082 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.88",
   "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",
@@ -22,20 +22,21 @@
     "dist"
   ],
   "dependencies": {
-    "@react-native/dev-middleware": "^0.73.0",
-    "@react-native-community/cli-server-api": "12.0.0-alpha.15",
-    "@react-native-community/cli-tools": "12.0.0-alpha.15",
-    "@react-native/metro-babel-transformer": "^0.73.11",
+    "@react-native-community/cli-server-api": "13.6.9",
+    "@react-native-community/cli-tools": "13.6.9",
+    "@react-native/dev-middleware": "0.74.88",
+    "@react-native/metro-babel-transformer": "0.74.88",
     "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 3f5074674e3f..27ce49565abc 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 1e807f123913..2709141eba79 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 7b6c1acb0176..8ef0b9d35adb 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 525f46748bb8..98aac3b8fa5c 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 20f9ec781c3c..5e005112ce62 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 6a480c4e333a..1e8522a845cf 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 b4183c31e056..1aae31542fdc 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 1cf978ffc8d4..eeed0819cfec 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 7ac9a6cffbc7..1278832bc0f6 100644
--- a/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js
+++ b/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js
@@ -11,39 +11,34 @@
 
 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 readline from 'readline';
-import {KeyPressHandler} from '../../utils/KeyPressHandler';
 
 const CTRL_C = '\u0003';
 const CTRL_D = '\u0004';
 
 export default function attachKeyHandlers({
   cliConfig,
-  serverInstance,
   devServerUrl,
   messageSocket,
+  experimentalDebuggerFrontend,
 }: {
   cliConfig: Config,
   devServerUrl: string,
-  serverInstance: http$Server | https$Server,
   messageSocket: $ReadOnly<{
     broadcast: (type: string, params?: Record<string, mixed> | null) => void,
     ...
   }>,
+  experimentalDebuggerFrontend: boolean,
 }) {
   if (process.stdin.isTTY !== true) {
     logger.debug('Interactive mode is not supported in this environment');
     return;
   }
 
-  readline.emitKeypressEvents(process.stdin);
-  // $FlowIgnore[prop-missing]
-  process.stdin.setRawMode(true);
-
   const execaOptions = {
     env: {FORCE_COLOR: chalk.supportsColor ? 'true' : 'false'},
   };
@@ -51,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...');
@@ -83,30 +78,35 @@ export default function attachKeyHandlers({
         ).stdout?.pipe(process.stdout);
         break;
       case 'j':
+        if (!experimentalDebuggerFrontend) {
+          return;
+        }
         await fetch(devServerUrl + '/open-debugger', {method: 'POST'});
         break;
       case CTRL_C:
       case CTRL_D:
         logger.info('Stopping server');
-        listener?.({pause: true});
-        serverInstance.close(() => {
-          process.emit('SIGINT');
-          process.exit();
-        });
+        keyPressHandler.stopInterceptingKeyStrokes();
+        process.emit('SIGINT');
+        process.exit();
     }
   };
 
   const keyPressHandler = new KeyPressHandler(onPress);
-  const listener = keyPressHandler.createInteractionListener();
+  keyPressHandler.createInteractionListener();
   keyPressHandler.startInterceptingKeyStrokes();
 
   logger.log(
-    `
-${chalk.bold('i')} - run on iOS
-${chalk.bold('a')} - run on Android
-${chalk.bold('d')} - open Dev Menu
-${chalk.bold('j')} - open debugger
-${chalk.bold('r')} - reload app
-`,
+    [
+      '',
+      `${chalk.bold('i')} - run on iOS`,
+      `${chalk.bold('a')} - run on Android`,
+      `${chalk.bold('d')} - open Dev Menu`,
+      ...(experimentalDebuggerFrontend
+        ? [`${chalk.bold('j')} - open debugger (experimental, Hermes only)`]
+        : []),
+      `${chalk.bold('r')} - reload app`,
+      '',
+    ].join('\n'),
   );
 }
diff --git a/packages/community-cli-plugin/src/commands/start/index.js b/packages/community-cli-plugin/src/commands/start/index.js
index 8bcf6e1ac4b0..7cc22efb6618 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';
 
@@ -95,6 +95,13 @@ const startCommand: Command = {
       name: '--no-interactive',
       description: 'Disables interactive mode',
     },
+    {
+      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.',
+    },
   ],
 };
 
diff --git a/packages/community-cli-plugin/src/commands/start/runServer.js b/packages/community-cli-plugin/src/commands/start/runServer.js
index 587f755501c6..7b11adc629b5 100644
--- a/packages/community-cli-plugin/src/commands/start/runServer.js
+++ b/packages/community-cli-plugin/src/commands/start/runServer.js
@@ -14,25 +14,26 @@ 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[],
   cert?: string,
   customLogReporterPath?: string,
+  experimentalDebugger: boolean,
   host?: string,
   https?: boolean,
   maxWorkers?: number,
@@ -62,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(
@@ -108,7 +104,7 @@ async function runServer(
     messageSocketEndpoint,
     eventsSocketEndpoint,
   } = createDevServerMiddleware({
-    host,
+    host: hostname,
     port,
     watchFolders,
   });
@@ -118,7 +114,7 @@ async function runServer(
     logger,
     unstable_experiments: {
       // NOTE: Only affects the /open-debugger endpoint
-      enableCustomDebuggerFrontend: true,
+      enableNewDebugger: args.experimentalDebugger,
     },
   });
 
@@ -137,8 +133,8 @@ async function runServer(
         attachKeyHandlers({
           cliConfig: ctx,
           devServerUrl,
-          serverInstance,
           messageSocket: messageSocketEndpoint,
+          experimentalDebuggerFrontend: args.experimentalDebugger,
         });
       }
     },
diff --git a/packages/community-cli-plugin/src/utils/isDevServerRunning.js b/packages/community-cli-plugin/src/utils/isDevServerRunning.js
index 7478857ba081..7f154afd0799 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 ce3b6f36f428..d3eaeb93bba8 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 e03264f0c644..134ce7d2dad3 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 000000000000..021529007aed
--- /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 fe942450d1b2..ccaa289b9792 100644
--- a/packages/debugger-frontend/BUILD_INFO
+++ b/packages/debugger-frontend/BUILD_INFO
@@ -1,9 +1,9 @@
-@generated SignedSource<<8a0bac4cfdcc3cd44a4f7136f2611ebb>>
-Git revision: 0ffb687b8e049769d2e7162ba8d7205c90e4110c
+@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 e9e228a6a6e4..741ba72a3011 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/Images/Images.js b/packages/debugger-frontend/dist/third-party/front_end/Images/Images.js
index 6da713f6a5c8..0977e3575591 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/Images/Images.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/Images/Images.js
@@ -13,6 +13,7 @@ style.setProperty('--image-file-chromeLeft', 'url(\"' + new URL('./chromeLeft.av
 style.setProperty('--image-file-chromeMiddle', 'url(\"' + new URL('./chromeMiddle.avif', import.meta.url).toString() + '\")');
 style.setProperty('--image-file-chromeRight', 'url(\"' + new URL('./chromeRight.avif', import.meta.url).toString() + '\")');
 style.setProperty('--image-file-cssoverview_icons_2x', 'url(\"' + new URL('./cssoverview_icons_2x.avif', import.meta.url).toString() + '\")');
+style.setProperty('--image-file-favicon', 'url(\"' + new URL('./favicon.ico', import.meta.url).toString() + '\")');
 style.setProperty('--image-file-navigationControls_2x', 'url(\"' + new URL('./navigationControls_2x.png', import.meta.url).toString() + '\")');
 style.setProperty('--image-file-navigationControls', 'url(\"' + new URL('./navigationControls.png', import.meta.url).toString() + '\")');
 style.setProperty('--image-file-nodeIcon', 'url(\"' + new URL('./nodeIcon.avif', import.meta.url).toString() + '\")');
diff --git a/packages/debugger-frontend/dist/third-party/front_end/Images/favicon.ico b/packages/debugger-frontend/dist/third-party/front_end/Images/favicon.ico
new file mode 100644
index 000000000000..5c125de5d897
Binary files /dev/null and b/packages/debugger-frontend/dist/third-party/front_end/Images/favicon.ico differ
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 3d51fc09fcd9..37f131c3a0ee 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/i18n/locales/en-US.json b/packages/debugger-frontend/dist/third-party/front_end/core/i18n/locales/en-US.json
index 5ae98cd338e1..9f9b24aa6230 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/core/i18n/locales/en-US.json
+++ b/packages/debugger-frontend/dist/third-party/front_end/core/i18n/locales/en-US.json
@@ -1 +1 @@
-{"core/common/ResourceType.ts | cspviolationreport":{"message":"CSPViolationReport"},"core/common/ResourceType.ts | css":{"message":"CSS"},"core/common/ResourceType.ts | doc":{"message":"Doc"},"core/common/ResourceType.ts | document":{"message":"Document"},"core/common/ResourceType.ts | documents":{"message":"Documents"},"core/common/ResourceType.ts | eventsource":{"message":"EventSource"},"core/common/ResourceType.ts | fetch":{"message":"Fetch"},"core/common/ResourceType.ts | font":{"message":"Font"},"core/common/ResourceType.ts | fonts":{"message":"Fonts"},"core/common/ResourceType.ts | image":{"message":"Image"},"core/common/ResourceType.ts | images":{"message":"Images"},"core/common/ResourceType.ts | img":{"message":"Img"},"core/common/ResourceType.ts | js":{"message":"JS"},"core/common/ResourceType.ts | manifest":{"message":"Manifest"},"core/common/ResourceType.ts | media":{"message":"Media"},"core/common/ResourceType.ts | other":{"message":"Other"},"core/common/ResourceType.ts | ping":{"message":"Ping"},"core/common/ResourceType.ts | preflight":{"message":"Preflight"},"core/common/ResourceType.ts | script":{"message":"Script"},"core/common/ResourceType.ts | scripts":{"message":"Scripts"},"core/common/ResourceType.ts | signedexchange":{"message":"SignedExchange"},"core/common/ResourceType.ts | stylesheet":{"message":"Stylesheet"},"core/common/ResourceType.ts | stylesheets":{"message":"Stylesheets"},"core/common/ResourceType.ts | texttrack":{"message":"TextTrack"},"core/common/ResourceType.ts | wasm":{"message":"Wasm"},"core/common/ResourceType.ts | webassembly":{"message":"WebAssembly"},"core/common/ResourceType.ts | webbundle":{"message":"WebBundle"},"core/common/ResourceType.ts | websocket":{"message":"WebSocket"},"core/common/ResourceType.ts | websockets":{"message":"WebSockets"},"core/common/ResourceType.ts | webtransport":{"message":"WebTransport"},"core/common/ResourceType.ts | ws":{"message":"WS"},"core/common/ResourceType.ts | xhrAndFetch":{"message":"XHR and Fetch"},"core/common/Revealer.ts | applicationPanel":{"message":"Application panel"},"core/common/Revealer.ts | changesDrawer":{"message":"Changes drawer"},"core/common/Revealer.ts | elementsPanel":{"message":"Elements panel"},"core/common/Revealer.ts | issuesView":{"message":"Issues view"},"core/common/Revealer.ts | networkPanel":{"message":"Network panel"},"core/common/Revealer.ts | sourcesPanel":{"message":"Sources panel"},"core/common/Revealer.ts | stylesSidebar":{"message":"styles sidebar"},"core/common/SettingRegistration.ts | adorner":{"message":"Adorner"},"core/common/SettingRegistration.ts | appearance":{"message":"Appearance"},"core/common/SettingRegistration.ts | console":{"message":"Console"},"core/common/SettingRegistration.ts | debugger":{"message":"Debugger"},"core/common/SettingRegistration.ts | elements":{"message":"Elements"},"core/common/SettingRegistration.ts | extension":{"message":"Extension"},"core/common/SettingRegistration.ts | global":{"message":"Global"},"core/common/SettingRegistration.ts | grid":{"message":"Grid"},"core/common/SettingRegistration.ts | memory":{"message":"Memory"},"core/common/SettingRegistration.ts | mobile":{"message":"Mobile"},"core/common/SettingRegistration.ts | network":{"message":"Network"},"core/common/SettingRegistration.ts | performance":{"message":"Performance"},"core/common/SettingRegistration.ts | persistence":{"message":"Persistence"},"core/common/SettingRegistration.ts | rendering":{"message":"Rendering"},"core/common/SettingRegistration.ts | sources":{"message":"Sources"},"core/common/SettingRegistration.ts | sync":{"message":"Sync"},"core/host/InspectorFrontendHost.ts | devtoolsS":{"message":"DevTools - {PH1}"},"core/host/ResourceLoader.ts | cacheError":{"message":"Cache error"},"core/host/ResourceLoader.ts | certificateError":{"message":"Certificate error"},"core/host/ResourceLoader.ts | certificateManagerError":{"message":"Certificate manager error"},"core/host/ResourceLoader.ts | connectionError":{"message":"Connection error"},"core/host/ResourceLoader.ts | decodingDataUrlFailed":{"message":"Decoding Data URL failed"},"core/host/ResourceLoader.ts | dnsResolverError":{"message":"DNS resolver error"},"core/host/ResourceLoader.ts | ftpError":{"message":"FTP error"},"core/host/ResourceLoader.ts | httpError":{"message":"HTTP error"},"core/host/ResourceLoader.ts | httpErrorStatusCodeSS":{"message":"HTTP error: status code {PH1}, {PH2}"},"core/host/ResourceLoader.ts | invalidUrl":{"message":"Invalid URL"},"core/host/ResourceLoader.ts | signedExchangeError":{"message":"Signed Exchange error"},"core/host/ResourceLoader.ts | systemError":{"message":"System error"},"core/host/ResourceLoader.ts | unknownError":{"message":"Unknown error"},"core/i18n/time-utilities.ts | fdays":{"message":"{PH1} days"},"core/i18n/time-utilities.ts | fhrs":{"message":"{PH1} hrs"},"core/i18n/time-utilities.ts | fmin":{"message":"{PH1} min"},"core/i18n/time-utilities.ts | fmms":{"message":"{PH1} μs"},"core/i18n/time-utilities.ts | fms":{"message":"{PH1} ms"},"core/i18n/time-utilities.ts | fs":{"message":"{PH1} s"},"core/sdk/CompilerSourceMappingContentProvider.ts | couldNotLoadContentForSS":{"message":"Could not load content for {PH1} ({PH2})"},"core/sdk/ConsoleModel.ts | bfcacheNavigation":{"message":"Navigation to {PH1} was restored from back/forward cache (see https://web.dev/bfcache/)"},"core/sdk/ConsoleModel.ts | failedToSaveToTempVariable":{"message":"Failed to save to temp variable."},"core/sdk/ConsoleModel.ts | navigatedToS":{"message":"Navigated to {PH1}"},"core/sdk/ConsoleModel.ts | profileSFinished":{"message":"Profile ''{PH1}'' finished."},"core/sdk/ConsoleModel.ts | profileSStarted":{"message":"Profile ''{PH1}'' started."},"core/sdk/CPUProfilerModel.ts | profileD":{"message":"Profile {PH1}"},"core/sdk/CSSStyleSheetHeader.ts | couldNotFindTheOriginalStyle":{"message":"Could not find the original style sheet."},"core/sdk/CSSStyleSheetHeader.ts | thereWasAnErrorRetrievingThe":{"message":"There was an error retrieving the source styles."},"core/sdk/DebuggerModel.ts | block":{"message":"Block"},"core/sdk/DebuggerModel.ts | catchBlock":{"message":"Catch block"},"core/sdk/DebuggerModel.ts | closure":{"message":"Closure"},"core/sdk/DebuggerModel.ts | expression":{"message":"Expression"},"core/sdk/DebuggerModel.ts | global":{"message":"Global"},"core/sdk/DebuggerModel.ts | local":{"message":"Local"},"core/sdk/DebuggerModel.ts | module":{"message":"Module"},"core/sdk/DebuggerModel.ts | script":{"message":"Script"},"core/sdk/DebuggerModel.ts | withBlock":{"message":"With block"},"core/sdk/DOMDebuggerModel.ts | animation":{"message":"Animation"},"core/sdk/DOMDebuggerModel.ts | animationFrameFired":{"message":"Animation Frame Fired"},"core/sdk/DOMDebuggerModel.ts | cancelAnimationFrame":{"message":"Cancel Animation Frame"},"core/sdk/DOMDebuggerModel.ts | canvas":{"message":"Canvas"},"core/sdk/DOMDebuggerModel.ts | clipboard":{"message":"Clipboard"},"core/sdk/DOMDebuggerModel.ts | closeAudiocontext":{"message":"Close AudioContext"},"core/sdk/DOMDebuggerModel.ts | control":{"message":"Control"},"core/sdk/DOMDebuggerModel.ts | createAudiocontext":{"message":"Create AudioContext"},"core/sdk/DOMDebuggerModel.ts | createCanvasContext":{"message":"Create canvas context"},"core/sdk/DOMDebuggerModel.ts | device":{"message":"Device"},"core/sdk/DOMDebuggerModel.ts | domMutation":{"message":"DOM Mutation"},"core/sdk/DOMDebuggerModel.ts | dragDrop":{"message":"Drag / drop"},"core/sdk/DOMDebuggerModel.ts | geolocation":{"message":"Geolocation"},"core/sdk/DOMDebuggerModel.ts | keyboard":{"message":"Keyboard"},"core/sdk/DOMDebuggerModel.ts | load":{"message":"Load"},"core/sdk/DOMDebuggerModel.ts | media":{"message":"Media"},"core/sdk/DOMDebuggerModel.ts | mouse":{"message":"Mouse"},"core/sdk/DOMDebuggerModel.ts | notification":{"message":"Notification"},"core/sdk/DOMDebuggerModel.ts | parse":{"message":"Parse"},"core/sdk/DOMDebuggerModel.ts | pictureinpicture":{"message":"Picture-in-Picture"},"core/sdk/DOMDebuggerModel.ts | pointer":{"message":"Pointer"},"core/sdk/DOMDebuggerModel.ts | policyViolations":{"message":"Policy Violations"},"core/sdk/DOMDebuggerModel.ts | requestAnimationFrame":{"message":"Request Animation Frame"},"core/sdk/DOMDebuggerModel.ts | resumeAudiocontext":{"message":"Resume AudioContext"},"core/sdk/DOMDebuggerModel.ts | script":{"message":"Script"},"core/sdk/DOMDebuggerModel.ts | scriptBlockedByContentSecurity":{"message":"Script Blocked by Content Security Policy"},"core/sdk/DOMDebuggerModel.ts | scriptBlockedDueToContent":{"message":"Script blocked due to Content Security Policy directive: {PH1}"},"core/sdk/DOMDebuggerModel.ts | scriptFirstStatement":{"message":"Script First Statement"},"core/sdk/DOMDebuggerModel.ts | setInnerhtml":{"message":"Set innerHTML"},"core/sdk/DOMDebuggerModel.ts | setTimeoutOrIntervalFired":{"message":"{PH1} fired"},"core/sdk/DOMDebuggerModel.ts | sinkViolations":{"message":"Sink Violations"},"core/sdk/DOMDebuggerModel.ts | suspendAudiocontext":{"message":"Suspend AudioContext"},"core/sdk/DOMDebuggerModel.ts | timer":{"message":"Timer"},"core/sdk/DOMDebuggerModel.ts | touch":{"message":"Touch"},"core/sdk/DOMDebuggerModel.ts | trustedTypeViolations":{"message":"Trusted Type Violations"},"core/sdk/DOMDebuggerModel.ts | webaudio":{"message":"WebAudio"},"core/sdk/DOMDebuggerModel.ts | webglErrorFired":{"message":"WebGL Error Fired"},"core/sdk/DOMDebuggerModel.ts | webglErrorFiredS":{"message":"WebGL Error Fired ({PH1})"},"core/sdk/DOMDebuggerModel.ts | webglWarningFired":{"message":"WebGL Warning Fired"},"core/sdk/DOMDebuggerModel.ts | window":{"message":"Window"},"core/sdk/DOMDebuggerModel.ts | worker":{"message":"Worker"},"core/sdk/DOMDebuggerModel.ts | xhr":{"message":"XHR"},"core/sdk/EventBreakpointsModel.ts | auctionWorklet":{"message":"Ad Auction Worklet"},"core/sdk/EventBreakpointsModel.ts | beforeBidderWorkletBiddingStart":{"message":"Bidder Bidding Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeBidderWorkletReportingStart":{"message":"Bidder Reporting Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeSellerWorkletReportingStart":{"message":"Seller Reporting Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeSellerWorkletScoringStart":{"message":"Seller Scoring Phase Start"},"core/sdk/NetworkManager.ts | crossoriginReadBlockingCorb":{"message":"Cross-Origin Read Blocking (CORB) blocked cross-origin response {PH1} with MIME type {PH2}. See https://www.chromestatus.com/feature/5629709824032768 for more details."},"core/sdk/NetworkManager.ts | fastG":{"message":"Fast 3G"},"core/sdk/NetworkManager.ts | noContentForPreflight":{"message":"No content available for preflight request"},"core/sdk/NetworkManager.ts | noContentForRedirect":{"message":"No content available because this request was redirected"},"core/sdk/NetworkManager.ts | noContentForWebSocket":{"message":"Content for WebSockets is currently not supported"},"core/sdk/NetworkManager.ts | noThrottling":{"message":"No throttling"},"core/sdk/NetworkManager.ts | offline":{"message":"Offline"},"core/sdk/NetworkManager.ts | requestWasBlockedByDevtoolsS":{"message":"Request was blocked by DevTools: \"{PH1}\""},"core/sdk/NetworkManager.ts | sFailedLoadingSS":{"message":"{PH1} failed loading: {PH2} \"{PH3}\"."},"core/sdk/NetworkManager.ts | sFinishedLoadingSS":{"message":"{PH1} finished loading: {PH2} \"{PH3}\"."},"core/sdk/NetworkManager.ts | slowG":{"message":"Slow 3G"},"core/sdk/NetworkRequest.ts | anUnknownErrorWasEncounteredWhenTrying":{"message":"An unknown error was encountered when trying to store this cookie."},"core/sdk/NetworkRequest.ts | binary":{"message":"(binary)"},"core/sdk/NetworkRequest.ts | blockedReasonInvalidDomain":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because its Domain attribute was invalid with regards to the current host url."},"core/sdk/NetworkRequest.ts | blockedReasonInvalidPrefix":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it used the \"__Secure-\" or \"__Host-\" prefix in its name and broke the additional rules applied to cookies with these prefixes as defined in https://tools.ietf.org/html/draft-west-cookie-prefixes-05."},"core/sdk/NetworkRequest.ts | blockedReasonOverwriteSecure":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it was not sent over a secure connection and would have overwritten a cookie with the Secure attribute."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteNoneInsecure":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameSite=None\" attribute but did not have the \"Secure\" attribute, which is required in order to use \"SameSite=None\"."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteStrictLax":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"{PH1}\" attribute but came from a cross-site response which was not the response to a top-level navigation."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteUnspecifiedTreatedAsLax":{"message":"This Set-Cookie header didn't specify a \"SameSite\" attribute and was defaulted to \"SameSite=Lax,\" and was blocked because it came from a cross-site response which was not the response to a top-level navigation. The Set-Cookie had to have been set with \"SameSite=None\" to enable cross-site usage."},"core/sdk/NetworkRequest.ts | blockedReasonSecureOnly":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"Secure\" attribute but was not received over a secure connection."},"core/sdk/NetworkRequest.ts | domainMismatch":{"message":"This cookie was blocked because neither did the request URL's domain exactly match the cookie's domain, nor was the request URL's domain a subdomain of the cookie's Domain attribute value."},"core/sdk/NetworkRequest.ts | nameValuePairExceedsMaxSize":{"message":"This cookie was blocked because it was too large. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | notOnPath":{"message":"This cookie was blocked because its path was not an exact match for or a superdirectory of the request url's path."},"core/sdk/NetworkRequest.ts | samePartyFromCrossPartyContext":{"message":"This cookie was blocked because it had the \"SameParty\" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource's URL and the domains of the resource's enclosing frames/documents are neither owners nor members in the same First-Party Set."},"core/sdk/NetworkRequest.ts | sameSiteLax":{"message":"This cookie was blocked because it had the \"SameSite=Lax\" attribute and the request was made from a different site and was not initiated by a top-level navigation."},"core/sdk/NetworkRequest.ts | sameSiteNoneInsecure":{"message":"This cookie was blocked because it had the \"SameSite=None\" attribute but was not marked \"Secure\". Cookies without SameSite restrictions must be marked \"Secure\" and sent over a secure connection."},"core/sdk/NetworkRequest.ts | sameSiteStrict":{"message":"This cookie was blocked because it had the \"SameSite=Strict\" attribute and the request was made from a different site. This includes top-level navigation requests initiated by other sites."},"core/sdk/NetworkRequest.ts | sameSiteUnspecifiedTreatedAsLax":{"message":"This cookie didn't specify a \"SameSite\" attribute when it was stored and was defaulted to \"SameSite=Lax,\" and was blocked because the request was made from a different site and was not initiated by a top-level navigation. The cookie had to have been set with \"SameSite=None\" to enable cross-site usage."},"core/sdk/NetworkRequest.ts | schemefulSameSiteLax":{"message":"This cookie was blocked because it had the \"SameSite=Lax\" attribute but the request was cross-site and was not initiated by a top-level navigation. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | schemefulSameSiteStrict":{"message":"This cookie was blocked because it had the \"SameSite=Strict\" attribute but the request was cross-site. This includes top-level navigation requests initiated by other sites. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | schemefulSameSiteUnspecifiedTreatedAsLax":{"message":"This cookie didn't specify a \"SameSite\" attribute when it was stored, was defaulted to \"SameSite=Lax\", and was blocked because the request was cross-site and was not initiated by a top-level navigation. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | secureOnly":{"message":"This cookie was blocked because it had the \"Secure\" attribute and the connection was not secure."},"core/sdk/NetworkRequest.ts | setcookieHeaderIsIgnoredIn":{"message":"Set-Cookie header is ignored in response from url: {PH1}. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | theSchemeOfThisConnectionIsNot":{"message":"The scheme of this connection is not allowed to store cookies."},"core/sdk/NetworkRequest.ts | thisSetcookieDidntSpecifyASamesite":{"message":"This Set-Cookie header didn't specify a \"SameSite\" attribute, was defaulted to \"SameSite=Lax\", and was blocked because it came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | thisSetcookieHadInvalidSyntax":{"message":"This Set-Cookie header had invalid syntax."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSameparty":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameParty\" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource's URL and the domains of the resource's enclosing frames/documents are neither owners nor members in the same First-Party Set."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSamepartyAttribute":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameParty\" attribute but also had other conflicting attributes. Chrome requires cookies that use the \"SameParty\" attribute to also have the \"Secure\" attribute, and to not be restricted to \"SameSite=Strict\"."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSamesiteStrictLax":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"{PH1}\" attribute but came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseTheNameValuePairExceedsMaxSize":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because the cookie was too large. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedDueToUser":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences."},"core/sdk/NetworkRequest.ts | unknownError":{"message":"An unknown error was encountered when trying to send this cookie."},"core/sdk/NetworkRequest.ts | userPreferences":{"message":"This cookie was blocked due to user preferences."},"core/sdk/OverlayModel.ts | pausedInDebugger":{"message":"Paused in debugger"},"core/sdk/PageResourceLoader.ts | loadCanceledDueToReloadOf":{"message":"Load canceled due to reload of inspected page"},"core/sdk/Script.ts | scriptRemovedOrDeleted":{"message":"Script removed or deleted."},"core/sdk/Script.ts | unableToFetchScriptSource":{"message":"Unable to fetch script source."},"core/sdk/sdk-meta.ts | achromatopsia":{"message":"Achromatopsia (no color)"},"core/sdk/sdk-meta.ts | blurredVision":{"message":"Blurred vision"},"core/sdk/sdk-meta.ts | captureAsyncStackTraces":{"message":"Capture async stack traces"},"core/sdk/sdk-meta.ts | deuteranopia":{"message":"Deuteranopia (no green)"},"core/sdk/sdk-meta.ts | disableAsyncStackTraces":{"message":"Disable async stack traces"},"core/sdk/sdk-meta.ts | disableAvifFormat":{"message":"Disable AVIF format"},"core/sdk/sdk-meta.ts | disableCache":{"message":"Disable cache (while DevTools is open)"},"core/sdk/sdk-meta.ts | disableJavascript":{"message":"Disable JavaScript"},"core/sdk/sdk-meta.ts | disableLocalFonts":{"message":"Disable local fonts"},"core/sdk/sdk-meta.ts | disableNetworkRequestBlocking":{"message":"Disable network request blocking"},"core/sdk/sdk-meta.ts | disableWebpFormat":{"message":"Disable WebP format"},"core/sdk/sdk-meta.ts | doNotCaptureAsyncStackTraces":{"message":"Do not capture async stack traces"},"core/sdk/sdk-meta.ts | doNotEmulateAFocusedPage":{"message":"Do not emulate a focused page"},"core/sdk/sdk-meta.ts | doNotEmulateAnyVisionDeficiency":{"message":"Do not emulate any vision deficiency"},"core/sdk/sdk-meta.ts | doNotEmulateCss":{"message":"Do not emulate CSS {PH1}"},"core/sdk/sdk-meta.ts | doNotEmulateCssMediaType":{"message":"Do not emulate CSS media type"},"core/sdk/sdk-meta.ts | doNotExtendGridLines":{"message":"Do not extend grid lines"},"core/sdk/sdk-meta.ts | doNotHighlightAdFrames":{"message":"Do not highlight ad frames"},"core/sdk/sdk-meta.ts | doNotPauseOnExceptions":{"message":"Do not pause on exceptions"},"core/sdk/sdk-meta.ts | doNotPreserveLogUponNavigation":{"message":"Do not preserve log upon navigation"},"core/sdk/sdk-meta.ts | doNotShowGridNamedAreas":{"message":"Do not show grid named areas"},"core/sdk/sdk-meta.ts | doNotShowGridTrackSizes":{"message":"Do not show grid track sizes"},"core/sdk/sdk-meta.ts | doNotShowRulersOnHover":{"message":"Do not show rulers on hover"},"core/sdk/sdk-meta.ts | emulateAchromatopsia":{"message":"Emulate achromatopsia (no color)"},"core/sdk/sdk-meta.ts | emulateAFocusedPage":{"message":"Emulate a focused page"},"core/sdk/sdk-meta.ts | emulateAutoDarkMode":{"message":"Emulate auto dark mode"},"core/sdk/sdk-meta.ts | emulateBlurredVision":{"message":"Emulate blurred vision"},"core/sdk/sdk-meta.ts | emulateCss":{"message":"Emulate CSS {PH1}"},"core/sdk/sdk-meta.ts | emulateCssMediaFeature":{"message":"Emulate CSS media feature {PH1}"},"core/sdk/sdk-meta.ts | emulateCssMediaType":{"message":"Emulate CSS media type"},"core/sdk/sdk-meta.ts | emulateCssPrintMediaType":{"message":"Emulate CSS print media type"},"core/sdk/sdk-meta.ts | emulateCssScreenMediaType":{"message":"Emulate CSS screen media type"},"core/sdk/sdk-meta.ts | emulateDeuteranopia":{"message":"Emulate deuteranopia (no green)"},"core/sdk/sdk-meta.ts | emulateProtanopia":{"message":"Emulate protanopia (no red)"},"core/sdk/sdk-meta.ts | emulateReducedContrast":{"message":"Emulate reduced contrast"},"core/sdk/sdk-meta.ts | emulateTritanopia":{"message":"Emulate tritanopia (no blue)"},"core/sdk/sdk-meta.ts | emulateVisionDeficiencies":{"message":"Emulate vision deficiencies"},"core/sdk/sdk-meta.ts | enableAvifFormat":{"message":"Enable AVIF format"},"core/sdk/sdk-meta.ts | enableCache":{"message":"Enable cache"},"core/sdk/sdk-meta.ts | enableCustomFormatters":{"message":"Enable custom formatters"},"core/sdk/sdk-meta.ts | enableJavascript":{"message":"Enable JavaScript"},"core/sdk/sdk-meta.ts | enableLocalFonts":{"message":"Enable local fonts"},"core/sdk/sdk-meta.ts | enableNetworkRequestBlocking":{"message":"Enable network request blocking"},"core/sdk/sdk-meta.ts | enableRemoteFileLoading":{"message":"Allow DevTools to load resources, such as source maps, from remote file paths. Disabled by default for security reasons."},"core/sdk/sdk-meta.ts | enableWebpFormat":{"message":"Enable WebP format"},"core/sdk/sdk-meta.ts | extendGridLines":{"message":"Extend grid lines"},"core/sdk/sdk-meta.ts | hideCoreWebVitalsOverlay":{"message":"Hide Core Web Vitals overlay"},"core/sdk/sdk-meta.ts | hideFramesPerSecondFpsMeter":{"message":"Hide frames per second (FPS) meter"},"core/sdk/sdk-meta.ts | hideLayerBorders":{"message":"Hide layer borders"},"core/sdk/sdk-meta.ts | hideLayoutShiftRegions":{"message":"Hide layout shift regions"},"core/sdk/sdk-meta.ts | hideLineLabels":{"message":"Hide line labels"},"core/sdk/sdk-meta.ts | hidePaintFlashingRectangles":{"message":"Hide paint flashing rectangles"},"core/sdk/sdk-meta.ts | hideScrollPerformanceBottlenecks":{"message":"Hide scroll performance bottlenecks"},"core/sdk/sdk-meta.ts | highlightAdFrames":{"message":"Highlight ad frames"},"core/sdk/sdk-meta.ts | noEmulation":{"message":"No emulation"},"core/sdk/sdk-meta.ts | pauseOnExceptions":{"message":"Pause on exceptions"},"core/sdk/sdk-meta.ts | preserveLogUponNavigation":{"message":"Preserve log upon navigation"},"core/sdk/sdk-meta.ts | print":{"message":"print"},"core/sdk/sdk-meta.ts | protanopia":{"message":"Protanopia (no red)"},"core/sdk/sdk-meta.ts | query":{"message":"query"},"core/sdk/sdk-meta.ts | reducedContrast":{"message":"Reduced contrast"},"core/sdk/sdk-meta.ts | screen":{"message":"screen"},"core/sdk/sdk-meta.ts | showAreaNames":{"message":"Show area names"},"core/sdk/sdk-meta.ts | showCoreWebVitalsOverlay":{"message":"Show Core Web Vitals overlay"},"core/sdk/sdk-meta.ts | showFramesPerSecondFpsMeter":{"message":"Show frames per second (FPS) meter"},"core/sdk/sdk-meta.ts | showGridNamedAreas":{"message":"Show grid named areas"},"core/sdk/sdk-meta.ts | showGridTrackSizes":{"message":"Show grid track sizes"},"core/sdk/sdk-meta.ts | showLayerBorders":{"message":"Show layer borders"},"core/sdk/sdk-meta.ts | showLayoutShiftRegions":{"message":"Show layout shift regions"},"core/sdk/sdk-meta.ts | showLineLabels":{"message":"Show line labels"},"core/sdk/sdk-meta.ts | showLineNames":{"message":"Show line names"},"core/sdk/sdk-meta.ts | showLineNumbers":{"message":"Show line numbers"},"core/sdk/sdk-meta.ts | showPaintFlashingRectangles":{"message":"Show paint flashing rectangles"},"core/sdk/sdk-meta.ts | showRulersOnHover":{"message":"Show rulers on hover"},"core/sdk/sdk-meta.ts | showScrollPerformanceBottlenecks":{"message":"Show scroll performance bottlenecks"},"core/sdk/sdk-meta.ts | showTrackSizes":{"message":"Show track sizes"},"core/sdk/sdk-meta.ts | tritanopia":{"message":"Tritanopia (no blue)"},"core/sdk/ServerTiming.ts | deprecatedSyntaxFoundPleaseUse":{"message":"Deprecated syntax found. Please use: <name>;dur=<duration>;desc=<description>"},"core/sdk/ServerTiming.ts | duplicateParameterSIgnored":{"message":"Duplicate parameter \"{PH1}\" ignored."},"core/sdk/ServerTiming.ts | extraneousTrailingCharacters":{"message":"Extraneous trailing characters."},"core/sdk/ServerTiming.ts | noValueFoundForParameterS":{"message":"No value found for parameter \"{PH1}\"."},"core/sdk/ServerTiming.ts | unableToParseSValueS":{"message":"Unable to parse \"{PH1}\" value \"{PH2}\"."},"core/sdk/ServerTiming.ts | unrecognizedParameterS":{"message":"Unrecognized parameter \"{PH1}\"."},"core/sdk/ServiceWorkerCacheModel.ts | serviceworkercacheagentError":{"message":"ServiceWorkerCacheAgent error deleting cache entry {PH1} in cache: {PH2}"},"core/sdk/ServiceWorkerManager.ts | activated":{"message":"activated"},"core/sdk/ServiceWorkerManager.ts | activating":{"message":"activating"},"core/sdk/ServiceWorkerManager.ts | installed":{"message":"installed"},"core/sdk/ServiceWorkerManager.ts | installing":{"message":"installing"},"core/sdk/ServiceWorkerManager.ts | new":{"message":"new"},"core/sdk/ServiceWorkerManager.ts | redundant":{"message":"redundant"},"core/sdk/ServiceWorkerManager.ts | running":{"message":"running"},"core/sdk/ServiceWorkerManager.ts | sSS":{"message":"{PH1} #{PH2} ({PH3})"},"core/sdk/ServiceWorkerManager.ts | starting":{"message":"starting"},"core/sdk/ServiceWorkerManager.ts | stopped":{"message":"stopped"},"core/sdk/ServiceWorkerManager.ts | stopping":{"message":"stopping"},"entrypoints/inspector_main/inspector_main-meta.ts | autoOpenDevTools":{"message":"Auto-open DevTools for popups"},"entrypoints/inspector_main/inspector_main-meta.ts | blockAds":{"message":"Block ads on this site"},"entrypoints/inspector_main/inspector_main-meta.ts | colorVisionDeficiency":{"message":"color vision deficiency"},"entrypoints/inspector_main/inspector_main-meta.ts | cssMediaFeature":{"message":"CSS media feature"},"entrypoints/inspector_main/inspector_main-meta.ts | cssMediaType":{"message":"CSS media type"},"entrypoints/inspector_main/inspector_main-meta.ts | disablePaused":{"message":"Disable paused state overlay"},"entrypoints/inspector_main/inspector_main-meta.ts | doNotAutoOpen":{"message":"Do not auto-open DevTools for popups"},"entrypoints/inspector_main/inspector_main-meta.ts | forceAdBlocking":{"message":"Force ad blocking on this site"},"entrypoints/inspector_main/inspector_main-meta.ts | fps":{"message":"fps"},"entrypoints/inspector_main/inspector_main-meta.ts | hardReloadPage":{"message":"Hard reload page"},"entrypoints/inspector_main/inspector_main-meta.ts | layout":{"message":"layout"},"entrypoints/inspector_main/inspector_main-meta.ts | paint":{"message":"paint"},"entrypoints/inspector_main/inspector_main-meta.ts | reloadPage":{"message":"Reload page"},"entrypoints/inspector_main/inspector_main-meta.ts | rendering":{"message":"Rendering"},"entrypoints/inspector_main/inspector_main-meta.ts | showAds":{"message":"Show ads on this site, if allowed"},"entrypoints/inspector_main/inspector_main-meta.ts | showRendering":{"message":"Show Rendering"},"entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia":{"message":"Toggle CSS media feature prefers-color-scheme"},"entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency":{"message":"vision deficiency"},"entrypoints/inspector_main/InspectorMain.ts | javascriptIsDisabled":{"message":"JavaScript is disabled"},"entrypoints/inspector_main/InspectorMain.ts | main":{"message":"Main"},"entrypoints/inspector_main/InspectorMain.ts | openDedicatedTools":{"message":"Open dedicated DevTools for Node.js"},"entrypoints/inspector_main/InspectorMain.ts | tab":{"message":"Tab"},"entrypoints/inspector_main/OutermostTargetSelector.ts | targetNotSelected":{"message":"Page: Not selected"},"entrypoints/inspector_main/OutermostTargetSelector.ts | targetS":{"message":"Page: {PH1}"},"entrypoints/inspector_main/RenderingOptions.ts | coreWebVitals":{"message":"Core Web Vitals"},"entrypoints/inspector_main/RenderingOptions.ts | disableAvifImageFormat":{"message":"Disable AVIF image format"},"entrypoints/inspector_main/RenderingOptions.ts | disableLocalFonts":{"message":"Disable local fonts"},"entrypoints/inspector_main/RenderingOptions.ts | disablesLocalSourcesInFontface":{"message":"Disables local() sources in @font-face rules. Requires a page reload to apply."},"entrypoints/inspector_main/RenderingOptions.ts | disableWebpImageFormat":{"message":"Disable WebP image format"},"entrypoints/inspector_main/RenderingOptions.ts | emulateAFocusedPage":{"message":"Emulate a focused page"},"entrypoints/inspector_main/RenderingOptions.ts | emulateAutoDarkMode":{"message":"Enable automatic dark mode"},"entrypoints/inspector_main/RenderingOptions.ts | emulatesAFocusedPage":{"message":"Emulates a focused page."},"entrypoints/inspector_main/RenderingOptions.ts | emulatesAutoDarkMode":{"message":"Enables automatic dark mode and sets prefers-color-scheme to dark."},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssColorgamutMediaFeature":{"message":"Forces CSS color-gamut media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssForcedColors":{"message":"Forces CSS forced-colors media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscolorschemeMedia":{"message":"Forces CSS prefers-color-scheme media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscontrastMedia":{"message":"Forces CSS prefers-contrast media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPrefersreduceddataMedia":{"message":"Forces CSS prefers-reduced-data media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPrefersreducedmotion":{"message":"Forces CSS prefers-reduced-motion media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesMediaTypeForTestingPrint":{"message":"Forces media type for testing print and screen styles"},"entrypoints/inspector_main/RenderingOptions.ts | forcesVisionDeficiencyEmulation":{"message":"Forces vision deficiency emulation"},"entrypoints/inspector_main/RenderingOptions.ts | frameRenderingStats":{"message":"Frame Rendering Stats"},"entrypoints/inspector_main/RenderingOptions.ts | highlightAdFrames":{"message":"Highlight ad frames"},"entrypoints/inspector_main/RenderingOptions.ts | highlightsAreasOfThePageBlueThat":{"message":"Highlights areas of the page (blue) that were shifted. May not be suitable for people prone to photosensitive epilepsy."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsAreasOfThePageGreen":{"message":"Highlights areas of the page (green) that need to be repainted. May not be suitable for people prone to photosensitive epilepsy."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsElementsTealThatCan":{"message":"Highlights elements (teal) that can slow down scrolling, including touch & wheel event handlers and other main-thread scrolling situations."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsFramesRedDetectedToBe":{"message":"Highlights frames (red) detected to be ads."},"entrypoints/inspector_main/RenderingOptions.ts | layerBorders":{"message":"Layer borders"},"entrypoints/inspector_main/RenderingOptions.ts | layoutShiftRegions":{"message":"Layout Shift Regions"},"entrypoints/inspector_main/RenderingOptions.ts | paintFlashing":{"message":"Paint flashing"},"entrypoints/inspector_main/RenderingOptions.ts | plotsFrameThroughputDropped":{"message":"Plots frame throughput, dropped frames distribution, and GPU memory."},"entrypoints/inspector_main/RenderingOptions.ts | requiresAPageReloadToApplyAnd":{"message":"Requires a page reload to apply and disables caching for image requests."},"entrypoints/inspector_main/RenderingOptions.ts | scrollingPerformanceIssues":{"message":"Scrolling performance issues"},"entrypoints/inspector_main/RenderingOptions.ts | showsAnOverlayWithCoreWebVitals":{"message":"Shows an overlay with Core Web Vitals."},"entrypoints/inspector_main/RenderingOptions.ts | showsLayerBordersOrangeoliveAnd":{"message":"Shows layer borders (orange/olive) and tiles (cyan)."},"entrypoints/js_app/js_app.ts | main":{"message":"Main"},"entrypoints/main/main-meta.ts | asAuthored":{"message":"As authored"},"entrypoints/main/main-meta.ts | auto":{"message":"auto"},"entrypoints/main/main-meta.ts | bottom":{"message":"Bottom"},"entrypoints/main/main-meta.ts | browserLanguage":{"message":"Browser UI language"},"entrypoints/main/main-meta.ts | cancelSearch":{"message":"Cancel search"},"entrypoints/main/main-meta.ts | colorFormat":{"message":"Color format:"},"entrypoints/main/main-meta.ts | colorFormatSettingDisabled":{"message":"This setting is deprecated because it is incompatible with modern color spaces. To re-enable it, disable the corresponding experiment."},"entrypoints/main/main-meta.ts | darkCapital":{"message":"Dark"},"entrypoints/main/main-meta.ts | darkLower":{"message":"dark"},"entrypoints/main/main-meta.ts | devtoolsDefault":{"message":"DevTools (Default)"},"entrypoints/main/main-meta.ts | dockToBottom":{"message":"Dock to bottom"},"entrypoints/main/main-meta.ts | dockToLeft":{"message":"Dock to left"},"entrypoints/main/main-meta.ts | dockToRight":{"message":"Dock to right"},"entrypoints/main/main-meta.ts | enableCtrlShortcutToSwitchPanels":{"message":"Enable Ctrl + 1-9 shortcut to switch panels"},"entrypoints/main/main-meta.ts | enableShortcutToSwitchPanels":{"message":"Enable ⌘ + 1-9 shortcut to switch panels"},"entrypoints/main/main-meta.ts | enableSync":{"message":"Enable settings sync"},"entrypoints/main/main-meta.ts | findNextResult":{"message":"Find next result"},"entrypoints/main/main-meta.ts | findPreviousResult":{"message":"Find previous result"},"entrypoints/main/main-meta.ts | focusDebuggee":{"message":"Focus debuggee"},"entrypoints/main/main-meta.ts | horizontal":{"message":"horizontal"},"entrypoints/main/main-meta.ts | language":{"message":"Language:"},"entrypoints/main/main-meta.ts | left":{"message":"Left"},"entrypoints/main/main-meta.ts | lightCapital":{"message":"Light"},"entrypoints/main/main-meta.ts | lightLower":{"message":"light"},"entrypoints/main/main-meta.ts | nextPanel":{"message":"Next panel"},"entrypoints/main/main-meta.ts | panelLayout":{"message":"Panel layout:"},"entrypoints/main/main-meta.ts | previousPanel":{"message":"Previous panel"},"entrypoints/main/main-meta.ts | reloadDevtools":{"message":"Reload DevTools"},"entrypoints/main/main-meta.ts | resetZoomLevel":{"message":"Reset zoom level"},"entrypoints/main/main-meta.ts | restoreLastDockPosition":{"message":"Restore last dock position"},"entrypoints/main/main-meta.ts | right":{"message":"Right"},"entrypoints/main/main-meta.ts | searchAsYouTypeCommand":{"message":"Enable search as you type"},"entrypoints/main/main-meta.ts | searchAsYouTypeSetting":{"message":"Search as you type"},"entrypoints/main/main-meta.ts | searchInPanel":{"message":"Search in panel"},"entrypoints/main/main-meta.ts | searchOnEnterCommand":{"message":"Disable search as you type (press Enter to search)"},"entrypoints/main/main-meta.ts | setColorFormatAsAuthored":{"message":"Set color format as authored"},"entrypoints/main/main-meta.ts | setColorFormatToHex":{"message":"Set color format to HEX"},"entrypoints/main/main-meta.ts | setColorFormatToHsl":{"message":"Set color format to HSL"},"entrypoints/main/main-meta.ts | setColorFormatToRgb":{"message":"Set color format to RGB"},"entrypoints/main/main-meta.ts | switchToDarkTheme":{"message":"Switch to dark theme"},"entrypoints/main/main-meta.ts | switchToLightTheme":{"message":"Switch to light theme"},"entrypoints/main/main-meta.ts | switchToSystemPreferredColor":{"message":"Switch to system preferred color theme"},"entrypoints/main/main-meta.ts | systemPreference":{"message":"System preference"},"entrypoints/main/main-meta.ts | theme":{"message":"Theme:"},"entrypoints/main/main-meta.ts | toggleDrawer":{"message":"Toggle drawer"},"entrypoints/main/main-meta.ts | undocked":{"message":"Undocked"},"entrypoints/main/main-meta.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"entrypoints/main/main-meta.ts | useAutomaticPanelLayout":{"message":"Use automatic panel layout"},"entrypoints/main/main-meta.ts | useHorizontalPanelLayout":{"message":"Use horizontal panel layout"},"entrypoints/main/main-meta.ts | useVerticalPanelLayout":{"message":"Use vertical panel layout"},"entrypoints/main/main-meta.ts | vertical":{"message":"vertical"},"entrypoints/main/main-meta.ts | zoomIn":{"message":"Zoom in"},"entrypoints/main/main-meta.ts | zoomOut":{"message":"Zoom out"},"entrypoints/main/MainImpl.ts | customizeAndControlDevtools":{"message":"Customize and control DevTools"},"entrypoints/main/MainImpl.ts | dockSide":{"message":"Dock side"},"entrypoints/main/MainImpl.ts | dockSideNaviation":{"message":"Use left and right arrow keys to navigate the options"},"entrypoints/main/MainImpl.ts | dockToBottom":{"message":"Dock to bottom"},"entrypoints/main/MainImpl.ts | dockToLeft":{"message":"Dock to left"},"entrypoints/main/MainImpl.ts | dockToRight":{"message":"Dock to right"},"entrypoints/main/MainImpl.ts | focusDebuggee":{"message":"Focus debuggee"},"entrypoints/main/MainImpl.ts | help":{"message":"Help"},"entrypoints/main/MainImpl.ts | hideConsoleDrawer":{"message":"Hide console drawer"},"entrypoints/main/MainImpl.ts | moreTools":{"message":"More tools"},"entrypoints/main/MainImpl.ts | placementOfDevtoolsRelativeToThe":{"message":"Placement of DevTools relative to the page. ({PH1} to restore last position)"},"entrypoints/main/MainImpl.ts | showConsoleDrawer":{"message":"Show console drawer"},"entrypoints/main/MainImpl.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"entrypoints/node_app/node_app.ts | connection":{"message":"Connection"},"entrypoints/node_app/node_app.ts | networkTitle":{"message":"Node"},"entrypoints/node_app/node_app.ts | node":{"message":"node"},"entrypoints/node_app/node_app.ts | showConnection":{"message":"Show Connection"},"entrypoints/node_app/node_app.ts | showNode":{"message":"Show Node"},"entrypoints/node_app/NodeConnectionsPanel.ts | addConnection":{"message":"Add connection"},"entrypoints/node_app/NodeConnectionsPanel.ts | networkAddressEgLocalhost":{"message":"Network address (e.g. localhost:9229)"},"entrypoints/node_app/NodeConnectionsPanel.ts | noConnectionsSpecified":{"message":"No connections specified"},"entrypoints/node_app/NodeConnectionsPanel.ts | nodejsDebuggingGuide":{"message":"Node.js debugging guide"},"entrypoints/node_app/NodeConnectionsPanel.ts | specifyNetworkEndpointAnd":{"message":"Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more."},"entrypoints/node_app/NodeMain.ts | main":{"message":"Main"},"entrypoints/node_app/NodeMain.ts | nodejsS":{"message":"Node.js: {PH1}"},"entrypoints/worker_app/WorkerMain.ts | main":{"message":"Main"},"generated/Deprecation.ts | AuthorizationCoveredByWildcard":{"message":"Authorization will not be covered by the wildcard symbol (*) in CORS Access-Control-Allow-Headers handling."},"generated/Deprecation.ts | CanRequestURLHTTPContainingNewline":{"message":"Resource requests whose URLs contained both removed whitespace \\(n|r|t) characters and less-than characters (<) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources."},"generated/Deprecation.ts | ChromeLoadTimesConnectionInfo":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: Navigation Timing 2."},"generated/Deprecation.ts | ChromeLoadTimesFirstPaintAfterLoadTime":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: Paint Timing."},"generated/Deprecation.ts | ChromeLoadTimesWasAlternateProtocolAvailable":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: nextHopProtocol in Navigation Timing 2."},"generated/Deprecation.ts | CookieWithTruncatingChar":{"message":"Cookies containing a \\(0|r|n) character will be rejected instead of truncated."},"generated/Deprecation.ts | CrossOriginAccessBasedOnDocumentDomain":{"message":"Relaxing the same-origin policy by setting document.domain is deprecated, and will be disabled by default. This deprecation warning is for a cross-origin access that was enabled by setting document.domain."},"generated/Deprecation.ts | CrossOriginWindowAlert":{"message":"Triggering window.alert from cross origin iframes has been deprecated and will be removed in the future."},"generated/Deprecation.ts | CrossOriginWindowConfirm":{"message":"Triggering window.confirm from cross origin iframes has been deprecated and will be removed in the future."},"generated/Deprecation.ts | CSSSelectorInternalMediaControlsOverlayCastButton":{"message":"The disableRemotePlayback attribute should be used in order to disable the default Cast integration instead of using -internal-media-controls-overlay-cast-button selector."},"generated/Deprecation.ts | DataUrlInSvgUse":{"message":"Support for data: URLs in SVGUseElement is deprecated and it will be removed in the future."},"generated/Deprecation.ts | DocumentDomainSettingWithoutOriginAgentClusterHeader":{"message":"Relaxing the same-origin policy by setting document.domain is deprecated, and will be disabled by default. To continue using this feature, please opt-out of origin-keyed agent clusters by sending an Origin-Agent-Cluster: ?0 header along with the HTTP response for the document and frames. See https://developer.chrome.com/blog/immutable-document-domain/ for more details."},"generated/Deprecation.ts | DOMMutationEvents":{"message":"DOM Mutation Events, including DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, and DOMCharacterDataModified are deprecated (https://w3c.github.io/uievents/#legacy-event-types) and will be removed. Please use MutationObserver instead."},"generated/Deprecation.ts | ExpectCTHeader":{"message":"The Expect-CT header is deprecated and will be removed. Chrome requires Certificate Transparency for all publicly trusted certificates issued after April 30, 2018."},"generated/Deprecation.ts | GeolocationInsecureOrigin":{"message":"getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | GeolocationInsecureOriginDeprecatedNotRemoved":{"message":"getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | GetUserMediaInsecureOrigin":{"message":"getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | HostCandidateAttributeGetter":{"message":"RTCPeerConnectionIceErrorEvent.hostCandidate is deprecated. Please use RTCPeerConnectionIceErrorEvent.address or RTCPeerConnectionIceErrorEvent.port instead."},"generated/Deprecation.ts | IdentityInCanMakePaymentEvent":{"message":"The merchant origin and arbitrary data from the canmakepayment service worker event are deprecated and will be removed: topOrigin, paymentRequestOrigin, methodData, modifiers."},"generated/Deprecation.ts | InsecurePrivateNetworkSubresourceRequest":{"message":"The website requested a subresource from a network that it could only access because of its users' privileged network position. These requests expose non-public devices and servers to the internet, increasing the risk of a cross-site request forgery (CSRF) attack, and/or information leakage. To mitigate these risks, Chrome deprecates requests to non-public subresources when initiated from non-secure contexts, and will start blocking them."},"generated/Deprecation.ts | InterestGroupDailyUpdateUrl":{"message":"The dailyUpdateUrl field of InterestGroups passed to joinAdInterestGroup() has been renamed to updateUrl, to more accurately reflect its behavior."},"generated/Deprecation.ts | LocalCSSFileExtensionRejected":{"message":"CSS cannot be loaded from file: URLs unless they end in a .css file extension."},"generated/Deprecation.ts | MediaSourceAbortRemove":{"message":"Using SourceBuffer.abort() to abort remove()'s asynchronous range removal is deprecated due to specification change. Support will be removed in the future. You should listen to the updateend event instead. abort() is intended to only abort an asynchronous media append or reset parser state."},"generated/Deprecation.ts | MediaSourceDurationTruncatingBuffered":{"message":"Setting MediaSource.duration below the highest presentation timestamp of any buffered coded frames is deprecated due to specification change. Support for implicit removal of truncated buffered media will be removed in the future. You should instead perform explicit remove(newDuration, oldDuration) on all sourceBuffers, where newDuration < oldDuration."},"generated/Deprecation.ts | NonStandardDeclarativeShadowDOM":{"message":"The older, non-standardized shadowroot attribute is deprecated, and will *no longer function* in M119. Please use the new, standardized shadowrootmode attribute instead."},"generated/Deprecation.ts | NoSysexWebMIDIWithoutPermission":{"message":"Web MIDI will ask a permission to use even if the sysex is not specified in the MIDIOptions."},"generated/Deprecation.ts | NotificationInsecureOrigin":{"message":"The Notification API may no longer be used from insecure origins. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | NotificationPermissionRequestedIframe":{"message":"Permission for the Notification API may no longer be requested from a cross-origin iframe. You should consider requesting permission from a top-level frame or opening a new window instead."},"generated/Deprecation.ts | ObsoleteCreateImageBitmapImageOrientationNone":{"message":"Option imageOrientation: 'none' in createImageBitmap is deprecated. Please use createImageBitmap with option {imageOrientation: 'from-image'} instead."},"generated/Deprecation.ts | ObsoleteWebRtcCipherSuite":{"message":"Your partner is negotiating an obsolete (D)TLS version. Please check with your partner to have this fixed."},"generated/Deprecation.ts | OverflowVisibleOnReplacedElement":{"message":"Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds. See https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md."},"generated/Deprecation.ts | PaymentInstruments":{"message":"paymentManager.instruments is deprecated. Please use just-in-time install for payment handlers instead."},"generated/Deprecation.ts | PaymentRequestCSPViolation":{"message":"Your PaymentRequest call bypassed Content-Security-Policy (CSP) connect-src directive. This bypass is deprecated. Please add the payment method identifier from the PaymentRequest API (in supportedMethods field) to your CSP connect-src directive."},"generated/Deprecation.ts | PersistentQuotaType":{"message":"StorageType.persistent is deprecated. Please use standardized navigator.storage instead."},"generated/Deprecation.ts | PictureSourceSrc":{"message":"<source src> with a <picture> parent is invalid and therefore ignored. Please use <source srcset> instead."},"generated/Deprecation.ts | PrefixedCancelAnimationFrame":{"message":"webkitCancelAnimationFrame is vendor-specific. Please use the standard cancelAnimationFrame instead."},"generated/Deprecation.ts | PrefixedRequestAnimationFrame":{"message":"webkitRequestAnimationFrame is vendor-specific. Please use the standard requestAnimationFrame instead."},"generated/Deprecation.ts | PrefixedVideoDisplayingFullscreen":{"message":"HTMLVideoElement.webkitDisplayingFullscreen is deprecated. Please use Document.fullscreenElement instead."},"generated/Deprecation.ts | PrefixedVideoEnterFullscreen":{"message":"HTMLVideoElement.webkitEnterFullscreen() is deprecated. Please use Element.requestFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoEnterFullScreen":{"message":"HTMLVideoElement.webkitEnterFullScreen() is deprecated. Please use Element.requestFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoExitFullscreen":{"message":"HTMLVideoElement.webkitExitFullscreen() is deprecated. Please use Document.exitFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoExitFullScreen":{"message":"HTMLVideoElement.webkitExitFullScreen() is deprecated. Please use Document.exitFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoSupportsFullscreen":{"message":"HTMLVideoElement.webkitSupportsFullscreen is deprecated. Please use Document.fullscreenEnabled instead."},"generated/Deprecation.ts | PrivacySandboxExtensionsAPI":{"message":"We're deprecating the API chrome.privacy.websites.privacySandboxEnabled, though it will remain active for backward compatibility until release M113. Instead, please use chrome.privacy.websites.topicsEnabled, chrome.privacy.websites.fledgeEnabled and chrome.privacy.websites.adMeasurementEnabled. See https://developer.chrome.com/docs/extensions/reference/privacy/#property-websites-privacySandboxEnabled."},"generated/Deprecation.ts | RangeExpand":{"message":"Range.expand() is deprecated. Please use Selection.modify() instead."},"generated/Deprecation.ts | RequestedSubresourceWithEmbeddedCredentials":{"message":"Subresource requests whose URLs contain embedded credentials (e.g. https://user:pass@host/) are blocked."},"generated/Deprecation.ts | RTCConstraintEnableDtlsSrtpFalse":{"message":"The constraint DtlsSrtpKeyAgreement is removed. You have specified a false value for this constraint, which is interpreted as an attempt to use the removed SDES key negotiation method. This functionality is removed; use a service that supports DTLS key negotiation instead."},"generated/Deprecation.ts | RTCConstraintEnableDtlsSrtpTrue":{"message":"The constraint DtlsSrtpKeyAgreement is removed. You have specified a true value for this constraint, which had no effect, but you can remove this constraint for tidiness."},"generated/Deprecation.ts | RTCPeerConnectionGetStatsLegacyNonCompliant":{"message":"The callback-based getStats() is deprecated and will be removed. Use the spec-compliant getStats() instead."},"generated/Deprecation.ts | RtcpMuxPolicyNegotiate":{"message":"The rtcpMuxPolicy option is deprecated and will be removed."},"generated/Deprecation.ts | SharedArrayBufferConstructedWithoutIsolation":{"message":"SharedArrayBuffer will require cross-origin isolation. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details."},"generated/Deprecation.ts | TextToSpeech_DisallowedByAutoplay":{"message":"speechSynthesis.speak() without user activation is deprecated and will be removed."},"generated/Deprecation.ts | V8SharedArrayBufferConstructedInExtensionWithoutIsolation":{"message":"Extensions should opt into cross-origin isolation to continue using SharedArrayBuffer. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/."},"generated/Deprecation.ts | WebSQL":{"message":"Web SQL is deprecated. Please use SQLite WebAssembly or Indexed Database"},"generated/Deprecation.ts | WindowPlacementPermissionDescriptorUsed":{"message":"The permission descriptor window-placement is deprecated. Use window-management instead. For more help, check https://bit.ly/window-placement-rename."},"generated/Deprecation.ts | WindowPlacementPermissionPolicyParsed":{"message":"The permission policy window-placement is deprecated. Use window-management instead. For more help, check https://bit.ly/window-placement-rename."},"generated/Deprecation.ts | XHRJSONEncodingDetection":{"message":"UTF-16 is not supported by response json in XMLHttpRequest"},"generated/Deprecation.ts | XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload":{"message":"Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/."},"generated/Deprecation.ts | XRSupportsSession":{"message":"supportsSession() is deprecated. Please use isSessionSupported() and check the resolved boolean value instead."},"models/bindings/ContentProviderBasedProject.ts | unknownErrorLoadingFile":{"message":"Unknown error loading file"},"models/bindings/DebuggerLanguagePlugins.ts | debugSymbolsIncomplete":{"message":"The debug information for function {PH1} is incomplete"},"models/bindings/DebuggerLanguagePlugins.ts | errorInDebuggerLanguagePlugin":{"message":"Error in debugger language plugin: {PH1}"},"models/bindings/DebuggerLanguagePlugins.ts | failedToLoadDebugSymbolsFor":{"message":"[{PH1}] Failed to load debug symbols for {PH2} ({PH3})"},"models/bindings/DebuggerLanguagePlugins.ts | failedToLoadDebugSymbolsForFunction":{"message":"No debug information for function \"{PH1}\""},"models/bindings/DebuggerLanguagePlugins.ts | loadedDebugSymbolsForButDidnt":{"message":"[{PH1}] Loaded debug symbols for {PH2}, but didn't find any source files"},"models/bindings/DebuggerLanguagePlugins.ts | loadedDebugSymbolsForFound":{"message":"[{PH1}] Loaded debug symbols for {PH2}, found {PH3} source file(s)"},"models/bindings/DebuggerLanguagePlugins.ts | loadingDebugSymbolsFor":{"message":"[{PH1}] Loading debug symbols for {PH2}..."},"models/bindings/DebuggerLanguagePlugins.ts | loadingDebugSymbolsForVia":{"message":"[{PH1}] Loading debug symbols for {PH2} (via {PH3})..."},"models/bindings/IgnoreListManager.ts | addAllContentScriptsToIgnoreList":{"message":"Add all extension scripts to ignore list"},"models/bindings/IgnoreListManager.ts | addAllThirdPartyScriptsToIgnoreList":{"message":"Add all third-party scripts to ignore list"},"models/bindings/IgnoreListManager.ts | addDirectoryToIgnoreList":{"message":"Add directory to ignore list"},"models/bindings/IgnoreListManager.ts | addScriptToIgnoreList":{"message":"Add script to ignore list"},"models/bindings/IgnoreListManager.ts | removeFromIgnoreList":{"message":"Remove from ignore list"},"models/bindings/ResourceScriptMapping.ts | liveEditCompileFailed":{"message":"LiveEdit compile failed: {PH1}"},"models/bindings/ResourceScriptMapping.ts | liveEditFailed":{"message":"LiveEdit failed: {PH1}"},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeANumberOr":{"message":"Device pixel ratio must be a number or blank."},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeGreater":{"message":"Device pixel ratio must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeLessThanOr":{"message":"Device pixel ratio must be less than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | heightMustBeANumber":{"message":"Height must be a number."},"models/emulation/DeviceModeModel.ts | heightMustBeGreaterThanOrEqualTo":{"message":"Height must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | heightMustBeLessThanOrEqualToS":{"message":"Height must be less than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | widthMustBeANumber":{"message":"Width must be a number."},"models/emulation/DeviceModeModel.ts | widthMustBeGreaterThanOrEqualToS":{"message":"Width must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | widthMustBeLessThanOrEqualToS":{"message":"Width must be less than or equal to {PH1}."},"models/emulation/EmulatedDevices.ts | laptopWithHiDPIScreen":{"message":"Laptop with HiDPI screen"},"models/emulation/EmulatedDevices.ts | laptopWithMDPIScreen":{"message":"Laptop with MDPI screen"},"models/emulation/EmulatedDevices.ts | laptopWithTouch":{"message":"Laptop with touch"},"models/har/Writer.ts | collectingContent":{"message":"Collecting content…"},"models/har/Writer.ts | writingFile":{"message":"Writing file…"},"models/issues_manager/BounceTrackingIssue.ts | bounceTrackingMitigations":{"message":"Bounce Tracking Mitigations"},"models/issues_manager/ClientHintIssue.ts | clientHintsInfrastructure":{"message":"Client Hints Infrastructure"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicyEval":{"message":"Content Security Policy - Eval"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicyInlineCode":{"message":"Content Security Policy - Inline Code"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicySource":{"message":"Content Security Policy - Source Allowlists"},"models/issues_manager/ContentSecurityPolicyIssue.ts | trustedTypesFixViolations":{"message":"Trusted Types - Fix violations"},"models/issues_manager/ContentSecurityPolicyIssue.ts | trustedTypesPolicyViolation":{"message":"Trusted Types - Policy violation"},"models/issues_manager/CookieIssue.ts | anInsecure":{"message":"an insecure"},"models/issues_manager/CookieIssue.ts | aSecure":{"message":"a secure"},"models/issues_manager/CookieIssue.ts | firstPartySetsExplained":{"message":"First-Party Sets and the SameParty attribute"},"models/issues_manager/CookieIssue.ts | howSchemefulSamesiteWorks":{"message":"How Schemeful Same-Site Works"},"models/issues_manager/CookieIssue.ts | samesiteCookiesExplained":{"message":"SameSite cookies explained"},"models/issues_manager/CorsIssue.ts | CORS":{"message":"Cross-Origin Resource Sharing (CORS)"},"models/issues_manager/CorsIssue.ts | corsPrivateNetworkAccess":{"message":"Private Network Access"},"models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | coopAndCoep":{"message":"COOP and COEP"},"models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | samesiteAndSameorigin":{"message":"Same-Site and Same-Origin"},"models/issues_manager/DeprecationIssue.ts | feature":{"message":"Check the feature status page for more details."},"models/issues_manager/DeprecationIssue.ts | milestone":{"message":"This change will go into effect with milestone {milestone}."},"models/issues_manager/DeprecationIssue.ts | title":{"message":"Deprecated Feature Used"},"models/issues_manager/FederatedAuthRequestIssue.ts | fedCm":{"message":"Federated Credential Management API"},"models/issues_manager/FederatedAuthUserInfoRequestIssue.ts | fedCmUserInfo":{"message":"Federated Credential Management User Info API"},"models/issues_manager/GenericIssue.ts | autocompleteAttributePageTitle":{"message":"HTML attribute: autocomplete"},"models/issues_manager/GenericIssue.ts | crossOriginPortalPostMessage":{"message":"Portals - Same-origin communication channels"},"models/issues_manager/GenericIssue.ts | howDoesAutofillWorkPageTitle":{"message":"How does autofill work?"},"models/issues_manager/GenericIssue.ts | inputFormElementPageTitle":{"message":"The form input element"},"models/issues_manager/GenericIssue.ts | labelFormlementsPageTitle":{"message":"The label elements"},"models/issues_manager/HeavyAdIssue.ts | handlingHeavyAdInterventions":{"message":"Handling Heavy Ad Interventions"},"models/issues_manager/Issue.ts | breakingChangeIssue":{"message":"A breaking change issue: the page may stop working in an upcoming version of Chrome"},"models/issues_manager/Issue.ts | breakingChanges":{"message":"Breaking Changes"},"models/issues_manager/Issue.ts | improvementIssue":{"message":"An improvement issue: there is an opportunity to improve the page"},"models/issues_manager/Issue.ts | improvements":{"message":"Improvements"},"models/issues_manager/Issue.ts | pageErrorIssue":{"message":"A page error issue: the page is not working correctly"},"models/issues_manager/Issue.ts | pageErrors":{"message":"Page Errors"},"models/issues_manager/LowTextContrastIssue.ts | colorAndContrastAccessibility":{"message":"Color and contrast accessibility"},"models/issues_manager/MixedContentIssue.ts | preventingMixedContent":{"message":"Preventing mixed content"},"models/issues_manager/QuirksModeIssue.ts | documentCompatibilityMode":{"message":"Document compatibility mode"},"models/issues_manager/SharedArrayBufferIssue.ts | enablingSharedArrayBuffer":{"message":"Enabling SharedArrayBuffer"},"models/logs/logs-meta.ts | clear":{"message":"clear"},"models/logs/logs-meta.ts | doNotPreserveLogOnPageReload":{"message":"Do not preserve log on page reload / navigation"},"models/logs/logs-meta.ts | preserve":{"message":"preserve"},"models/logs/logs-meta.ts | preserveLog":{"message":"Preserve log"},"models/logs/logs-meta.ts | preserveLogOnPageReload":{"message":"Preserve log on page reload / navigation"},"models/logs/logs-meta.ts | recordNetworkLog":{"message":"Record network log"},"models/logs/logs-meta.ts | reset":{"message":"reset"},"models/logs/NetworkLog.ts | anonymous":{"message":"<anonymous>"},"models/persistence/EditFileSystemView.ts | add":{"message":"Add"},"models/persistence/EditFileSystemView.ts | enterAPath":{"message":"Enter a path"},"models/persistence/EditFileSystemView.ts | enterAUniquePath":{"message":"Enter a unique path"},"models/persistence/EditFileSystemView.ts | excludedFolders":{"message":"Excluded folders"},"models/persistence/EditFileSystemView.ts | folderPath":{"message":"Folder path"},"models/persistence/EditFileSystemView.ts | none":{"message":"None"},"models/persistence/EditFileSystemView.ts | sViaDevtools":{"message":"{PH1} (via .devtools)"},"models/persistence/IsolatedFileSystem.ts | blobCouldNotBeLoaded":{"message":"Blob could not be loaded."},"models/persistence/IsolatedFileSystem.ts | cantReadFileSS":{"message":"Can't read file: {PH1}: {PH2}"},"models/persistence/IsolatedFileSystem.ts | fileSystemErrorS":{"message":"File system error: {PH1}"},"models/persistence/IsolatedFileSystem.ts | linkedToS":{"message":"Linked to {PH1}"},"models/persistence/IsolatedFileSystem.ts | unknownErrorReadingFileS":{"message":"Unknown error reading file: {PH1}"},"models/persistence/IsolatedFileSystemManager.ts | unableToAddFilesystemS":{"message":"Unable to add filesystem: {PH1}"},"models/persistence/persistence-meta.ts | disableOverrideNetworkRequests":{"message":"Disable override network requests"},"models/persistence/persistence-meta.ts | enableLocalOverrides":{"message":"Enable Local Overrides"},"models/persistence/persistence-meta.ts | enableOverrideNetworkRequests":{"message":"Enable override network requests"},"models/persistence/persistence-meta.ts | interception":{"message":"interception"},"models/persistence/persistence-meta.ts | network":{"message":"network"},"models/persistence/persistence-meta.ts | override":{"message":"override"},"models/persistence/persistence-meta.ts | request":{"message":"request"},"models/persistence/persistence-meta.ts | rewrite":{"message":"rewrite"},"models/persistence/persistence-meta.ts | showWorkspace":{"message":"Show Workspace"},"models/persistence/persistence-meta.ts | workspace":{"message":"Workspace"},"models/persistence/PersistenceActions.ts | openInContainingFolder":{"message":"Open in containing folder"},"models/persistence/PersistenceActions.ts | saveAs":{"message":"Save as..."},"models/persistence/PersistenceActions.ts | saveForOverrides":{"message":"Save for overrides"},"models/persistence/PersistenceActions.ts | saveImage":{"message":"Save image"},"models/persistence/PersistenceUtils.ts | linkedToS":{"message":"Linked to {PH1}"},"models/persistence/PersistenceUtils.ts | linkedToSourceMapS":{"message":"Linked to source map: {PH1}"},"models/persistence/PlatformFileSystem.ts | unableToReadFilesWithThis":{"message":"PlatformFileSystem cannot read files."},"models/persistence/WorkspaceSettingsTab.ts | addFolder":{"message":"Add folder…"},"models/persistence/WorkspaceSettingsTab.ts | folderExcludePattern":{"message":"Folder exclude pattern"},"models/persistence/WorkspaceSettingsTab.ts | mappingsAreInferredAutomatically":{"message":"Mappings are inferred automatically."},"models/persistence/WorkspaceSettingsTab.ts | remove":{"message":"Remove"},"models/persistence/WorkspaceSettingsTab.ts | workspace":{"message":"Workspace"},"models/timeline_model/TimelineJSProfile.ts | threadS":{"message":"Thread {PH1}"},"models/timeline_model/TimelineModel.ts | bidderWorklet":{"message":"Bidder Worklet"},"models/timeline_model/TimelineModel.ts | bidderWorkletS":{"message":"Bidder Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | dedicatedWorker":{"message":"Dedicated Worker"},"models/timeline_model/TimelineModel.ts | sellerWorklet":{"message":"Seller Worklet"},"models/timeline_model/TimelineModel.ts | sellerWorkletS":{"message":"Seller Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | threadS":{"message":"Thread {PH1}"},"models/timeline_model/TimelineModel.ts | unknownWorklet":{"message":"Auction Worklet"},"models/timeline_model/TimelineModel.ts | unknownWorkletS":{"message":"Auction Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | workerS":{"message":"Worker — {PH1}"},"models/timeline_model/TimelineModel.ts | workerSS":{"message":"Worker: {PH1} — {PH2}"},"models/timeline_model/TimelineModel.ts | workletService":{"message":"Auction Worklet Service"},"models/timeline_model/TimelineModel.ts | workletServiceS":{"message":"Auction Worklet Service — {PH1}"},"models/workspace/UISourceCode.ts | index":{"message":"(index)"},"models/workspace/UISourceCode.ts | thisFileWasChangedExternally":{"message":"This file was changed externally. Would you like to reload it?"},"panels/accessibility/accessibility-meta.ts | accessibility":{"message":"Accessibility"},"panels/accessibility/accessibility-meta.ts | shoAccessibility":{"message":"Show Accessibility"},"panels/accessibility/AccessibilityNodeView.ts | accessibilityNodeNotExposed":{"message":"Accessibility node not exposed"},"panels/accessibility/AccessibilityNodeView.ts | ancestorChildrenAreAll":{"message":"Ancestor's children are all presentational: "},"panels/accessibility/AccessibilityNodeView.ts | computedProperties":{"message":"Computed Properties"},"panels/accessibility/AccessibilityNodeView.ts | elementHasEmptyAltText":{"message":"Element has empty alt text."},"panels/accessibility/AccessibilityNodeView.ts | elementHasPlaceholder":{"message":"Element has {PH1}."},"panels/accessibility/AccessibilityNodeView.ts | elementIsHiddenBy":{"message":"Element is hidden by active modal dialog: "},"panels/accessibility/AccessibilityNodeView.ts | elementIsInAnInertSubTree":{"message":"Element is in an inert subtree from "},"panels/accessibility/AccessibilityNodeView.ts | elementIsInert":{"message":"Element is inert."},"panels/accessibility/AccessibilityNodeView.ts | elementIsNotRendered":{"message":"Element is not rendered."},"panels/accessibility/AccessibilityNodeView.ts | elementIsNotVisible":{"message":"Element is not visible."},"panels/accessibility/AccessibilityNodeView.ts | elementIsPlaceholder":{"message":"Element is {PH1}."},"panels/accessibility/AccessibilityNodeView.ts | elementIsPresentational":{"message":"Element is presentational."},"panels/accessibility/AccessibilityNodeView.ts | elementNotInteresting":{"message":"Element not interesting for accessibility."},"panels/accessibility/AccessibilityNodeView.ts | elementsInheritsPresentational":{"message":"Element inherits presentational role from "},"panels/accessibility/AccessibilityNodeView.ts | invalidSource":{"message":"Invalid source."},"panels/accessibility/AccessibilityNodeView.ts | labelFor":{"message":"Label for "},"panels/accessibility/AccessibilityNodeView.ts | noAccessibilityNode":{"message":"No accessibility node"},"panels/accessibility/AccessibilityNodeView.ts | noNodeWithThisId":{"message":"No node with this ID."},"panels/accessibility/AccessibilityNodeView.ts | noTextContent":{"message":"No text content."},"panels/accessibility/AccessibilityNodeView.ts | notSpecified":{"message":"Not specified"},"panels/accessibility/AccessibilityNodeView.ts | partOfLabelElement":{"message":"Part of label element: "},"panels/accessibility/AccessibilityNodeView.ts | placeholderIsPlaceholderOnAncestor":{"message":"{PH1} is {PH2} on ancestor: "},"panels/accessibility/AccessibilityStrings.ts | activeDescendant":{"message":"Active descendant"},"panels/accessibility/AccessibilityStrings.ts | aHumanreadableVersionOfTheValue":{"message":"A human-readable version of the value of a range widget (where necessary)."},"panels/accessibility/AccessibilityStrings.ts | atomicLiveRegions":{"message":"Atomic (live regions)"},"panels/accessibility/AccessibilityStrings.ts | busyLiveRegions":{"message":"Busy (live regions)"},"panels/accessibility/AccessibilityStrings.ts | canSetValue":{"message":"Can set value"},"panels/accessibility/AccessibilityStrings.ts | checked":{"message":"Checked"},"panels/accessibility/AccessibilityStrings.ts | contents":{"message":"Contents"},"panels/accessibility/AccessibilityStrings.ts | controls":{"message":"Controls"},"panels/accessibility/AccessibilityStrings.ts | describedBy":{"message":"Described by"},"panels/accessibility/AccessibilityStrings.ts | description":{"message":"Description"},"panels/accessibility/AccessibilityStrings.ts | disabled":{"message":"Disabled"},"panels/accessibility/AccessibilityStrings.ts | editable":{"message":"Editable"},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichFormThe":{"message":"Element or elements which form the description of this element."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichMayFormThe":{"message":"Element or elements which may form the name of this element."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichShouldBe":{"message":"Element or elements which should be considered descendants of this element, despite not being descendants in the DOM."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhoseContentOr":{"message":"Element or elements whose content or presence is/are controlled by this widget."},"panels/accessibility/AccessibilityStrings.ts | elementToWhichTheUserMayChooseTo":{"message":"Element to which the user may choose to navigate after this one, instead of the next element in the DOM order."},"panels/accessibility/AccessibilityStrings.ts | expanded":{"message":"Expanded"},"panels/accessibility/AccessibilityStrings.ts | focusable":{"message":"Focusable"},"panels/accessibility/AccessibilityStrings.ts | focused":{"message":"Focused"},"panels/accessibility/AccessibilityStrings.ts | forARangeWidgetTheMaximumAllowed":{"message":"For a range widget, the maximum allowed value."},"panels/accessibility/AccessibilityStrings.ts | forARangeWidgetTheMinimumAllowed":{"message":"For a range widget, the minimum allowed value."},"panels/accessibility/AccessibilityStrings.ts | fromAttribute":{"message":"From attribute"},"panels/accessibility/AccessibilityStrings.ts | fromCaption":{"message":"From caption"},"panels/accessibility/AccessibilityStrings.ts | fromDescription":{"message":"From description"},"panels/accessibility/AccessibilityStrings.ts | fromLabel":{"message":"From label"},"panels/accessibility/AccessibilityStrings.ts | fromLabelFor":{"message":"From label (for= attribute)"},"panels/accessibility/AccessibilityStrings.ts | fromLabelWrapped":{"message":"From label (wrapped)"},"panels/accessibility/AccessibilityStrings.ts | fromLegend":{"message":"From legend"},"panels/accessibility/AccessibilityStrings.ts | fromNativeHtml":{"message":"From native HTML"},"panels/accessibility/AccessibilityStrings.ts | fromPlaceholderAttribute":{"message":"From placeholder attribute"},"panels/accessibility/AccessibilityStrings.ts | fromRubyAnnotation":{"message":"From ruby annotation"},"panels/accessibility/AccessibilityStrings.ts | fromStyle":{"message":"From style"},"panels/accessibility/AccessibilityStrings.ts | fromTitle":{"message":"From title"},"panels/accessibility/AccessibilityStrings.ts | hasAutocomplete":{"message":"Has autocomplete"},"panels/accessibility/AccessibilityStrings.ts | hasPopup":{"message":"Has popup"},"panels/accessibility/AccessibilityStrings.ts | help":{"message":"Help"},"panels/accessibility/AccessibilityStrings.ts | ifAndHowThisElementCanBeEdited":{"message":"If and how this element can be edited."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLive":{"message":"If this element may receive live updates, whether the entire live region should be presented to the user on changes, or only changed nodes."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLiveUpdates":{"message":"If this element may receive live updates, what type of updates should trigger a notification."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLiveUpdatesThe":{"message":"If this element may receive live updates, the root element of the containing live region."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCanReceiveFocus":{"message":"If true, this element can receive focus."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCurrentlyCannot":{"message":"If true, this element currently cannot be interacted with."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCurrentlyHas":{"message":"If true, this element currently has focus."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementMayBeInteracted":{"message":"If true, this element may be interacted with, but its value cannot be changed."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementsUserentered":{"message":"If true, this element's user-entered value does not conform to validation requirement."},"panels/accessibility/AccessibilityStrings.ts | implicit":{"message":"Implicit"},"panels/accessibility/AccessibilityStrings.ts | implicitValue":{"message":"Implicit value."},"panels/accessibility/AccessibilityStrings.ts | indicatesThePurposeOfThisElement":{"message":"Indicates the purpose of this element, such as a user interface idiom for a widget, or structural role within a document."},"panels/accessibility/AccessibilityStrings.ts | invalidUserEntry":{"message":"Invalid user entry"},"panels/accessibility/AccessibilityStrings.ts | labeledBy":{"message":"Labeled by"},"panels/accessibility/AccessibilityStrings.ts | level":{"message":"Level"},"panels/accessibility/AccessibilityStrings.ts | liveRegion":{"message":"Live region"},"panels/accessibility/AccessibilityStrings.ts | liveRegionRoot":{"message":"Live region root"},"panels/accessibility/AccessibilityStrings.ts | maximumValue":{"message":"Maximum value"},"panels/accessibility/AccessibilityStrings.ts | minimumValue":{"message":"Minimum value"},"panels/accessibility/AccessibilityStrings.ts | multiline":{"message":"Multi-line"},"panels/accessibility/AccessibilityStrings.ts | multiselectable":{"message":"Multi-selectable"},"panels/accessibility/AccessibilityStrings.ts | orientation":{"message":"Orientation"},"panels/accessibility/AccessibilityStrings.ts | pressed":{"message":"Pressed"},"panels/accessibility/AccessibilityStrings.ts | readonlyString":{"message":"Read-only"},"panels/accessibility/AccessibilityStrings.ts | relatedElement":{"message":"Related element"},"panels/accessibility/AccessibilityStrings.ts | relevantLiveRegions":{"message":"Relevant (live regions)"},"panels/accessibility/AccessibilityStrings.ts | requiredString":{"message":"Required"},"panels/accessibility/AccessibilityStrings.ts | role":{"message":"Role"},"panels/accessibility/AccessibilityStrings.ts | selectedString":{"message":"Selected"},"panels/accessibility/AccessibilityStrings.ts | theAccessibleDescriptionForThis":{"message":"The accessible description for this element."},"panels/accessibility/AccessibilityStrings.ts | theComputedHelpTextForThis":{"message":"The computed help text for this element."},"panels/accessibility/AccessibilityStrings.ts | theComputedNameOfThisElement":{"message":"The computed name of this element."},"panels/accessibility/AccessibilityStrings.ts | theDescendantOfThisElementWhich":{"message":"The descendant of this element which is active; i.e. the element to which focus should be delegated."},"panels/accessibility/AccessibilityStrings.ts | theHierarchicalLevelOfThis":{"message":"The hierarchical level of this element."},"panels/accessibility/AccessibilityStrings.ts | theValueOfThisElementThisMayBe":{"message":"The value of this element; this may be user-provided or developer-provided, depending on the element."},"panels/accessibility/AccessibilityStrings.ts | value":{"message":"Value"},"panels/accessibility/AccessibilityStrings.ts | valueDescription":{"message":"Value description"},"panels/accessibility/AccessibilityStrings.ts | valueFromAttribute":{"message":"Value from attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromDescriptionElement":{"message":"Value from description element."},"panels/accessibility/AccessibilityStrings.ts | valueFromElementContents":{"message":"Value from element contents."},"panels/accessibility/AccessibilityStrings.ts | valueFromFigcaptionElement":{"message":"Value from figcaption element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElement":{"message":"Value from label element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElementWithFor":{"message":"Value from label element with for= attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElementWrapped":{"message":"Value from a wrapping label element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLegendElement":{"message":"Value from legend element."},"panels/accessibility/AccessibilityStrings.ts | valueFromNativeHtmlRuby":{"message":"Value from plain HTML ruby annotation."},"panels/accessibility/AccessibilityStrings.ts | valueFromNativeHtmlUnknownSource":{"message":"Value from native HTML (unknown source)."},"panels/accessibility/AccessibilityStrings.ts | valueFromPlaceholderAttribute":{"message":"Value from placeholder attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromRelatedElement":{"message":"Value from related element."},"panels/accessibility/AccessibilityStrings.ts | valueFromStyle":{"message":"Value from style."},"panels/accessibility/AccessibilityStrings.ts | valueFromTableCaption":{"message":"Value from table caption."},"panels/accessibility/AccessibilityStrings.ts | valueFromTitleAttribute":{"message":"Value from title attribute."},"panels/accessibility/AccessibilityStrings.ts | whetherAndWhatPriorityOfLive":{"message":"Whether and what priority of live updates may be expected for this element."},"panels/accessibility/AccessibilityStrings.ts | whetherAndWhatTypeOfAutocomplete":{"message":"Whether and what type of autocomplete suggestions are currently provided by this element."},"panels/accessibility/AccessibilityStrings.ts | whetherAUserMaySelectMoreThanOne":{"message":"Whether a user may select more than one option from this widget."},"panels/accessibility/AccessibilityStrings.ts | whetherTheOptionRepresentedBy":{"message":"Whether the option represented by this element is currently selected."},"panels/accessibility/AccessibilityStrings.ts | whetherTheValueOfThisElementCan":{"message":"Whether the value of this element can be set."},"panels/accessibility/AccessibilityStrings.ts | whetherThisCheckboxRadioButtonOr":{"message":"Whether this checkbox, radio button or tree item is checked, unchecked, or mixed (e.g. has both checked and un-checked children)."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementHasCausedSome":{"message":"Whether this element has caused some kind of pop-up (such as a menu) to appear."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementIsARequired":{"message":"Whether this element is a required field in a form."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementOrAnother":{"message":"Whether this element, or another grouping element it controls, is expanded."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementOrItsSubtree":{"message":"Whether this element or its subtree are currently being updated (and thus may be in an inconsistent state)."},"panels/accessibility/AccessibilityStrings.ts | whetherThisLinearElements":{"message":"Whether this linear element's orientation is horizontal or vertical."},"panels/accessibility/AccessibilityStrings.ts | whetherThisTextBoxMayHaveMore":{"message":"Whether this text box may have more than one line."},"panels/accessibility/AccessibilityStrings.ts | whetherThisToggleButtonIs":{"message":"Whether this toggle button is currently in a pressed state."},"panels/accessibility/ARIAAttributesView.ts | ariaAttributes":{"message":"ARIA Attributes"},"panels/accessibility/ARIAAttributesView.ts | noAriaAttributes":{"message":"No ARIA attributes"},"panels/accessibility/AXBreadcrumbsPane.ts | accessibilityTree":{"message":"Accessibility Tree"},"panels/accessibility/AXBreadcrumbsPane.ts | fullTreeExperimentDescription":{"message":"The accessibility tree moved to the top right corner of the DOM tree."},"panels/accessibility/AXBreadcrumbsPane.ts | fullTreeExperimentName":{"message":"Enable full-page accessibility tree"},"panels/accessibility/AXBreadcrumbsPane.ts | ignored":{"message":"Ignored"},"panels/accessibility/AXBreadcrumbsPane.ts | reloadRequired":{"message":"Reload required before the change takes effect."},"panels/accessibility/AXBreadcrumbsPane.ts | scrollIntoView":{"message":"Scroll into view"},"panels/accessibility/SourceOrderView.ts | noSourceOrderInformation":{"message":"No source order information available"},"panels/accessibility/SourceOrderView.ts | showSourceOrder":{"message":"Show source order"},"panels/accessibility/SourceOrderView.ts | sourceOrderViewer":{"message":"Source Order Viewer"},"panels/accessibility/SourceOrderView.ts | thereMayBeADelayInDisplaying":{"message":"There may be a delay in displaying source order for elements with many children"},"panels/animation/animation-meta.ts | animations":{"message":"Animations"},"panels/animation/animation-meta.ts | showAnimations":{"message":"Show Animations"},"panels/animation/AnimationTimeline.ts | animationPreviews":{"message":"Animation previews"},"panels/animation/AnimationTimeline.ts | animationPreviewS":{"message":"Animation Preview {PH1}"},"panels/animation/AnimationTimeline.ts | clearAll":{"message":"Clear all"},"panels/animation/AnimationTimeline.ts | pause":{"message":"Pause"},"panels/animation/AnimationTimeline.ts | pauseAll":{"message":"Pause all"},"panels/animation/AnimationTimeline.ts | pauseTimeline":{"message":"Pause timeline"},"panels/animation/AnimationTimeline.ts | playbackRatePlaceholder":{"message":"{PH1}%"},"panels/animation/AnimationTimeline.ts | playbackRates":{"message":"Playback rates"},"panels/animation/AnimationTimeline.ts | playTimeline":{"message":"Play timeline"},"panels/animation/AnimationTimeline.ts | replayTimeline":{"message":"Replay timeline"},"panels/animation/AnimationTimeline.ts | resumeAll":{"message":"Resume all"},"panels/animation/AnimationTimeline.ts | selectAnEffectAboveToInspectAnd":{"message":"Select an effect above to inspect and modify."},"panels/animation/AnimationTimeline.ts | setSpeedToS":{"message":"Set speed to {PH1}"},"panels/animation/AnimationTimeline.ts | waitingForAnimations":{"message":"Waiting for animations..."},"panels/animation/AnimationUI.ts | animationEndpointSlider":{"message":"Animation Endpoint slider"},"panels/animation/AnimationUI.ts | animationKeyframeSlider":{"message":"Animation Keyframe slider"},"panels/animation/AnimationUI.ts | sSlider":{"message":"{PH1} slider"},"panels/application/application-meta.ts | application":{"message":"Application"},"panels/application/application-meta.ts | clearSiteData":{"message":"Clear site data"},"panels/application/application-meta.ts | clearSiteDataIncludingThirdparty":{"message":"Clear site data (including third-party cookies)"},"panels/application/application-meta.ts | pwa":{"message":"pwa"},"panels/application/application-meta.ts | showApplication":{"message":"Show Application"},"panels/application/application-meta.ts | startRecordingEvents":{"message":"Start recording events"},"panels/application/application-meta.ts | stopRecordingEvents":{"message":"Stop recording events"},"panels/application/ApplicationPanelSidebar.ts | application":{"message":"Application"},"panels/application/ApplicationPanelSidebar.ts | applicationSidebarPanel":{"message":"Application panel sidebar"},"panels/application/ApplicationPanelSidebar.ts | appManifest":{"message":"App Manifest"},"panels/application/ApplicationPanelSidebar.ts | backgroundServices":{"message":"Background Services"},"panels/application/ApplicationPanelSidebar.ts | beforeInvokeAlert":{"message":"{PH1}: Invoke to scroll to this section in manifest"},"panels/application/ApplicationPanelSidebar.ts | clear":{"message":"Clear"},"panels/application/ApplicationPanelSidebar.ts | cookies":{"message":"Cookies"},"panels/application/ApplicationPanelSidebar.ts | cookiesUsedByFramesFromS":{"message":"Cookies used by frames from {PH1}"},"panels/application/ApplicationPanelSidebar.ts | documentNotAvailable":{"message":"Document not available"},"panels/application/ApplicationPanelSidebar.ts | frames":{"message":"Frames"},"panels/application/ApplicationPanelSidebar.ts | indexeddb":{"message":"IndexedDB"},"panels/application/ApplicationPanelSidebar.ts | keyPathS":{"message":"Key path: {PH1}"},"panels/application/ApplicationPanelSidebar.ts | localFiles":{"message":"Local Files"},"panels/application/ApplicationPanelSidebar.ts | localStorage":{"message":"Local Storage"},"panels/application/ApplicationPanelSidebar.ts | manifest":{"message":"Manifest"},"panels/application/ApplicationPanelSidebar.ts | noManifestDetected":{"message":"No manifest detected"},"panels/application/ApplicationPanelSidebar.ts | onInvokeAlert":{"message":"Scrolled to {PH1}"},"panels/application/ApplicationPanelSidebar.ts | onInvokeManifestAlert":{"message":"Manifest: Invoke to scroll to the top of manifest"},"panels/application/ApplicationPanelSidebar.ts | openedWindows":{"message":"Opened Windows"},"panels/application/ApplicationPanelSidebar.ts | preloading":{"message":"Preloading"},"panels/application/ApplicationPanelSidebar.ts | refreshIndexeddb":{"message":"Refresh IndexedDB"},"panels/application/ApplicationPanelSidebar.ts | sessionStorage":{"message":"Session Storage"},"panels/application/ApplicationPanelSidebar.ts | storage":{"message":"Storage"},"panels/application/ApplicationPanelSidebar.ts | theContentOfThisDocumentHasBeen":{"message":"The content of this document has been generated dynamically via 'document.write()'."},"panels/application/ApplicationPanelSidebar.ts | versionS":{"message":"Version: {PH1}"},"panels/application/ApplicationPanelSidebar.ts | versionSEmpty":{"message":"Version: {PH1} (empty)"},"panels/application/ApplicationPanelSidebar.ts | webSql":{"message":"Web SQL"},"panels/application/ApplicationPanelSidebar.ts | webWorkers":{"message":"Web Workers"},"panels/application/ApplicationPanelSidebar.ts | windowWithoutTitle":{"message":"Window without title"},"panels/application/ApplicationPanelSidebar.ts | worker":{"message":"worker"},"panels/application/AppManifestView.ts | actualHeightSpxOfSSDoesNotMatch":{"message":"Actual height ({PH1}px) of {PH2} {PH3} does not match specified height ({PH4}px)"},"panels/application/AppManifestView.ts | actualSizeSspxOfSSDoesNotMatch":{"message":"Actual size ({PH1}×{PH2})px of {PH3} {PH4} does not match specified size ({PH5}×{PH6}px)"},"panels/application/AppManifestView.ts | actualWidthSpxOfSSDoesNotMatch":{"message":"Actual width ({PH1}px) of {PH2} {PH3} does not match specified width ({PH4}px)"},"panels/application/AppManifestView.ts | appIdExplainer":{"message":"This is used by the browser to know whether the manifest should be updating an existing application, or whether it refers to a new web app that can be installed."},"panels/application/AppManifestView.ts | appIdNote":{"message":"{PH1} {PH2} is not specified in the manifest, {PH3} is used instead. To specify an App Id that matches the current identity, set the {PH4} field to {PH5} {PH6}."},"panels/application/AppManifestView.ts | aUrlInTheManifestContainsA":{"message":"A URL in the manifest contains a username, password, or port"},"panels/application/AppManifestView.ts | avoidPurposeAnyAndMaskable":{"message":"Declaring an icon with 'purpose: \"any maskable\"' is discouraged. It is likely to look incorrect on some platforms due to too much or too little padding."},"panels/application/AppManifestView.ts | backgroundColor":{"message":"Background color"},"panels/application/AppManifestView.ts | computedAppId":{"message":"Computed App Id"},"panels/application/AppManifestView.ts | copiedToClipboard":{"message":"Copied suggested ID {PH1} to clipboard"},"panels/application/AppManifestView.ts | copyToClipboard":{"message":"Copy to clipboard"},"panels/application/AppManifestView.ts | couldNotCheckServiceWorker":{"message":"Could not check service worker without a 'start_url' field in the manifest"},"panels/application/AppManifestView.ts | couldNotDownloadARequiredIcon":{"message":"Could not download a required icon from the manifest"},"panels/application/AppManifestView.ts | customizePwaTitleBar":{"message":"Customize the window controls overlay of your PWA's title bar."},"panels/application/AppManifestView.ts | darkBackgroundColor":{"message":"Dark background color"},"panels/application/AppManifestView.ts | darkThemeColor":{"message":"Dark theme color"},"panels/application/AppManifestView.ts | description":{"message":"Description"},"panels/application/AppManifestView.ts | descriptionMayBeTruncated":{"message":"Description may be truncated."},"panels/application/AppManifestView.ts | display":{"message":"Display"},"panels/application/AppManifestView.ts | displayOverride":{"message":"display-override"},"panels/application/AppManifestView.ts | documentationOnMaskableIcons":{"message":"documentation on maskable icons"},"panels/application/AppManifestView.ts | downloadedIconWasEmptyOr":{"message":"Downloaded icon was empty or corrupted"},"panels/application/AppManifestView.ts | errorsAndWarnings":{"message":"Errors and warnings"},"panels/application/AppManifestView.ts | icon":{"message":"Icon"},"panels/application/AppManifestView.ts | icons":{"message":"Icons"},"panels/application/AppManifestView.ts | identity":{"message":"Identity"},"panels/application/AppManifestView.ts | imageFromS":{"message":"Image from {PH1}"},"panels/application/AppManifestView.ts | installability":{"message":"Installability"},"panels/application/AppManifestView.ts | learnMore":{"message":"Learn more"},"panels/application/AppManifestView.ts | manifestContainsDisplayoverride":{"message":"Manifest contains 'display_override' field, and the first supported display mode must be one of 'standalone', 'fullscreen', or 'minimal-ui'"},"panels/application/AppManifestView.ts | manifestCouldNotBeFetchedIsEmpty":{"message":"Manifest could not be fetched, is empty, or could not be parsed"},"panels/application/AppManifestView.ts | manifestDisplayPropertyMustBeOne":{"message":"Manifest 'display' property must be one of 'standalone', 'fullscreen', or 'minimal-ui'"},"panels/application/AppManifestView.ts | manifestDoesNotContainANameOr":{"message":"Manifest does not contain a 'name' or 'short_name' field"},"panels/application/AppManifestView.ts | manifestDoesNotContainASuitable":{"message":"Manifest does not contain a suitable icon - PNG, SVG or WebP format of at least {PH1}px is required, the 'sizes' attribute must be set, and the 'purpose' attribute, if set, must include 'any'."},"panels/application/AppManifestView.ts | manifestSpecifies":{"message":"Manifest specifies 'prefer_related_applications: true'"},"panels/application/AppManifestView.ts | manifestStartUrlIsNotValid":{"message":"Manifest 'start_URL' is not valid"},"panels/application/AppManifestView.ts | name":{"message":"Name"},"panels/application/AppManifestView.ts | needHelpReadOurS":{"message":"Need help? Read {PH1}."},"panels/application/AppManifestView.ts | newNoteUrl":{"message":"New note URL"},"panels/application/AppManifestView.ts | noPlayStoreIdProvided":{"message":"No Play store ID provided"},"panels/application/AppManifestView.ts | noSuppliedIconIsAtLeastSpxSquare":{"message":"No supplied icon is at least {PH1} pixels square in PNG, SVG or WebP format, with the purpose attribute unset or set to 'any'."},"panels/application/AppManifestView.ts | note":{"message":"Note:"},"panels/application/AppManifestView.ts | orientation":{"message":"Orientation"},"panels/application/AppManifestView.ts | pageDoesNotWorkOffline":{"message":"Page does not work offline"},"panels/application/AppManifestView.ts | pageDoesNotWorkOfflineThePage":{"message":"Page does not work offline. Starting in Chrome 93, the installability criteria are changing, and this site will not be installable. See {PH1} for more information."},"panels/application/AppManifestView.ts | pageHasNoManifestLinkUrl":{"message":"Page has no manifest <link> URL"},"panels/application/AppManifestView.ts | pageIsLoadedInAnIncognitoWindow":{"message":"Page is loaded in an incognito window"},"panels/application/AppManifestView.ts | pageIsNotLoadedInTheMainFrame":{"message":"Page is not loaded in the main frame"},"panels/application/AppManifestView.ts | pageIsNotServedFromASecureOrigin":{"message":"Page is not served from a secure origin"},"panels/application/AppManifestView.ts | preferrelatedapplicationsIsOnly":{"message":"'prefer_related_applications' is only supported on Chrome Beta and Stable channels on Android."},"panels/application/AppManifestView.ts | presentation":{"message":"Presentation"},"panels/application/AppManifestView.ts | protocolHandlers":{"message":"Protocol Handlers"},"panels/application/AppManifestView.ts | screenshot":{"message":"Screenshot"},"panels/application/AppManifestView.ts | screenshotPixelSize":{"message":"Screenshot {url} should specify a pixel size [width]x[height] instead of \"any\" as first size."},"panels/application/AppManifestView.ts | screenshotS":{"message":"Screenshot #{PH1}"},"panels/application/AppManifestView.ts | shortcutS":{"message":"Shortcut #{PH1}"},"panels/application/AppManifestView.ts | shortcutSShouldIncludeAXPixel":{"message":"Shortcut #{PH1} should include a 96x96 pixel icon"},"panels/application/AppManifestView.ts | shortName":{"message":"Short name"},"panels/application/AppManifestView.ts | showOnlyTheMinimumSafeAreaFor":{"message":"Show only the minimum safe area for maskable icons"},"panels/application/AppManifestView.ts | sSDoesNotSpecifyItsSizeInThe":{"message":"{PH1} {PH2} does not specify its size in the manifest"},"panels/application/AppManifestView.ts | sSFailedToLoad":{"message":"{PH1} {PH2} failed to load"},"panels/application/AppManifestView.ts | sSHeightDoesNotComplyWithRatioRequirement":{"message":"{PH1} {PH2} height can't be more than 2.3 times as long as the width"},"panels/application/AppManifestView.ts | sSrcIsNotSet":{"message":"{PH1} 'src' is not set"},"panels/application/AppManifestView.ts | sSShouldHaveSquareIcon":{"message":"Most operating systems require square icons. Please include at least one square icon in the array."},"panels/application/AppManifestView.ts | sSShouldSpecifyItsSizeAs":{"message":"{PH1} {PH2} should specify its size as [width]x[height]"},"panels/application/AppManifestView.ts | sSSizeShouldBeAtLeast320":{"message":"{PH1} {PH2} size should be at least 320×320"},"panels/application/AppManifestView.ts | sSSizeShouldBeAtMost3840":{"message":"{PH1} {PH2} size should be at most 3840×3840"},"panels/application/AppManifestView.ts | sSWidthDoesNotComplyWithRatioRequirement":{"message":"{PH1} {PH2} width can't be more than 2.3 times as long as the height"},"panels/application/AppManifestView.ts | startUrl":{"message":"Start URL"},"panels/application/AppManifestView.ts | sUrlSFailedToParse":{"message":"{PH1} URL ''{PH2}'' failed to parse"},"panels/application/AppManifestView.ts | theAppIsAlreadyInstalled":{"message":"The app is already installed"},"panels/application/AppManifestView.ts | themeColor":{"message":"Theme color"},"panels/application/AppManifestView.ts | thePlayStoreAppUrlAndPlayStoreId":{"message":"The Play Store app URL and Play Store ID do not match"},"panels/application/AppManifestView.ts | theSpecifiedApplicationPlatform":{"message":"The specified application platform is not supported on Android"},"panels/application/AppManifestView.ts | wcoFound":{"message":"Chrome has successfully found the {PH1} value for the {PH2} field in the {PH3}."},"panels/application/AppManifestView.ts | wcoNeedHelpReadMore":{"message":"Need help? Read {PH1}."},"panels/application/AppManifestView.ts | wcoNotFound":{"message":"Define {PH1} in the manifest to use the Window Controls Overlay API and customize your app's title bar."},"panels/application/AppManifestView.ts | windowControlsOverlay":{"message":"Window Controls Overlay"},"panels/application/BackForwardCacheTreeElement.ts | backForwardCache":{"message":"Back/forward cache"},"panels/application/BackgroundServiceView.ts | backgroundFetch":{"message":"Background Fetch"},"panels/application/BackgroundServiceView.ts | backgroundServices":{"message":"Background Services"},"panels/application/BackgroundServiceView.ts | backgroundSync":{"message":"Background Sync"},"panels/application/BackgroundServiceView.ts | clear":{"message":"Clear"},"panels/application/BackgroundServiceView.ts | clickTheRecordButtonSOrHitSTo":{"message":"Click the record button {PH1} or hit {PH2} to start recording."},"panels/application/BackgroundServiceView.ts | devtoolsWillRecordAllSActivity":{"message":"DevTools will record all {PH1} activity for up to 3 days, even when closed."},"panels/application/BackgroundServiceView.ts | empty":{"message":"empty"},"panels/application/BackgroundServiceView.ts | event":{"message":"Event"},"panels/application/BackgroundServiceView.ts | instanceId":{"message":"Instance ID"},"panels/application/BackgroundServiceView.ts | learnMore":{"message":"Learn more"},"panels/application/BackgroundServiceView.ts | noMetadataForThisEvent":{"message":"No metadata for this event"},"panels/application/BackgroundServiceView.ts | notifications":{"message":"Notifications"},"panels/application/BackgroundServiceView.ts | origin":{"message":"Origin"},"panels/application/BackgroundServiceView.ts | paymentHandler":{"message":"Payment Handler"},"panels/application/BackgroundServiceView.ts | periodicBackgroundSync":{"message":"Periodic Background Sync"},"panels/application/BackgroundServiceView.ts | pushMessaging":{"message":"Push Messaging"},"panels/application/BackgroundServiceView.ts | recordingSActivity":{"message":"Recording {PH1} activity..."},"panels/application/BackgroundServiceView.ts | saveEvents":{"message":"Save events"},"panels/application/BackgroundServiceView.ts | selectAnEntryToViewMetadata":{"message":"Select an entry to view metadata"},"panels/application/BackgroundServiceView.ts | showEventsForOtherStorageKeys":{"message":"Show events from other storage partitions"},"panels/application/BackgroundServiceView.ts | showEventsFromOtherDomains":{"message":"Show events from other domains"},"panels/application/BackgroundServiceView.ts | startRecordingEvents":{"message":"Start recording events"},"panels/application/BackgroundServiceView.ts | stopRecordingEvents":{"message":"Stop recording events"},"panels/application/BackgroundServiceView.ts | storageKey":{"message":"Storage Key"},"panels/application/BackgroundServiceView.ts | swScope":{"message":"Service Worker Scope"},"panels/application/BackgroundServiceView.ts | timestamp":{"message":"Timestamp"},"panels/application/BounceTrackingMitigationsTreeElement.ts | bounceTrackingMitigations":{"message":"Bounce Tracking Mitigations"},"panels/application/components/BackForwardCacheStrings.ts | appBanner":{"message":"Pages that requested an AppBanner are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabled":{"message":"Back/forward cache is disabled by flags. Visit chrome://flags/#back-forward-cache to enable it locally on this device."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledByCommandLine":{"message":"Back/forward cache is disabled by the command line."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledByLowMemory":{"message":"Back/forward cache is disabled due to insufficient memory."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledForDelegate":{"message":"Back/forward cache is not supported by delegate."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledForPrerender":{"message":"Back/forward cache is disabled for prerenderer."},"panels/application/components/BackForwardCacheStrings.ts | broadcastChannel":{"message":"The page cannot be cached because it has a BroadcastChannel instance with registered listeners."},"panels/application/components/BackForwardCacheStrings.ts | cacheControlNoStore":{"message":"Pages with cache-control:no-store header cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | cacheFlushed":{"message":"The cache was intentionally cleared."},"panels/application/components/BackForwardCacheStrings.ts | cacheLimit":{"message":"The page was evicted from the cache to allow another page to be cached."},"panels/application/components/BackForwardCacheStrings.ts | containsPlugins":{"message":"Pages containing plugins are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentFileChooser":{"message":"Pages that use FileChooser API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentFileSystemAccess":{"message":"Pages that use File System Access API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaDevicesDispatcherHost":{"message":"Pages that use Media Device Dispatcher are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaPlay":{"message":"A media player was playing upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaSession":{"message":"Pages that use MediaSession API and set a playback state are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaSessionService":{"message":"Pages that use MediaSession API and set action handlers are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentScreenReader":{"message":"Back/forward cache is disabled due to screen reader."},"panels/application/components/BackForwardCacheStrings.ts | contentSecurityHandler":{"message":"Pages that use SecurityHandler are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentSerial":{"message":"Pages that use Serial API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebAuthenticationAPI":{"message":"Pages that use WebAuthetication API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebBluetooth":{"message":"Pages that use WebBluetooth API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebUSB":{"message":"Pages that use WebUSB API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | cookieDisabled":{"message":"Back/forward cache is disabled because cookies are disabled on a page that uses Cache-Control: no-store."},"panels/application/components/BackForwardCacheStrings.ts | dedicatedWorkerOrWorklet":{"message":"Pages that use a dedicated worker or worklet are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | documentLoaded":{"message":"The document did not finish loading before navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderAppBannerManager":{"message":"App Banner was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderChromePasswordManagerClientBindCredentialManager":{"message":"Chrome Password Manager was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerSelfDeletingRequestDelegate":{"message":"DOM distillation was in progress upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerViewerSource":{"message":"DOM Distiller Viewer was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessaging":{"message":"Back/forward cache is disabled due to extensions using messaging API."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessagingForOpenPort":{"message":"Extensions with long-lived connection should close the connection before entering back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensions":{"message":"Back/forward cache is disabled due to extensions."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionSentMessageToCachedFrame":{"message":"Extensions with long-lived connection attempted to send messages to frames in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | embedderModalDialog":{"message":"Modal dialog such as form resubmission or http password dialog was shown for the page upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderOfflinePage":{"message":"The offline page was shown upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderOomInterventionTabHelper":{"message":"Out-Of-Memory Intervention bar was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderPermissionRequestManager":{"message":"There were permission requests upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderPopupBlockerTabHelper":{"message":"Popup blocker was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingThreatDetails":{"message":"Safe Browsing details were shown upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingTriggeredPopupBlocker":{"message":"Safe Browsing considered this page to be abusive and blocked popup."},"panels/application/components/BackForwardCacheStrings.ts | enteredBackForwardCacheBeforeServiceWorkerHostAdded":{"message":"A service worker was activated while the page was in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | errorDocument":{"message":"Back/forward cache is disabled due to a document error."},"panels/application/components/BackForwardCacheStrings.ts | fencedFramesEmbedder":{"message":"Pages using FencedFrames cannot be stored in bfcache."},"panels/application/components/BackForwardCacheStrings.ts | foregroundCacheLimit":{"message":"The page was evicted from the cache to allow another page to be cached."},"panels/application/components/BackForwardCacheStrings.ts | grantedMediaStreamAccess":{"message":"Pages that have granted media stream access are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | haveInnerContents":{"message":"Pages that use portals are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | HTTPMethodNotGET":{"message":"Only pages loaded via a GET request are eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | HTTPStatusNotOK":{"message":"Only pages with a status code of 2XX can be cached."},"panels/application/components/BackForwardCacheStrings.ts | idleManager":{"message":"Pages that use IdleManager are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | indexedDBConnection":{"message":"Pages that have an open IndexedDB connection are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | indexedDBEvent":{"message":"Back/forward cache is disabled due to an IndexedDB event."},"panels/application/components/BackForwardCacheStrings.ts | ineligibleAPI":{"message":"Ineligible APIs were used."},"panels/application/components/BackForwardCacheStrings.ts | injectedJavascript":{"message":"Pages that JavaScript is injected into by extensions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | injectedStyleSheet":{"message":"Pages that a StyleSheet is injected into by extensions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | internalError":{"message":"Internal error."},"panels/application/components/BackForwardCacheStrings.ts | JavaScriptExecution":{"message":"Chrome detected an attempt to execute JavaScript while in the cache."},"panels/application/components/BackForwardCacheStrings.ts | jsNetworkRequestReceivedCacheControlNoStoreResource":{"message":"Back/forward cache is disabled because some JavaScript network request received resource with Cache-Control: no-store header."},"panels/application/components/BackForwardCacheStrings.ts | keepaliveRequest":{"message":"Back/forward cache is disabled due to a keepalive request."},"panels/application/components/BackForwardCacheStrings.ts | keyboardLock":{"message":"Pages that use Keyboard lock are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | loading":{"message":"The page did not finish loading before navigating away."},"panels/application/components/BackForwardCacheStrings.ts | mainResourceHasCacheControlNoCache":{"message":"Pages whose main resource has cache-control:no-cache cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | mainResourceHasCacheControlNoStore":{"message":"Pages whose main resource has cache-control:no-store cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | navigationCancelledWhileRestoring":{"message":"Navigation was cancelled before the page could be restored from back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | networkExceedsBufferLimit":{"message":"The page was evicted from the cache because an active network connection received too much data. Chrome limits the amount of data that a page may receive while cached."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestDatapipeDrainedAsBytesConsumer":{"message":"Pages that have inflight fetch() or XHR are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestRedirected":{"message":"The page was evicted from back/forward cache because an active network request involved a redirect."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestTimeout":{"message":"The page was evicted from the cache because a network connection was open too long. Chrome limits the amount of time that a page may receive data while cached."},"panels/application/components/BackForwardCacheStrings.ts | noResponseHead":{"message":"Pages that do not have a valid response head cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | notMainFrame":{"message":"Navigation happened in a frame other than the main frame."},"panels/application/components/BackForwardCacheStrings.ts | outstandingIndexedDBTransaction":{"message":"Page with ongoing indexed DB transactions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestDirectSocket":{"message":"Pages with an in-flight network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestFetch":{"message":"Pages with an in-flight fetch network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestOthers":{"message":"Pages with an in-flight network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestXHR":{"message":"Pages with an in-flight XHR network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | paymentManager":{"message":"Pages that use PaymentManager are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | pictureInPicture":{"message":"Pages that use Picture-in-Picture are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | portal":{"message":"Pages that use portals are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | printing":{"message":"Pages that show Printing UI are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | relatedActiveContentsExist":{"message":"The page was opened using 'window.open()' and another tab has a reference to it, or the page opened a window."},"panels/application/components/BackForwardCacheStrings.ts | rendererProcessCrashed":{"message":"The renderer process for the page in back/forward cache crashed."},"panels/application/components/BackForwardCacheStrings.ts | rendererProcessKilled":{"message":"The renderer process for the page in back/forward cache was killed."},"panels/application/components/BackForwardCacheStrings.ts | requestedAudioCapturePermission":{"message":"Pages that have requested audio capture permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedBackForwardCacheBlockedSensors":{"message":"Pages that have requested sensor permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedBackgroundWorkPermission":{"message":"Pages that have requested background sync or fetch permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedMIDIPermission":{"message":"Pages that have requested MIDI permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedNotificationsPermission":{"message":"Pages that have requested notifications permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedStorageAccessGrant":{"message":"Pages that have requested storage access are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedVideoCapturePermission":{"message":"Pages that have requested video capture permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | schemeNotHTTPOrHTTPS":{"message":"Only pages whose URL scheme is HTTP / HTTPS can be cached."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerClaim":{"message":"The page was claimed by a service worker while it is in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerPostMessage":{"message":"A service worker attempted to send the page in back/forward cache a MessageEvent."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerUnregistration":{"message":"ServiceWorker was unregistered while a page was in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerVersionActivation":{"message":"The page was evicted from back/forward cache due to a service worker activation."},"panels/application/components/BackForwardCacheStrings.ts | sessionRestored":{"message":"Chrome restarted and cleared the back/forward cache entries."},"panels/application/components/BackForwardCacheStrings.ts | sharedWorker":{"message":"Pages that use SharedWorker are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | speechRecognizer":{"message":"Pages that use SpeechRecognizer are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | speechSynthesis":{"message":"Pages that use SpeechSynthesis are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | subframeIsNavigating":{"message":"An iframe on the page started a navigation that did not complete."},"panels/application/components/BackForwardCacheStrings.ts | subresourceHasCacheControlNoCache":{"message":"Pages whose subresource has cache-control:no-cache cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | subresourceHasCacheControlNoStore":{"message":"Pages whose subresource has cache-control:no-store cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | timeout":{"message":"The page exceeded the maximum time in back/forward cache and was expired."},"panels/application/components/BackForwardCacheStrings.ts | timeoutPuttingInCache":{"message":"The page timed out entering back/forward cache (likely due to long-running pagehide handlers)."},"panels/application/components/BackForwardCacheStrings.ts | unloadHandlerExistsInMainFrame":{"message":"The page has an unload handler in the main frame."},"panels/application/components/BackForwardCacheStrings.ts | unloadHandlerExistsInSubFrame":{"message":"The page has an unload handler in a sub frame."},"panels/application/components/BackForwardCacheStrings.ts | userAgentOverrideDiffers":{"message":"Browser has changed the user agent override header."},"panels/application/components/BackForwardCacheStrings.ts | wasGrantedMediaAccess":{"message":"Pages that have granted access to record video or audio are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webDatabase":{"message":"Pages that use WebDatabase are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webHID":{"message":"Pages that use WebHID are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webLocks":{"message":"Pages that use WebLocks are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webNfc":{"message":"Pages that use WebNfc are not currently eligible for back/forwad cache."},"panels/application/components/BackForwardCacheStrings.ts | webOTPService":{"message":"Pages that use WebOTPService are not currently eligible for bfcache."},"panels/application/components/BackForwardCacheStrings.ts | webRTC":{"message":"Pages with WebRTC cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webRTCSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webShare":{"message":"Pages that use WebShare are not currently eligible for back/forwad cache."},"panels/application/components/BackForwardCacheStrings.ts | webSocket":{"message":"Pages with WebSocket cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webSocketSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webTransport":{"message":"Pages with WebTransport cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webTransportSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webXR":{"message":"Pages that use WebXR are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheView.ts | backForwardCacheTitle":{"message":"Back/forward cache"},"panels/application/components/BackForwardCacheView.ts | blankURLTitle":{"message":"Blank URL [{PH1}]"},"panels/application/components/BackForwardCacheView.ts | blockingExtensionId":{"message":"Extension id: "},"panels/application/components/BackForwardCacheView.ts | circumstantial":{"message":"Not Actionable"},"panels/application/components/BackForwardCacheView.ts | circumstantialExplanation":{"message":"These reasons are not actionable i.e. caching was prevented by something outside of the direct control of the page."},"panels/application/components/BackForwardCacheView.ts | framesPerIssue":{"message":"{n, plural, =1 {# frame} other {# frames}}"},"panels/application/components/BackForwardCacheView.ts | framesTitle":{"message":"Frames"},"panels/application/components/BackForwardCacheView.ts | issuesInMultipleFrames":{"message":"{n, plural, =1 {# issue found in {m} frames.} other {# issues found in {m} frames.}}"},"panels/application/components/BackForwardCacheView.ts | issuesInSingleFrame":{"message":"{n, plural, =1 {# issue found in 1 frame.} other {# issues found in 1 frame.}}"},"panels/application/components/BackForwardCacheView.ts | learnMore":{"message":"Learn more: back/forward cache eligibility"},"panels/application/components/BackForwardCacheView.ts | mainFrame":{"message":"Main Frame"},"panels/application/components/BackForwardCacheView.ts | neverUseUnload":{"message":"Learn more: Never use unload handler"},"panels/application/components/BackForwardCacheView.ts | normalNavigation":{"message":"Not served from back/forward cache: to trigger back/forward cache, use Chrome's back/forward buttons, or use the test button below to automatically navigate away and back."},"panels/application/components/BackForwardCacheView.ts | pageSupportNeeded":{"message":"Actionable"},"panels/application/components/BackForwardCacheView.ts | pageSupportNeededExplanation":{"message":"These reasons are actionable i.e. they can be cleaned up to make the page eligible for back/forward cache."},"panels/application/components/BackForwardCacheView.ts | restoredFromBFCache":{"message":"Successfully served from back/forward cache."},"panels/application/components/BackForwardCacheView.ts | runningTest":{"message":"Running test"},"panels/application/components/BackForwardCacheView.ts | runTest":{"message":"Test back/forward cache"},"panels/application/components/BackForwardCacheView.ts | supportPending":{"message":"Pending Support"},"panels/application/components/BackForwardCacheView.ts | supportPendingExplanation":{"message":"Chrome support for these reasons is pending i.e. they will not prevent the page from being eligible for back/forward cache in a future version of Chrome."},"panels/application/components/BackForwardCacheView.ts | unavailable":{"message":"unavailable"},"panels/application/components/BackForwardCacheView.ts | unknown":{"message":"Unknown Status"},"panels/application/components/BackForwardCacheView.ts | url":{"message":"URL:"},"panels/application/components/BounceTrackingMitigationsView.ts | bounceTrackingMitigationsTitle":{"message":"Bounce Tracking Mitigations"},"panels/application/components/BounceTrackingMitigationsView.ts | checkingPotentialTrackers":{"message":"Checking for potential bounce tracking sites."},"panels/application/components/BounceTrackingMitigationsView.ts | forceRun":{"message":"Force run"},"panels/application/components/BounceTrackingMitigationsView.ts | learnMore":{"message":"Learn more: Bounce Tracking Mitigations"},"panels/application/components/BounceTrackingMitigationsView.ts | noPotentialBounceTrackersIdentified":{"message":"State was not cleared for any potential bounce tracking sites. Either none were identified, bounce tracking mitigations are not enabled, or third-party cookies are not blocked."},"panels/application/components/BounceTrackingMitigationsView.ts | runningMitigations":{"message":"Running"},"panels/application/components/BounceTrackingMitigationsView.ts | stateDeletedFor":{"message":"State was deleted for the following sites:"},"panels/application/components/EndpointsGrid.ts | noEndpointsToDisplay":{"message":"No endpoints to display"},"panels/application/components/FrameDetailsView.ts | additionalInformation":{"message":"Additional Information"},"panels/application/components/FrameDetailsView.ts | adStatus":{"message":"Ad Status"},"panels/application/components/FrameDetailsView.ts | aFrameAncestorIsAnInsecure":{"message":"A frame ancestor is an insecure context"},"panels/application/components/FrameDetailsView.ts | apiAvailability":{"message":"API availability"},"panels/application/components/FrameDetailsView.ts | availabilityOfCertainApisDepends":{"message":"Availability of certain APIs depends on the document being cross-origin isolated."},"panels/application/components/FrameDetailsView.ts | available":{"message":"available"},"panels/application/components/FrameDetailsView.ts | availableNotTransferable":{"message":"available, not transferable"},"panels/application/components/FrameDetailsView.ts | availableTransferable":{"message":"available, transferable"},"panels/application/components/FrameDetailsView.ts | child":{"message":"child"},"panels/application/components/FrameDetailsView.ts | childDescription":{"message":"This frame has been identified as a child frame of an ad"},"panels/application/components/FrameDetailsView.ts | clickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/components/FrameDetailsView.ts | clickToRevealInNetworkPanel":{"message":"Click to reveal in Network panel"},"panels/application/components/FrameDetailsView.ts | clickToRevealInNetworkPanelMight":{"message":"Click to reveal in Network panel (might require page reload)"},"panels/application/components/FrameDetailsView.ts | clickToRevealInSourcesPanel":{"message":"Click to reveal in Sources panel"},"panels/application/components/FrameDetailsView.ts | createdByAdScriptExplanation":{"message":"There was an ad script in the (async) stack when this frame was created. Examining the creation stack trace of this frame might provide more insight."},"panels/application/components/FrameDetailsView.ts | creationStackTrace":{"message":"Frame Creation Stack Trace"},"panels/application/components/FrameDetailsView.ts | creationStackTraceExplanation":{"message":"This frame was created programmatically. The stack trace shows where this happened."},"panels/application/components/FrameDetailsView.ts | creatorAdScript":{"message":"Creator Ad Script"},"panels/application/components/FrameDetailsView.ts | crossoriginIsolated":{"message":"Cross-Origin Isolated"},"panels/application/components/FrameDetailsView.ts | document":{"message":"Document"},"panels/application/components/FrameDetailsView.ts | frameId":{"message":"Frame ID"},"panels/application/components/FrameDetailsView.ts | learnMore":{"message":"Learn more"},"panels/application/components/FrameDetailsView.ts | localhostIsAlwaysASecureContext":{"message":"Localhost is always a secure context"},"panels/application/components/FrameDetailsView.ts | matchedBlockingRuleExplanation":{"message":"This frame is considered an ad frame because its current (or previous) main document is an ad resource."},"panels/application/components/FrameDetailsView.ts | measureMemory":{"message":"Measure Memory"},"panels/application/components/FrameDetailsView.ts | no":{"message":"No"},"panels/application/components/FrameDetailsView.ts | origin":{"message":"Origin"},"panels/application/components/FrameDetailsView.ts | ownerElement":{"message":"Owner Element"},"panels/application/components/FrameDetailsView.ts | parentIsAdExplanation":{"message":"This frame is considered an ad frame because its parent frame is an ad frame."},"panels/application/components/FrameDetailsView.ts | prerendering":{"message":"Prerendering"},"panels/application/components/FrameDetailsView.ts | prerenderingStatus":{"message":"Prerendering Status"},"panels/application/components/FrameDetailsView.ts | refresh":{"message":"Refresh"},"panels/application/components/FrameDetailsView.ts | reportingTo":{"message":"reporting to"},"panels/application/components/FrameDetailsView.ts | requiresCrossoriginIsolated":{"message":"requires cross-origin isolated context"},"panels/application/components/FrameDetailsView.ts | root":{"message":"root"},"panels/application/components/FrameDetailsView.ts | rootDescription":{"message":"This frame has been identified as the root frame of an ad"},"panels/application/components/FrameDetailsView.ts | secureContext":{"message":"Secure Context"},"panels/application/components/FrameDetailsView.ts | securityIsolation":{"message":"Security & Isolation"},"panels/application/components/FrameDetailsView.ts | sharedarraybufferConstructorIs":{"message":"SharedArrayBuffer constructor is available and SABs can be transferred via postMessage"},"panels/application/components/FrameDetailsView.ts | sharedarraybufferConstructorIsAvailable":{"message":"SharedArrayBuffer constructor is available but SABs cannot be transferred via postMessage"},"panels/application/components/FrameDetailsView.ts | theFramesSchemeIsInsecure":{"message":"The frame's scheme is insecure"},"panels/application/components/FrameDetailsView.ts | thePerformanceAPI":{"message":"The performance.measureUserAgentSpecificMemory() API is available"},"panels/application/components/FrameDetailsView.ts | thePerformancemeasureuseragentspecificmemory":{"message":"The performance.measureUserAgentSpecificMemory() API is not available"},"panels/application/components/FrameDetailsView.ts | thisAdditionalDebugging":{"message":"This additional (debugging) information is shown because the 'Protocol Monitor' experiment is enabled."},"panels/application/components/FrameDetailsView.ts | transferRequiresCrossoriginIsolatedPermission":{"message":"SharedArrayBuffer transfer requires enabling the permission policy:"},"panels/application/components/FrameDetailsView.ts | unavailable":{"message":"unavailable"},"panels/application/components/FrameDetailsView.ts | unreachableUrl":{"message":"Unreachable URL"},"panels/application/components/FrameDetailsView.ts | url":{"message":"URL"},"panels/application/components/FrameDetailsView.ts | willRequireCrossoriginIsolated":{"message":"⚠️ will require cross-origin isolated context in the future"},"panels/application/components/FrameDetailsView.ts | yes":{"message":"Yes"},"panels/application/components/InterestGroupAccessGrid.ts | allInterestGroupStorageEvents":{"message":"All interest group storage events."},"panels/application/components/InterestGroupAccessGrid.ts | eventTime":{"message":"Event Time"},"panels/application/components/InterestGroupAccessGrid.ts | eventType":{"message":"Access Type"},"panels/application/components/InterestGroupAccessGrid.ts | groupName":{"message":"Name"},"panels/application/components/InterestGroupAccessGrid.ts | groupOwner":{"message":"Owner"},"panels/application/components/InterestGroupAccessGrid.ts | noEvents":{"message":"No interest group events recorded."},"panels/application/components/OriginTrialTreeView.ts | expiryTime":{"message":"Expiry Time"},"panels/application/components/OriginTrialTreeView.ts | isThirdParty":{"message":"Third Party"},"panels/application/components/OriginTrialTreeView.ts | matchSubDomains":{"message":"Subdomain Matching"},"panels/application/components/OriginTrialTreeView.ts | origin":{"message":"Origin"},"panels/application/components/OriginTrialTreeView.ts | rawTokenText":{"message":"Raw Token"},"panels/application/components/OriginTrialTreeView.ts | status":{"message":"Token Status"},"panels/application/components/OriginTrialTreeView.ts | token":{"message":"Token"},"panels/application/components/OriginTrialTreeView.ts | tokens":{"message":"{PH1} tokens"},"panels/application/components/OriginTrialTreeView.ts | trialName":{"message":"Trial Name"},"panels/application/components/OriginTrialTreeView.ts | usageRestriction":{"message":"Usage Restriction"},"panels/application/components/PermissionsPolicySection.ts | allowedFeatures":{"message":"Allowed Features"},"panels/application/components/PermissionsPolicySection.ts | clickToShowHeader":{"message":"Click to reveal the request whose \"Permissions-Policy\" HTTP header disables this feature."},"panels/application/components/PermissionsPolicySection.ts | clickToShowIframe":{"message":"Click to reveal the top-most iframe which does not allow this feature in the elements panel."},"panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame":{"message":"disabled inside a fencedframe"},"panels/application/components/PermissionsPolicySection.ts | disabledByHeader":{"message":"disabled by \"Permissions-Policy\" header"},"panels/application/components/PermissionsPolicySection.ts | disabledByIframe":{"message":"missing in iframe \"allow\" attribute"},"panels/application/components/PermissionsPolicySection.ts | disabledFeatures":{"message":"Disabled Features"},"panels/application/components/PermissionsPolicySection.ts | hideDetails":{"message":"Hide details"},"panels/application/components/PermissionsPolicySection.ts | showDetails":{"message":"Show details"},"panels/application/components/Prerender2.ts | Activated":{"message":"Activated."},"panels/application/components/Prerender2.ts | ActivatedBeforeStarted":{"message":"Activated before started"},"panels/application/components/Prerender2.ts | ActivationNavigationParameterMismatch":{"message":"The page was prerendered, but the navigation ended up being performed differently than the original prerender, so the prerendered page could not be activated."},"panels/application/components/Prerender2.ts | AudioOutputDeviceRequested":{"message":"Prerendering has not supported the AudioContext API yet."},"panels/application/components/Prerender2.ts | BlockedByClient":{"message":"Resource load is blocked by the client."},"panels/application/components/Prerender2.ts | CancelAllHostsForTesting":{"message":"CancelAllHostsForTesting."},"panels/application/components/Prerender2.ts | ClientCertRequested":{"message":"The page is requesting client cert, which is not suitable for a hidden page like prerendering."},"panels/application/components/Prerender2.ts | CrossSiteNavigation":{"message":"The prerendered page navigated to a cross-site URL after loading. Currently prerendering cross-site pages is disallowed."},"panels/application/components/Prerender2.ts | CrossSiteRedirect":{"message":"Attempted to prerender a URL which redirected to a cross-site URL. Currently prerendering cross-site pages is disallowed."},"panels/application/components/Prerender2.ts | DataSaverEnabled":{"message":"Data saver enabled"},"panels/application/components/Prerender2.ts | Destroyed":{"message":"A prerendered page was abandoned for unknown reasons."},"panels/application/components/Prerender2.ts | DidFailLoad":{"message":"DidFailLoadWithError happened during prerendering."},"panels/application/components/Prerender2.ts | DisallowedApiMethod":{"message":"Disallowed API method"},"panels/application/components/Prerender2.ts | Download":{"message":"Download is disallowed in Prerender."},"panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected":{"message":"Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is canceled because the navigation is redirected to another cross-origin page."},"panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected":{"message":"Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is canceled because the navigation is redirected to another same-origin page."},"panels/application/components/Prerender2.ts | FailToGetMemoryUsage":{"message":"Fail to get memory usage"},"panels/application/components/Prerender2.ts | HasEffectiveUrl":{"message":"Has effective URL"},"panels/application/components/Prerender2.ts | InactivePageRestriction":{"message":"Inactive page restriction"},"panels/application/components/Prerender2.ts | InProgressNavigation":{"message":"InProgressNavigation."},"panels/application/components/Prerender2.ts | InvalidSchemeNavigation":{"message":"Only HTTP(S) navigation allowed for Prerender."},"panels/application/components/Prerender2.ts | InvalidSchemeRedirect":{"message":"Attempted to prerender a URL that redirected to a non-HTTP(S) URL. Only HTTP(S) pages can be prerendered."},"panels/application/components/Prerender2.ts | LoginAuthRequested":{"message":"Prerender does not support auth requests from UI."},"panels/application/components/Prerender2.ts | LowEndDevice":{"message":"Prerendering is not supported for low-memory devices."},"panels/application/components/Prerender2.ts | MainFrameNavigation":{"message":"Navigations after the initial prerendering navigation are disallowed"},"panels/application/components/Prerender2.ts | MaxNumOfRunningPrerendersExceeded":{"message":"Max number of prerendering exceeded."},"panels/application/components/Prerender2.ts | MemoryLimitExceeded":{"message":"Memory limit exceeded"},"panels/application/components/Prerender2.ts | MixedContent":{"message":"Prerendering is canceled by a mixed content frame."},"panels/application/components/Prerender2.ts | MojoBinderPolicy":{"message":"A disallowed API was used by the prerendered page"},"panels/application/components/Prerender2.ts | NavigationBadHttpStatus":{"message":"The initial prerendering navigation was not successful due to the server returning a non-200/204/205 status code."},"panels/application/components/Prerender2.ts | NavigationNotCommitted":{"message":"The prerendering page is not committed in the end."},"panels/application/components/Prerender2.ts | NavigationRequestBlockedByCsp":{"message":"Navigation request is blocked by CSP."},"panels/application/components/Prerender2.ts | NavigationRequestNetworkError":{"message":"Encountered a network error during prerendering."},"panels/application/components/Prerender2.ts | PrerenderingOngoing":{"message":"Prerendering ongoing"},"panels/application/components/Prerender2.ts | RendererProcessCrashed":{"message":"The prerendered page crashed."},"panels/application/components/Prerender2.ts | RendererProcessKilled":{"message":"The renderer process for the prerendering page was killed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginNavigation":{"message":"The prerendered page navigated to a same-site cross-origin URL after loading. Currently prerendering cross-origin pages is disallowed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginNavigationNotOptIn":{"message":"The prerendered page navigated to a same-site cross-origin URL after loading. This is disallowed unless the destination site sends a Supports-Loading-Mode: credentialed-prerender header."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginRedirect":{"message":"Attempted to prerender a URL which redirected to a same-site cross-origin URL. Currently prerendering cross-origin pages is disallowed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginRedirectNotOptIn":{"message":"Attempted to prerender a URL which redirected to a same-site cross-origin URL. This is disallowed unless the destination site sends a Supports-Loading-Mode: credentialed-prerender header."},"panels/application/components/Prerender2.ts | SslCertificateError":{"message":"SSL certificate error."},"panels/application/components/Prerender2.ts | StartFailed":{"message":"Start failed"},"panels/application/components/Prerender2.ts | Stop":{"message":"The tab is stopped."},"panels/application/components/Prerender2.ts | TriggerBackgrounded":{"message":"The tab is in the background"},"panels/application/components/Prerender2.ts | TriggerDestroyed":{"message":"Prerender is not activated and destroyed with the trigger."},"panels/application/components/Prerender2.ts | UaChangeRequiresReload":{"message":"Reload is needed after UserAgentOverride."},"panels/application/components/ProtocolHandlersView.ts | dropdownLabel":{"message":"Select protocol handler"},"panels/application/components/ProtocolHandlersView.ts | manifest":{"message":"manifest"},"panels/application/components/ProtocolHandlersView.ts | needHelpReadOur":{"message":"Need help? Read {PH1}."},"panels/application/components/ProtocolHandlersView.ts | protocolDetected":{"message":"Found valid protocol handler registration in the {PH1}. With the app installed, test the registered protocols."},"panels/application/components/ProtocolHandlersView.ts | protocolHandlerRegistrations":{"message":"URL protocol handler registration for PWAs"},"panels/application/components/ProtocolHandlersView.ts | protocolNotDetected":{"message":"Define protocol handlers in the {PH1} to register your app as a handler for custom protocols when your app is installed."},"panels/application/components/ProtocolHandlersView.ts | testProtocol":{"message":"Test protocol"},"panels/application/components/ProtocolHandlersView.ts | textboxLabel":{"message":"Query parameter or endpoint for protocol handler"},"panels/application/components/ProtocolHandlersView.ts | textboxPlaceholder":{"message":"Enter URL"},"panels/application/components/ReportsGrid.ts | destination":{"message":"Destination"},"panels/application/components/ReportsGrid.ts | generatedAt":{"message":"Generated at"},"panels/application/components/ReportsGrid.ts | noReportsToDisplay":{"message":"No reports to display"},"panels/application/components/ReportsGrid.ts | status":{"message":"Status"},"panels/application/components/SharedStorageAccessGrid.ts | allSharedStorageEvents":{"message":"All shared storage events for this page."},"panels/application/components/SharedStorageAccessGrid.ts | eventParams":{"message":"Optional Event Params"},"panels/application/components/SharedStorageAccessGrid.ts | eventTime":{"message":"Event Time"},"panels/application/components/SharedStorageAccessGrid.ts | eventType":{"message":"Access Type"},"panels/application/components/SharedStorageAccessGrid.ts | mainFrameId":{"message":"Main Frame ID"},"panels/application/components/SharedStorageAccessGrid.ts | noEvents":{"message":"No shared storage events recorded."},"panels/application/components/SharedStorageAccessGrid.ts | ownerOrigin":{"message":"Owner Origin"},"panels/application/components/SharedStorageAccessGrid.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/components/SharedStorageMetadataView.ts | budgetExplanation":{"message":"Remaining data leakage allowed within a 24-hour period for this origin in bits of entropy"},"panels/application/components/SharedStorageMetadataView.ts | creation":{"message":"Creation Time"},"panels/application/components/SharedStorageMetadataView.ts | entropyBudget":{"message":"Entropy Budget for Fenced Frames"},"panels/application/components/SharedStorageMetadataView.ts | notYetCreated":{"message":"Not yet created"},"panels/application/components/SharedStorageMetadataView.ts | numEntries":{"message":"Number of Entries"},"panels/application/components/SharedStorageMetadataView.ts | resetBudget":{"message":"Reset Budget"},"panels/application/components/SharedStorageMetadataView.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/components/StackTrace.ts | cannotRenderStackTrace":{"message":"Cannot render stack trace"},"panels/application/components/StackTrace.ts | showLess":{"message":"Show less"},"panels/application/components/StackTrace.ts | showSMoreFrames":{"message":"{n, plural, =1 {Show # more frame} other {Show # more frames}}"},"panels/application/components/StorageMetadataView.ts | bucketName":{"message":"Bucket name"},"panels/application/components/StorageMetadataView.ts | durability":{"message":"Durability"},"panels/application/components/StorageMetadataView.ts | expiration":{"message":"Expiration"},"panels/application/components/StorageMetadataView.ts | isOpaque":{"message":"Is opaque"},"panels/application/components/StorageMetadataView.ts | isThirdParty":{"message":"Is third-party"},"panels/application/components/StorageMetadataView.ts | loading":{"message":"Loading…"},"panels/application/components/StorageMetadataView.ts | no":{"message":"No"},"panels/application/components/StorageMetadataView.ts | none":{"message":"None"},"panels/application/components/StorageMetadataView.ts | opaque":{"message":"(opaque)"},"panels/application/components/StorageMetadataView.ts | origin":{"message":"Origin"},"panels/application/components/StorageMetadataView.ts | persistent":{"message":"Is persistent"},"panels/application/components/StorageMetadataView.ts | quota":{"message":"Quota"},"panels/application/components/StorageMetadataView.ts | topLevelSite":{"message":"Top-level site"},"panels/application/components/StorageMetadataView.ts | yes":{"message":"Yes"},"panels/application/components/StorageMetadataView.ts | yesBecauseAncestorChainHasCrossSite":{"message":"Yes, because the ancestry chain contains a third-party origin"},"panels/application/components/StorageMetadataView.ts | yesBecauseKeyIsOpaque":{"message":"Yes, because the storage key is opaque"},"panels/application/components/StorageMetadataView.ts | yesBecauseOriginNotInTopLevelSite":{"message":"Yes, because the origin is outside of the top-level site"},"panels/application/components/StorageMetadataView.ts | yesBecauseTopLevelIsOpaque":{"message":"Yes, because the top-level site is opaque"},"panels/application/components/TrustTokensView.ts | allStoredTrustTokensAvailableIn":{"message":"All stored Private State Tokens available in this browser instance."},"panels/application/components/TrustTokensView.ts | deleteTrustTokens":{"message":"Delete all stored Private State Tokens issued by {PH1}."},"panels/application/components/TrustTokensView.ts | issuer":{"message":"Issuer"},"panels/application/components/TrustTokensView.ts | noTrustTokensStored":{"message":"No Private State Tokens are currently stored."},"panels/application/components/TrustTokensView.ts | storedTokenCount":{"message":"Stored token count"},"panels/application/components/TrustTokensView.ts | trustTokens":{"message":"Private State Tokens"},"panels/application/CookieItemsView.ts | clearAllCookies":{"message":"Clear all cookies"},"panels/application/CookieItemsView.ts | clearFilteredCookies":{"message":"Clear filtered cookies"},"panels/application/CookieItemsView.ts | cookies":{"message":"Cookies"},"panels/application/CookieItemsView.ts | numberOfCookiesShownInTableS":{"message":"Number of cookies shown in table: {PH1}"},"panels/application/CookieItemsView.ts | onlyShowCookiesWhichHaveAn":{"message":"Only show cookies that have an associated issue"},"panels/application/CookieItemsView.ts | onlyShowCookiesWithAnIssue":{"message":"Only show cookies with an issue"},"panels/application/CookieItemsView.ts | selectACookieToPreviewItsValue":{"message":"Select a cookie to preview its value"},"panels/application/CookieItemsView.ts | showUrlDecoded":{"message":"Show URL-decoded"},"panels/application/DatabaseModel.ts | anUnexpectedErrorSOccurred":{"message":"An unexpected error {PH1} occurred."},"panels/application/DatabaseModel.ts | databaseNoLongerHasExpected":{"message":"Database no longer has expected version."},"panels/application/DatabaseQueryView.ts | databaseQuery":{"message":"Database Query"},"panels/application/DatabaseQueryView.ts | queryS":{"message":"Query: {PH1}"},"panels/application/DatabaseTableView.ts | anErrorOccurredTryingToreadTheS":{"message":"An error occurred trying to read the \"{PH1}\" table."},"panels/application/DatabaseTableView.ts | database":{"message":"Database"},"panels/application/DatabaseTableView.ts | refresh":{"message":"Refresh"},"panels/application/DatabaseTableView.ts | theStableIsEmpty":{"message":"The \"{PH1}\" table is empty."},"panels/application/DatabaseTableView.ts | visibleColumns":{"message":"Visible columns"},"panels/application/DOMStorageItemsView.ts | domStorage":{"message":"DOM Storage"},"panels/application/DOMStorageItemsView.ts | domStorageItemDeleted":{"message":"The storage item was deleted."},"panels/application/DOMStorageItemsView.ts | domStorageItems":{"message":"DOM Storage Items"},"panels/application/DOMStorageItemsView.ts | domStorageItemsCleared":{"message":"DOM Storage Items cleared"},"panels/application/DOMStorageItemsView.ts | domStorageNumberEntries":{"message":"Number of entries shown in table: {PH1}"},"panels/application/DOMStorageItemsView.ts | key":{"message":"Key"},"panels/application/DOMStorageItemsView.ts | selectAValueToPreview":{"message":"Select a value to preview"},"panels/application/DOMStorageItemsView.ts | value":{"message":"Value"},"panels/application/IndexedDBViews.ts | clearObjectStore":{"message":"Clear object store"},"panels/application/IndexedDBViews.ts | collapse":{"message":"Collapse"},"panels/application/IndexedDBViews.ts | dataMayBeStale":{"message":"Data may be stale"},"panels/application/IndexedDBViews.ts | deleteDatabase":{"message":"Delete database"},"panels/application/IndexedDBViews.ts | deleteSelected":{"message":"Delete selected"},"panels/application/IndexedDBViews.ts | expandRecursively":{"message":"Expand Recursively"},"panels/application/IndexedDBViews.ts | idb":{"message":"IDB"},"panels/application/IndexedDBViews.ts | indexedDb":{"message":"Indexed DB"},"panels/application/IndexedDBViews.ts | keyGeneratorValueS":{"message":"Key generator value: {PH1}"},"panels/application/IndexedDBViews.ts | keyPath":{"message":"Key path: "},"panels/application/IndexedDBViews.ts | keyString":{"message":"Key"},"panels/application/IndexedDBViews.ts | objectStores":{"message":"Object stores"},"panels/application/IndexedDBViews.ts | pleaseConfirmDeleteOfSDatabase":{"message":"Please confirm delete of \"{PH1}\" database."},"panels/application/IndexedDBViews.ts | primaryKey":{"message":"Primary key"},"panels/application/IndexedDBViews.ts | refresh":{"message":"Refresh"},"panels/application/IndexedDBViews.ts | refreshDatabase":{"message":"Refresh database"},"panels/application/IndexedDBViews.ts | showNextPage":{"message":"Show next page"},"panels/application/IndexedDBViews.ts | showPreviousPage":{"message":"Show previous page"},"panels/application/IndexedDBViews.ts | someEntriesMayHaveBeenModified":{"message":"Some entries may have been modified"},"panels/application/IndexedDBViews.ts | startFromKey":{"message":"Start from key"},"panels/application/IndexedDBViews.ts | totalEntriesS":{"message":"Total entries: {PH1}"},"panels/application/IndexedDBViews.ts | valueString":{"message":"Value"},"panels/application/IndexedDBViews.ts | version":{"message":"Version"},"panels/application/InterestGroupStorageView.ts | clickToDisplayBody":{"message":"Click on any interest group event to display the group's current state"},"panels/application/InterestGroupStorageView.ts | noDataAvailable":{"message":"No details available for the selected interest group. The browser may have left the group."},"panels/application/InterestGroupTreeElement.ts | interestGroups":{"message":"Interest Groups"},"panels/application/OpenedWindowDetailsView.ts | accessToOpener":{"message":"Access to opener"},"panels/application/OpenedWindowDetailsView.ts | clickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/OpenedWindowDetailsView.ts | closed":{"message":"closed"},"panels/application/OpenedWindowDetailsView.ts | crossoriginEmbedderPolicy":{"message":"Cross-Origin Embedder Policy"},"panels/application/OpenedWindowDetailsView.ts | document":{"message":"Document"},"panels/application/OpenedWindowDetailsView.ts | no":{"message":"No"},"panels/application/OpenedWindowDetailsView.ts | openerFrame":{"message":"Opener Frame"},"panels/application/OpenedWindowDetailsView.ts | reportingTo":{"message":"reporting to"},"panels/application/OpenedWindowDetailsView.ts | security":{"message":"Security"},"panels/application/OpenedWindowDetailsView.ts | securityIsolation":{"message":"Security & Isolation"},"panels/application/OpenedWindowDetailsView.ts | showsWhetherTheOpenedWindowIs":{"message":"Shows whether the opened window is able to access its opener and vice versa"},"panels/application/OpenedWindowDetailsView.ts | type":{"message":"Type"},"panels/application/OpenedWindowDetailsView.ts | unknown":{"message":"Unknown"},"panels/application/OpenedWindowDetailsView.ts | url":{"message":"URL"},"panels/application/OpenedWindowDetailsView.ts | webWorker":{"message":"Web Worker"},"panels/application/OpenedWindowDetailsView.ts | windowWithoutTitle":{"message":"Window without title"},"panels/application/OpenedWindowDetailsView.ts | worker":{"message":"worker"},"panels/application/OpenedWindowDetailsView.ts | yes":{"message":"Yes"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusFailure":{"message":"Preloading failed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusNotTriggered":{"message":"Preloading attempt is not yet triggered."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusPending":{"message":"Preloading attempt is eligible but pending."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusReady":{"message":"Preloading finished and the result is ready for the next navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusRunning":{"message":"Preloading is running."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusSuccess":{"message":"Preloading finished and used for a navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsAction":{"message":"Action"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsDetailedInformation":{"message":"Detailed information"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsFailureReason":{"message":"Failure reason"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsRuleSet":{"message":"Rule set"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsStatus":{"message":"Status"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivatedDuringMainFrameNavigation":{"message":"Prerendered page activated during initiating page's main frame navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivationFramePolicyNotCompatible":{"message":"The prerender was not used because the sandboxing flags or permissions policy of the initiating page was not compatible with those of the prerendering page."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivationNavigationParameterMismatch":{"message":"The prerender was not used because during activation time, different navigation parameters (e.g., HTTP headers) were calculated than during the original prerendering navigation request."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusAudioOutputDeviceRequested":{"message":"The prerendered page requested audio output, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusBatterySaverEnabled":{"message":"The prerender was not performed because the user requested that the browser use less battery."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusBlockedByClient":{"message":"Some resource load was blocked."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusClientCertRequested":{"message":"The prerendering navigation required a HTTP client certificate."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteNavigationInInitialNavigation":{"message":"The prerendering navigation failed because it targeted a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteNavigationInMainFrameNavigation":{"message":"The prerendered page navigated to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteRedirectInInitialNavigation":{"message":"The prerendering navigation failed because the prerendered URL redirected to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteRedirectInMainFrameNavigation":{"message":"The prerendered page navigated to a URL which redirected to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusDataSaverEnabled":{"message":"The prerender was not performed because the user requested that the browser use less data."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusDownload":{"message":"The prerendered page attempted to initiate a download, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusFailToGetMemoryUsage":{"message":"The prerender was not performed because the browser encountered an internal error attempting to determine current memory usage."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusHasEffectiveUrl":{"message":"The initiating page cannot perform prerendering, because it has an effective URL that is different from its normal URL. (For example, the New Tab Page, or hosted apps.)"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusInvalidSchemeNavigation":{"message":"The URL was not eligible to be prerendered because its scheme was not http: or https:."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusInvalidSchemeRedirect":{"message":"The prerendering navigation failed because it redirected to a URL whose scheme was not http: or https:."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusLoginAuthRequested":{"message":"The prerendering navigation required HTTP authentication, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusLowEndDevice":{"message":"The prerender was not performed because this device does not have enough total system memory to support prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMainFrameNavigation":{"message":"The prerendered page navigated itself to another URL, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMaxNumOfRunningPrerendersExceeded":{"message":"The prerender was not performed because the initiating page already has too many prerenders ongoing. Remove other speculation rules to enable further prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryLimitExceeded":{"message":"The prerender was not performed because the browser exceeded the prerendering memory limit."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryPressureAfterTriggered":{"message":"The prerendered page was unloaded because the browser came under critical memory pressure."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryPressureOnTrigger":{"message":"The prerender was not performed because the browser was under critical memory pressure."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMixedContent":{"message":"The prerendered page contained mixed content."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMojoBinderPolicy":{"message":"The prerendered page used a forbidden JavaScript API that is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationBadHttpStatus":{"message":"The prerendering navigation failed because of a non-2xx HTTP response status code."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationRequestBlockedByCsp":{"message":"The prerendering navigation was blocked by a Content Security Policy."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationRequestNetworkError":{"message":"The prerendering navigation encountered a network error."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPreloadingDisabled":{"message":"The prerender was not performed because the user disabled preloading in their browser settings."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrerenderingDisabledByDevTools":{"message":"The prerender was not performed because DevTools has been used to disable prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrimaryMainFrameRendererProcessCrashed":{"message":"The initiating page crashed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrimaryMainFrameRendererProcessKilled":{"message":"The initiating page was killed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusRendererProcessCrashed":{"message":"The prerendered page crashed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusRendererProcessKilled":{"message":"The prerendered page was killed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusResourceLoadBlockedByClient":{"message":"Some resource load was blocked."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginNavigationNotOptInInInitialNavigation":{"message":"The prerendered page navigated itself to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginNavigationNotOptInInMainFrameNavigation":{"message":"The prerendered page navigated to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginRedirectNotOptInInInitialNavigation":{"message":"The prerendering navigation failed because the prerendered URL redirected to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginRedirectNotOptInInMainFrameNavigation":{"message":"The prerendered page navigated to a URL which redirected to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSslCertificateError":{"message":"The prerendering navigation failed because of an invalid SSL certificate."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusTimeoutBackgrounded":{"message":"The initiating page was backgrounded for a long time, so the prerendered page was discarded."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusTriggerBackgrounded":{"message":"The initiating page was backgrounded, so the prerendered page was discarded."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusUaChangeRequiresReload":{"message":"Changing User Agent occured in prerendering navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | selectAnElementForMoreDetails":{"message":"Select an element for more details"},"panels/application/preloading/components/PreloadingGrid.ts | action":{"message":"Action"},"panels/application/preloading/components/PreloadingGrid.ts | status":{"message":"Status"},"panels/application/preloading/components/PreloadingString.ts | PrefetchEvicted":{"message":"The prefetch was discarded for a newer prefetch because |kPrefetchNewLimits| is enabled"},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedIneligibleRedirect":{"message":"The prefetch was redirected, but the redirect URL is not eligible for prefetch."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedInvalidRedirect":{"message":"The prefetch was redirected, but there was a problem with the redirect."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedMIMENotSupported":{"message":"The prefetch failed because the response's Content-Type header was not supported."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedNetError":{"message":"The prefetch failed because of a network error."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedNon2XX":{"message":"The prefetch failed because of a non-2xx HTTP response status code."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedPerPageLimitExceeded":{"message":"The prefetch was not performed because the initiating page already has too many prefetches ongoing."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIneligibleRetryAfter":{"message":"A previous prefetch to the origin got a HTTP 503 response with an Retry-After header that has not elapsed yet."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIsPrivacyDecoy":{"message":"The URL was not eligible to be prefetched because there was a registered service worker or cross-site cookies for that origin, but the prefetch was put on the network anyways and not used, to disguise that the user had some kind of previous relationship with the origin."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIsStale":{"message":"Too much time elapsed between the prefetch and usage, so the prefetch was discarded."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleBatterySaverEnabled":{"message":"The prefetch was not performed because the Battery Saver setting was enabled."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleBrowserContextOffTheRecord":{"message":"The prefetch was not performed because the browser is in Incognito or Guest mode."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleDataSaverEnabled":{"message":"The prefetch was not performed because the operating system is in Data Saver mode."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleExistingProxy":{"message":"The URL is not eligible to be prefetched, because in the default network context it is configured to use a proxy server."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleHostIsNonUnique":{"message":"The URL was not eligible to be prefetched because its host was not unique (e.g., a non publicly routable IP address or a hostname which is not registry-controlled), but the prefetch was required to be proxied."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleNonDefaultStoragePartition":{"message":"The URL was not eligible to be prefetched because it uses a non-default storage partition."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligiblePreloadingDisabled":{"message":"The prefetch was not performed because preloading was disabled."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleSameSiteCrossOriginPrefetchRequiredProxy":{"message":"The URL was not eligible to be prefetched because the default network context cannot be configured to use the prefetch proxy for a same-site cross-origin prefetch request."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleSchemeIsNotHttps":{"message":"The URL was not eligible to be prefetched because its scheme was not https:."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleUserHasCookies":{"message":"The URL was not eligible to be prefetched because it was cross-site, but the user had cookies for that origin."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleUserHasServiceWorker":{"message":"The URL was not eligible to be prefetched because there was a registered service worker for that origin, which is currently not supported."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotUsedCookiesChanged":{"message":"The prefetch was not used because it was a cross-site prefetch, and cookies were added for that URL while the prefetch was ongoing, so the prefetched response is now out-of-date."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotUsedProbeFailed":{"message":"The prefetch was blocked by your Internet Service Provider or network administrator."},"panels/application/preloading/components/PreloadingString.ts | PrefetchProxyNotAvailable":{"message":"A network error was encountered when trying to set up a connection to the prefetching proxy."},"panels/application/preloading/components/RuleSetDetailsReportView.ts | buttonClickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | buttonClickToRevealInNetworkPanel":{"message":"Click to reveal in Network panel"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsDetailedInformation":{"message":"Detailed information"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsError":{"message":"Error"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsLocation":{"message":"Location"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsSource":{"message":"Source"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsValidity":{"message":"Validity"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validityInvalid":{"message":"Invalid; source is not a JSON object"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validitySomeRulesInvalid":{"message":"Some rules are invalid and ignored"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validityValid":{"message":"Valid"},"panels/application/preloading/components/RuleSetGrid.ts | location":{"message":"Location"},"panels/application/preloading/components/RuleSetGrid.ts | validity":{"message":"Validity"},"panels/application/preloading/components/UsedPreloadingView.ts | prefetchUsed":{"message":"{PH1} prefetched resources are used for this page"},"panels/application/preloading/components/UsedPreloadingView.ts | preloadingUsedForThisPage":{"message":"Preloading used for this page"},"panels/application/preloading/components/UsedPreloadingView.ts | prerenderUsed":{"message":"This page was prerendered"},"panels/application/preloading/PreloadingView.ts | extensionSettings":{"message":"Extensions settings"},"panels/application/preloading/PreloadingView.ts | filterAllRuleSets":{"message":"All rule sets"},"panels/application/preloading/PreloadingView.ts | filterFilterByRuleSet":{"message":"Filter by rule set"},"panels/application/preloading/PreloadingView.ts | filterRuleSet":{"message":"Rule set: {PH1}"},"panels/application/preloading/PreloadingView.ts | preloadingPageSettings":{"message":"Preload pages settings"},"panels/application/preloading/PreloadingView.ts | statusFailure":{"message":"Failure"},"panels/application/preloading/PreloadingView.ts | statusNotTriggered":{"message":"Not triggered"},"panels/application/preloading/PreloadingView.ts | statusPending":{"message":"Pending"},"panels/application/preloading/PreloadingView.ts | statusReady":{"message":"Ready"},"panels/application/preloading/PreloadingView.ts | statusRunning":{"message":"Running"},"panels/application/preloading/PreloadingView.ts | statusSuccess":{"message":"Success"},"panels/application/preloading/PreloadingView.ts | validityInvalid":{"message":"Invalid"},"panels/application/preloading/PreloadingView.ts | validitySomeRulesInvalid":{"message":"Some rules invalid"},"panels/application/preloading/PreloadingView.ts | validityValid":{"message":"Valid"},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByBatterysaver":{"message":"Preloading is disabled because of the operating system's Battery Saver mode."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByDatasaver":{"message":"Preloading is disabled because of the operating system's Data Saver mode."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByFeatureFlag":{"message":"Preloading is forced-enabled because DevTools is open. When DevTools is closed, prerendering will be disabled because this browser session is part of a holdback group used for performance comparisons."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingStateDisabled":{"message":"Preloading is disabled because of user settings or an extension. Go to {PH1} to learn more, or go to {PH2} to disable the extension."},"panels/application/preloading/PreloadingView.ts | warningDetailPrerenderingDisabledByFeatureFlag":{"message":"Prerendering is forced-enabled because DevTools is open. When DevTools is closed, prerendering will be disabled because this browser session is part of a holdback group used for performance comparisons."},"panels/application/preloading/PreloadingView.ts | warningTitlePreloadingDisabledByFeatureFlag":{"message":"Preloading was disabled, but is force-enabled now"},"panels/application/preloading/PreloadingView.ts | warningTitlePreloadingStateDisabled":{"message":"Preloading is disabled"},"panels/application/preloading/PreloadingView.ts | warningTitlePrerenderingDisabledByFeatureFlag":{"message":"Prerendering was disabled, but is force-enabled now"},"panels/application/PreloadingTreeElement.ts | prefetchingAndPrerendering":{"message":"Prefetching & Prerendering"},"panels/application/PreloadingTreeElement.ts | thisPage":{"message":"This Page"},"panels/application/ReportingApiReportsView.ts | clickToDisplayBody":{"message":"Click on any report to display its body"},"panels/application/ReportingApiTreeElement.ts | reportingApi":{"message":"Reporting API"},"panels/application/ServiceWorkerCacheTreeElement.ts | cacheStorage":{"message":"Cache Storage"},"panels/application/ServiceWorkerCacheTreeElement.ts | delete":{"message":"Delete"},"panels/application/ServiceWorkerCacheTreeElement.ts | refreshCaches":{"message":"Refresh Caches"},"panels/application/ServiceWorkerCacheViews.ts | cache":{"message":"Cache"},"panels/application/ServiceWorkerCacheViews.ts | deleteSelected":{"message":"Delete Selected"},"panels/application/ServiceWorkerCacheViews.ts | filterByPath":{"message":"Filter by Path"},"panels/application/ServiceWorkerCacheViews.ts | headers":{"message":"Headers"},"panels/application/ServiceWorkerCacheViews.ts | matchingEntriesS":{"message":"Matching entries: {PH1}"},"panels/application/ServiceWorkerCacheViews.ts | name":{"message":"Name"},"panels/application/ServiceWorkerCacheViews.ts | preview":{"message":"Preview"},"panels/application/ServiceWorkerCacheViews.ts | refresh":{"message":"Refresh"},"panels/application/ServiceWorkerCacheViews.ts | selectACacheEntryAboveToPreview":{"message":"Select a cache entry above to preview"},"panels/application/ServiceWorkerCacheViews.ts | serviceWorkerCache":{"message":"Service Worker Cache"},"panels/application/ServiceWorkerCacheViews.ts | timeCached":{"message":"Time Cached"},"panels/application/ServiceWorkerCacheViews.ts | totalEntriesS":{"message":"Total entries: {PH1}"},"panels/application/ServiceWorkerCacheViews.ts | varyHeaderWarning":{"message":"⚠️ Set ignoreVary to true when matching this entry"},"panels/application/ServiceWorkersView.ts | bypassForNetwork":{"message":"Bypass for network"},"panels/application/ServiceWorkersView.ts | bypassTheServiceWorkerAndLoad":{"message":"Bypass the service worker and load resources from the network"},"panels/application/ServiceWorkersView.ts | clients":{"message":"Clients"},"panels/application/ServiceWorkersView.ts | focus":{"message":"focus"},"panels/application/ServiceWorkersView.ts | inspect":{"message":"inspect"},"panels/application/ServiceWorkersView.ts | networkRequests":{"message":"Network requests"},"panels/application/ServiceWorkersView.ts | onPageReloadForceTheService":{"message":"On page reload, force the service worker to update, and activate it"},"panels/application/ServiceWorkersView.ts | periodicSync":{"message":"Periodic Sync"},"panels/application/ServiceWorkersView.ts | periodicSyncTag":{"message":"Periodic Sync tag"},"panels/application/ServiceWorkersView.ts | pushData":{"message":"Push data"},"panels/application/ServiceWorkersView.ts | pushString":{"message":"Push"},"panels/application/ServiceWorkersView.ts | receivedS":{"message":"Received {PH1}"},"panels/application/ServiceWorkersView.ts | sActivatedAndIsS":{"message":"#{PH1} activated and is {PH2}"},"panels/application/ServiceWorkersView.ts | sDeleted":{"message":"{PH1} - deleted"},"panels/application/ServiceWorkersView.ts | seeAllRegistrations":{"message":"See all registrations"},"panels/application/ServiceWorkersView.ts | serviceWorkerForS":{"message":"Service worker for {PH1}"},"panels/application/ServiceWorkersView.ts | serviceWorkersFromOtherOrigins":{"message":"Service workers from other origins"},"panels/application/ServiceWorkersView.ts | sIsRedundant":{"message":"#{PH1} is redundant"},"panels/application/ServiceWorkersView.ts | source":{"message":"Source"},"panels/application/ServiceWorkersView.ts | sRegistrationErrors":{"message":"{PH1} registration errors"},"panels/application/ServiceWorkersView.ts | startString":{"message":"start"},"panels/application/ServiceWorkersView.ts | status":{"message":"Status"},"panels/application/ServiceWorkersView.ts | stopString":{"message":"stop"},"panels/application/ServiceWorkersView.ts | sTryingToInstall":{"message":"#{PH1} trying to install"},"panels/application/ServiceWorkersView.ts | sWaitingToActivate":{"message":"#{PH1} waiting to activate"},"panels/application/ServiceWorkersView.ts | syncString":{"message":"Sync"},"panels/application/ServiceWorkersView.ts | syncTag":{"message":"Sync tag"},"panels/application/ServiceWorkersView.ts | testPushMessageFromDevtools":{"message":"Test push message from DevTools."},"panels/application/ServiceWorkersView.ts | unregister":{"message":"Unregister"},"panels/application/ServiceWorkersView.ts | unregisterServiceWorker":{"message":"Unregister service worker"},"panels/application/ServiceWorkersView.ts | update":{"message":"Update"},"panels/application/ServiceWorkersView.ts | updateCycle":{"message":"Update Cycle"},"panels/application/ServiceWorkersView.ts | updateOnReload":{"message":"Update on reload"},"panels/application/ServiceWorkersView.ts | workerS":{"message":"Worker: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | endTimeS":{"message":"End time: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | startTimeS":{"message":"Start time: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | timeline":{"message":"Timeline"},"panels/application/ServiceWorkerUpdateCycleView.ts | updateActivity":{"message":"Update Activity"},"panels/application/ServiceWorkerUpdateCycleView.ts | version":{"message":"Version"},"panels/application/SharedStorageEventsView.ts | clickToDisplayBody":{"message":"Click on any shared storage event to display the event parameters."},"panels/application/SharedStorageItemsView.ts | key":{"message":"Key"},"panels/application/SharedStorageItemsView.ts | selectAValueToPreview":{"message":"Select a value to preview"},"panels/application/SharedStorageItemsView.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/SharedStorageItemsView.ts | sharedStorageFilteredItemsCleared":{"message":"Shared Storage filtered items cleared"},"panels/application/SharedStorageItemsView.ts | sharedStorageItemDeleted":{"message":"The storage item was deleted."},"panels/application/SharedStorageItemsView.ts | sharedStorageItemEditCanceled":{"message":"The storage item edit was canceled."},"panels/application/SharedStorageItemsView.ts | sharedStorageItemEdited":{"message":"The storage item was edited."},"panels/application/SharedStorageItemsView.ts | sharedStorageItems":{"message":"Shared Storage Items"},"panels/application/SharedStorageItemsView.ts | sharedStorageItemsCleared":{"message":"Shared Storage items cleared"},"panels/application/SharedStorageItemsView.ts | sharedStorageNumberEntries":{"message":"Number of entries shown in table: {PH1}"},"panels/application/SharedStorageItemsView.ts | value":{"message":"Value"},"panels/application/SharedStorageListTreeElement.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/StorageItemsView.ts | clearAll":{"message":"Clear All"},"panels/application/StorageItemsView.ts | deleteSelected":{"message":"Delete Selected"},"panels/application/StorageItemsView.ts | filter":{"message":"Filter"},"panels/application/StorageItemsView.ts | refresh":{"message":"Refresh"},"panels/application/StorageItemsView.ts | refreshedStatus":{"message":"Table refreshed"},"panels/application/StorageView.ts | application":{"message":"Application"},"panels/application/StorageView.ts | cache":{"message":"Cache"},"panels/application/StorageView.ts | cacheStorage":{"message":"Cache storage"},"panels/application/StorageView.ts | clearing":{"message":"Clearing..."},"panels/application/StorageView.ts | clearSiteData":{"message":"Clear site data"},"panels/application/StorageView.ts | cookies":{"message":"Cookies"},"panels/application/StorageView.ts | fileSystem":{"message":"File System"},"panels/application/StorageView.ts | includingThirdPartyCookies":{"message":"including third-party cookies"},"panels/application/StorageView.ts | indexDB":{"message":"IndexedDB"},"panels/application/StorageView.ts | internalError":{"message":"Internal error"},"panels/application/StorageView.ts | learnMore":{"message":"Learn more"},"panels/application/StorageView.ts | localAndSessionStorage":{"message":"Local and session storage"},"panels/application/StorageView.ts | mb":{"message":"MB"},"panels/application/StorageView.ts | numberMustBeNonNegative":{"message":"Number must be non-negative"},"panels/application/StorageView.ts | numberMustBeSmaller":{"message":"Number must be smaller than {PH1}"},"panels/application/StorageView.ts | other":{"message":"Other"},"panels/application/StorageView.ts | pleaseEnterANumber":{"message":"Please enter a number"},"panels/application/StorageView.ts | serviceWorkers":{"message":"Service Workers"},"panels/application/StorageView.ts | sFailedToLoad":{"message":"{PH1} (failed to load)"},"panels/application/StorageView.ts | simulateCustomStorage":{"message":"Simulate custom storage quota"},"panels/application/StorageView.ts | SiteDataCleared":{"message":"Site data cleared"},"panels/application/StorageView.ts | storageQuotaIsLimitedIn":{"message":"Storage quota is limited in Incognito mode"},"panels/application/StorageView.ts | storageQuotaUsed":{"message":"{PH1} used out of {PH2} storage quota"},"panels/application/StorageView.ts | storageQuotaUsedWithBytes":{"message":"{PH1} bytes used out of {PH2} bytes storage quota"},"panels/application/StorageView.ts | storageTitle":{"message":"Storage"},"panels/application/StorageView.ts | storageUsage":{"message":"Storage usage"},"panels/application/StorageView.ts | storageWithCustomMarker":{"message":"{PH1} (custom)"},"panels/application/StorageView.ts | unregisterServiceWorker":{"message":"Unregister service workers"},"panels/application/StorageView.ts | usage":{"message":"Usage"},"panels/application/StorageView.ts | webSql":{"message":"Web SQL"},"panels/application/TrustTokensTreeElement.ts | trustTokens":{"message":"Private State Tokens"},"panels/browser_debugger/browser_debugger-meta.ts | contentScripts":{"message":"Content scripts"},"panels/browser_debugger/browser_debugger-meta.ts | cspViolationBreakpoints":{"message":"CSP Violation Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | domBreakpoints":{"message":"DOM Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | eventListenerBreakpoints":{"message":"Event Listener Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | globalListeners":{"message":"Global Listeners"},"panels/browser_debugger/browser_debugger-meta.ts | overrides":{"message":"Overrides"},"panels/browser_debugger/browser_debugger-meta.ts | page":{"message":"Page"},"panels/browser_debugger/browser_debugger-meta.ts | showContentScripts":{"message":"Show Content scripts"},"panels/browser_debugger/browser_debugger-meta.ts | showCspViolationBreakpoints":{"message":"Show CSP Violation Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showDomBreakpoints":{"message":"Show DOM Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showEventListenerBreakpoints":{"message":"Show Event Listener Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showGlobalListeners":{"message":"Show Global Listeners"},"panels/browser_debugger/browser_debugger-meta.ts | showOverrides":{"message":"Show Overrides"},"panels/browser_debugger/browser_debugger-meta.ts | showPage":{"message":"Show Page"},"panels/browser_debugger/browser_debugger-meta.ts | showXhrfetchBreakpoints":{"message":"Show XHR/fetch Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | xhrfetchBreakpoints":{"message":"XHR/fetch Breakpoints"},"panels/browser_debugger/CategorizedBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | attributeModified":{"message":"Attribute modified"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakOn":{"message":"Break on"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointRemoved":{"message":"Breakpoint removed"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointSet":{"message":"Breakpoint set"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | checked":{"message":"checked"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | domBreakpointsList":{"message":"DOM Breakpoints list"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | noBreakpoints":{"message":"No breakpoints"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | nodeRemoved":{"message":"Node removed"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | removeAllDomBreakpoints":{"message":"Remove all DOM breakpoints"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | revealDomNodeInElementsPanel":{"message":"Reveal DOM node in Elements panel"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sBreakpointHit":{"message":"{PH1} breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sS":{"message":"{PH1}: {PH2}"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sSS":{"message":"{PH1}: {PH2}, {PH3}"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | subtreeModified":{"message":"Subtree modified"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | unchecked":{"message":"unchecked"},"panels/browser_debugger/ObjectEventListenersSidebarPane.ts | refreshGlobalListeners":{"message":"Refresh global listeners"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | addXhrfetchBreakpoint":{"message":"Add XHR/fetch breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | anyXhrOrFetch":{"message":"Any XHR or fetch"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | breakWhenUrlContains":{"message":"Break when URL contains:"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | noBreakpoints":{"message":"No breakpoints"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | removeAllBreakpoints":{"message":"Remove all breakpoints"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | urlBreakpoint":{"message":"URL Breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | urlContainsS":{"message":"URL contains \"{PH1}\""},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | xhrfetchBreakpoints":{"message":"XHR/fetch Breakpoints"},"panels/changes/changes-meta.ts | changes":{"message":"Changes"},"panels/changes/changes-meta.ts | showChanges":{"message":"Show Changes"},"panels/changes/ChangesSidebar.ts | sFromSourceMap":{"message":"{PH1} (from source map)"},"panels/changes/ChangesView.ts | binaryData":{"message":"Binary data"},"panels/changes/ChangesView.ts | copy":{"message":"Copy"},"panels/changes/ChangesView.ts | copyAllChangesFromCurrentFile":{"message":"Copy all changes from current file"},"panels/changes/ChangesView.ts | noChanges":{"message":"No changes"},"panels/changes/ChangesView.ts | revertAllChangesToCurrentFile":{"message":"Revert all changes to current file"},"panels/changes/ChangesView.ts | sDeletions":{"message":"{n, plural, =1 {# deletion (-)} other {# deletions (-)}}"},"panels/changes/ChangesView.ts | sInsertions":{"message":"{n, plural, =1 {# insertion (+)} other {# insertions (+)}}"},"panels/console_counters/WarningErrorCounter.ts | openConsoleToViewS":{"message":"Open Console to view {PH1}"},"panels/console_counters/WarningErrorCounter.ts | openIssuesToView":{"message":"{n, plural, =1 {Open Issues to view # issue:} other {Open Issues to view # issues:}}"},"panels/console_counters/WarningErrorCounter.ts | sErrors":{"message":"{n, plural, =1 {# error} other {# errors}}"},"panels/console_counters/WarningErrorCounter.ts | sWarnings":{"message":"{n, plural, =1 {# warning} other {# warnings}}"},"panels/console/console-meta.ts | autocompleteFromHistory":{"message":"Autocomplete from history"},"panels/console/console-meta.ts | autocompleteOnEnter":{"message":"Accept autocomplete suggestion on Enter"},"panels/console/console-meta.ts | clearConsole":{"message":"Clear console"},"panels/console/console-meta.ts | clearConsoleHistory":{"message":"Clear console history"},"panels/console/console-meta.ts | collapseConsoleTraceMessagesByDefault":{"message":"Do not automatically expand console.trace() messages"},"panels/console/console-meta.ts | console":{"message":"Console"},"panels/console/console-meta.ts | createLiveExpression":{"message":"Create live expression"},"panels/console/console-meta.ts | doNotAutocompleteFromHistory":{"message":"Do not autocomplete from history"},"panels/console/console-meta.ts | doNotAutocompleteOnEnter":{"message":"Do not accept autocomplete suggestion on Enter"},"panels/console/console-meta.ts | doNotEagerlyEvaluateConsole":{"message":"Do not eagerly evaluate console prompt text"},"panels/console/console-meta.ts | doNotGroupSimilarMessagesIn":{"message":"Do not group similar messages in console"},"panels/console/console-meta.ts | doNotShowCorsErrorsIn":{"message":"Do not show CORS errors in console"},"panels/console/console-meta.ts | doNotTreatEvaluationAsUser":{"message":"Do not treat evaluation as user activation"},"panels/console/console-meta.ts | eagerEvaluation":{"message":"Eager evaluation"},"panels/console/console-meta.ts | eagerlyEvaluateConsolePromptText":{"message":"Eagerly evaluate console prompt text"},"panels/console/console-meta.ts | evaluateTriggersUserActivation":{"message":"Treat code evaluation as user action"},"panels/console/console-meta.ts | expandConsoleTraceMessagesByDefault":{"message":"Automatically expand console.trace() messages"},"panels/console/console-meta.ts | groupSimilarMessagesInConsole":{"message":"Group similar messages in console"},"panels/console/console-meta.ts | hideNetworkMessages":{"message":"Hide network messages"},"panels/console/console-meta.ts | hideTimestamps":{"message":"Hide timestamps"},"panels/console/console-meta.ts | logXmlhttprequests":{"message":"Log XMLHttpRequests"},"panels/console/console-meta.ts | onlyShowMessagesFromTheCurrent":{"message":"Only show messages from the current context (top, iframe, worker, extension)"},"panels/console/console-meta.ts | selectedContextOnly":{"message":"Selected context only"},"panels/console/console-meta.ts | showConsole":{"message":"Show Console"},"panels/console/console-meta.ts | showCorsErrorsInConsole":{"message":"Show CORS errors in console"},"panels/console/console-meta.ts | showMessagesFromAllContexts":{"message":"Show messages from all contexts"},"panels/console/console-meta.ts | showNetworkMessages":{"message":"Show network messages"},"panels/console/console-meta.ts | showTimestamps":{"message":"Show timestamps"},"panels/console/console-meta.ts | treatEvaluationAsUserActivation":{"message":"Treat evaluation as user activation"},"panels/console/ConsoleContextSelector.ts | extension":{"message":"Extension"},"panels/console/ConsoleContextSelector.ts | javascriptContextNotSelected":{"message":"JavaScript context: Not selected"},"panels/console/ConsoleContextSelector.ts | javascriptContextS":{"message":"JavaScript context: {PH1}"},"panels/console/ConsolePinPane.ts | evaluateAllowingSideEffects":{"message":"Evaluate, allowing side effects"},"panels/console/ConsolePinPane.ts | expression":{"message":"Expression"},"panels/console/ConsolePinPane.ts | liveExpressionEditor":{"message":"Live expression editor"},"panels/console/ConsolePinPane.ts | notAvailable":{"message":"not available"},"panels/console/ConsolePinPane.ts | removeAllExpressions":{"message":"Remove all expressions"},"panels/console/ConsolePinPane.ts | removeBlankExpression":{"message":"Remove blank expression"},"panels/console/ConsolePinPane.ts | removeExpression":{"message":"Remove expression"},"panels/console/ConsolePinPane.ts | removeExpressionS":{"message":"Remove expression: {PH1}"},"panels/console/ConsolePrompt.ts | consolePrompt":{"message":"Console prompt"},"panels/console/ConsoleSidebar.ts | dErrors":{"message":"{n, plural, =0 {No errors} =1 {# error} other {# errors}}"},"panels/console/ConsoleSidebar.ts | dInfo":{"message":"{n, plural, =0 {No info} =1 {# info} other {# info}}"},"panels/console/ConsoleSidebar.ts | dMessages":{"message":"{n, plural, =0 {No messages} =1 {# message} other {# messages}}"},"panels/console/ConsoleSidebar.ts | dUserMessages":{"message":"{n, plural, =0 {No user messages} =1 {# user message} other {# user messages}}"},"panels/console/ConsoleSidebar.ts | dVerbose":{"message":"{n, plural, =0 {No verbose} =1 {# verbose} other {# verbose}}"},"panels/console/ConsoleSidebar.ts | dWarnings":{"message":"{n, plural, =0 {No warnings} =1 {# warning} other {# warnings}}"},"panels/console/ConsoleSidebar.ts | other":{"message":"<other>"},"panels/console/ConsoleView.ts | allLevels":{"message":"All levels"},"panels/console/ConsoleView.ts | autocompleteFromHistory":{"message":"Autocomplete from history"},"panels/console/ConsoleView.ts | consoleCleared":{"message":"Console cleared"},"panels/console/ConsoleView.ts | consolePasteBlocked":{"message":"Pasting code is blocked on this page. Pasting code into devtools can allow attackers to take over your account."},"panels/console/ConsoleView.ts | consoleSettings":{"message":"Console settings"},"panels/console/ConsoleView.ts | consoleSidebarHidden":{"message":"Console sidebar hidden"},"panels/console/ConsoleView.ts | consoleSidebarShown":{"message":"Console sidebar shown"},"panels/console/ConsoleView.ts | copyVisibleStyledSelection":{"message":"Copy visible styled selection"},"panels/console/ConsoleView.ts | customLevels":{"message":"Custom levels"},"panels/console/ConsoleView.ts | default":{"message":"Default"},"panels/console/ConsoleView.ts | defaultLevels":{"message":"Default levels"},"panels/console/ConsoleView.ts | doNotClearLogOnPageReload":{"message":"Do not clear log on page reload / navigation"},"panels/console/ConsoleView.ts | eagerlyEvaluateTextInThePrompt":{"message":"Eagerly evaluate text in the prompt"},"panels/console/ConsoleView.ts | egEventdCdnUrlacom":{"message":"e.g. /eventd/ -cdn url:a.com"},"panels/console/ConsoleView.ts | errors":{"message":"Errors"},"panels/console/ConsoleView.ts | filter":{"message":"Filter"},"panels/console/ConsoleView.ts | filteredMessagesInConsole":{"message":"{PH1} messages in console"},"panels/console/ConsoleView.ts | findStringInLogs":{"message":"Find string in logs"},"panels/console/ConsoleView.ts | groupSimilarMessagesInConsole":{"message":"Group similar messages in console"},"panels/console/ConsoleView.ts | hideAll":{"message":"Hide all"},"panels/console/ConsoleView.ts | hideConsoleSidebar":{"message":"Hide console sidebar"},"panels/console/ConsoleView.ts | hideMessagesFromS":{"message":"Hide messages from {PH1}"},"panels/console/ConsoleView.ts | hideNetwork":{"message":"Hide network"},"panels/console/ConsoleView.ts | info":{"message":"Info"},"panels/console/ConsoleView.ts | issuesWithColon":{"message":"{n, plural, =0 {No Issues} =1 {# Issue:} other {# Issues:}}"},"panels/console/ConsoleView.ts | issueToolbarClickToGoToTheIssuesTab":{"message":"Click to go to the issues tab"},"panels/console/ConsoleView.ts | issueToolbarClickToView":{"message":"Click to view {issueEnumeration}"},"panels/console/ConsoleView.ts | issueToolbarTooltipGeneral":{"message":"Some problems no longer generate console messages, but are surfaced in the issues tab."},"panels/console/ConsoleView.ts | logLevels":{"message":"Log levels"},"panels/console/ConsoleView.ts | logLevelS":{"message":"Log level: {PH1}"},"panels/console/ConsoleView.ts | logXMLHttpRequests":{"message":"Log XMLHttpRequests"},"panels/console/ConsoleView.ts | onlyShowMessagesFromTheCurrentContext":{"message":"Only show messages from the current context (top, iframe, worker, extension)"},"panels/console/ConsoleView.ts | overriddenByFilterSidebar":{"message":"Overridden by filter sidebar"},"panels/console/ConsoleView.ts | preserveLog":{"message":"Preserve log"},"panels/console/ConsoleView.ts | replayXhr":{"message":"Replay XHR"},"panels/console/ConsoleView.ts | saveAs":{"message":"Save as..."},"panels/console/ConsoleView.ts | searching":{"message":"Searching…"},"panels/console/ConsoleView.ts | selectedContextOnly":{"message":"Selected context only"},"panels/console/ConsoleView.ts | sHidden":{"message":"{n, plural, =1 {# hidden} other {# hidden}}"},"panels/console/ConsoleView.ts | showConsoleSidebar":{"message":"Show console sidebar"},"panels/console/ConsoleView.ts | showCorsErrorsInConsole":{"message":"Show CORS errors in console"},"panels/console/ConsoleView.ts | sOnly":{"message":"{PH1} only"},"panels/console/ConsoleView.ts | treatEvaluationAsUserActivation":{"message":"Treat evaluation as user activation"},"panels/console/ConsoleView.ts | verbose":{"message":"Verbose"},"panels/console/ConsoleView.ts | warnings":{"message":"Warnings"},"panels/console/ConsoleView.ts | writingFile":{"message":"Writing file…"},"panels/console/ConsoleViewMessage.ts | assertionFailed":{"message":"Assertion failed: "},"panels/console/ConsoleViewMessage.ts | attribute":{"message":"<attribute>"},"panels/console/ConsoleViewMessage.ts | clearAllMessagesWithS":{"message":"Clear all messages with {PH1}"},"panels/console/ConsoleViewMessage.ts | cndBreakpoint":{"message":"Conditional Breakpoint"},"panels/console/ConsoleViewMessage.ts | console":{"message":"Console"},"panels/console/ConsoleViewMessage.ts | consoleclearWasPreventedDueTo":{"message":"console.clear() was prevented due to 'Preserve log'"},"panels/console/ConsoleViewMessage.ts | consoleWasCleared":{"message":"Console was cleared"},"panels/console/ConsoleViewMessage.ts | deprecationS":{"message":"[Deprecation] {PH1}"},"panels/console/ConsoleViewMessage.ts | error":{"message":"Error"},"panels/console/ConsoleViewMessage.ts | errorS":{"message":"{n, plural, =1 {Error, Repeated # time} other {Error, Repeated # times}}"},"panels/console/ConsoleViewMessage.ts | exception":{"message":"<exception>"},"panels/console/ConsoleViewMessage.ts | functionWasResolvedFromBound":{"message":"Function was resolved from bound function."},"panels/console/ConsoleViewMessage.ts | index":{"message":"(index)"},"panels/console/ConsoleViewMessage.ts | interventionS":{"message":"[Intervention] {PH1}"},"panels/console/ConsoleViewMessage.ts | logpoint":{"message":"Logpoint"},"panels/console/ConsoleViewMessage.ts | Mxx":{"message":" M<XX>"},"panels/console/ConsoleViewMessage.ts | repeatS":{"message":"{n, plural, =1 {Repeated # time} other {Repeated # times}}"},"panels/console/ConsoleViewMessage.ts | someEvent":{"message":"<some> event"},"panels/console/ConsoleViewMessage.ts | stackMessageCollapsed":{"message":"Stack table collapsed"},"panels/console/ConsoleViewMessage.ts | stackMessageExpanded":{"message":"Stack table expanded"},"panels/console/ConsoleViewMessage.ts | thisValueWasEvaluatedUponFirst":{"message":"This value was evaluated upon first expanding. It may have changed since then."},"panels/console/ConsoleViewMessage.ts | thisValueWillNotBeCollectedUntil":{"message":"This value will not be collected until console is cleared."},"panels/console/ConsoleViewMessage.ts | tookNms":{"message":"took <N>ms"},"panels/console/ConsoleViewMessage.ts | url":{"message":"<URL>"},"panels/console/ConsoleViewMessage.ts | value":{"message":"Value"},"panels/console/ConsoleViewMessage.ts | violationS":{"message":"[Violation] {PH1}"},"panels/console/ConsoleViewMessage.ts | warning":{"message":"Warning"},"panels/console/ConsoleViewMessage.ts | warningS":{"message":"{n, plural, =1 {Warning, Repeated # time} other {Warning, Repeated # times}}"},"panels/coverage/coverage-meta.ts | coverage":{"message":"Coverage"},"panels/coverage/coverage-meta.ts | instrumentCoverage":{"message":"Instrument coverage"},"panels/coverage/coverage-meta.ts | reloadPage":{"message":"Reload page"},"panels/coverage/coverage-meta.ts | showCoverage":{"message":"Show Coverage"},"panels/coverage/coverage-meta.ts | startInstrumentingCoverageAnd":{"message":"Start instrumenting coverage and reload page"},"panels/coverage/coverage-meta.ts | stopInstrumentingCoverageAndShow":{"message":"Stop instrumenting coverage and show results"},"panels/coverage/CoverageListView.ts | codeCoverage":{"message":"Code Coverage"},"panels/coverage/CoverageListView.ts | css":{"message":"CSS"},"panels/coverage/CoverageListView.ts | jsCoverageWithPerBlock":{"message":"JS coverage with per block granularity: Once a block of JavaScript was executed, that block is marked as covered."},"panels/coverage/CoverageListView.ts | jsCoverageWithPerFunction":{"message":"JS coverage with per function granularity: Once a function was executed, the whole function is marked as covered."},"panels/coverage/CoverageListView.ts | jsPerBlock":{"message":"JS (per block)"},"panels/coverage/CoverageListView.ts | jsPerFunction":{"message":"JS (per function)"},"panels/coverage/CoverageListView.ts | sBytes":{"message":"{n, plural, =1 {# byte} other {# bytes}}"},"panels/coverage/CoverageListView.ts | sBytesS":{"message":"{n, plural, =1 {# byte, {percentage}} other {# bytes, {percentage}}}"},"panels/coverage/CoverageListView.ts | sBytesSBelongToBlocksOf":{"message":"{PH1} bytes ({PH2}) belong to blocks of JavaScript that have not (yet) been executed."},"panels/coverage/CoverageListView.ts | sBytesSBelongToBlocksOfJavascript":{"message":"{PH1} bytes ({PH2}) belong to blocks of JavaScript that have executed at least once."},"panels/coverage/CoverageListView.ts | sBytesSBelongToFunctionsThatHave":{"message":"{PH1} bytes ({PH2}) belong to functions that have not (yet) been executed."},"panels/coverage/CoverageListView.ts | sBytesSBelongToFunctionsThatHaveExecuted":{"message":"{PH1} bytes ({PH2}) belong to functions that have executed at least once."},"panels/coverage/CoverageListView.ts | sOfFileUnusedSOfFileUsed":{"message":"{PH1} % of file unused, {PH2} % of file used"},"panels/coverage/CoverageListView.ts | totalBytes":{"message":"Total Bytes"},"panels/coverage/CoverageListView.ts | type":{"message":"Type"},"panels/coverage/CoverageListView.ts | unusedBytes":{"message":"Unused Bytes"},"panels/coverage/CoverageListView.ts | url":{"message":"URL"},"panels/coverage/CoverageListView.ts | usageVisualization":{"message":"Usage Visualization"},"panels/coverage/CoverageView.ts | activationNoCapture":{"message":"Could not capture coverage info because the page was prerendered in the background."},"panels/coverage/CoverageView.ts | all":{"message":"All"},"panels/coverage/CoverageView.ts | bfcacheNoCapture":{"message":"Could not capture coverage info because the page was served from the back/forward cache."},"panels/coverage/CoverageView.ts | chooseCoverageGranularityPer":{"message":"Choose coverage granularity: Per function has low overhead, per block has significant overhead."},"panels/coverage/CoverageView.ts | clearAll":{"message":"Clear all"},"panels/coverage/CoverageView.ts | clickTheRecordButtonSToStart":{"message":"Click the record button {PH1} to start capturing coverage."},"panels/coverage/CoverageView.ts | clickTheReloadButtonSToReloadAnd":{"message":"Click the reload button {PH1} to reload and start capturing coverage."},"panels/coverage/CoverageView.ts | contentScripts":{"message":"Content scripts"},"panels/coverage/CoverageView.ts | css":{"message":"CSS"},"panels/coverage/CoverageView.ts | export":{"message":"Export..."},"panels/coverage/CoverageView.ts | filterCoverageByType":{"message":"Filter coverage by type"},"panels/coverage/CoverageView.ts | filteredSTotalS":{"message":"Filtered: {PH1}  Total: {PH2}"},"panels/coverage/CoverageView.ts | includeExtensionContentScripts":{"message":"Include extension content scripts"},"panels/coverage/CoverageView.ts | javascript":{"message":"JavaScript"},"panels/coverage/CoverageView.ts | perBlock":{"message":"Per block"},"panels/coverage/CoverageView.ts | perFunction":{"message":"Per function"},"panels/coverage/CoverageView.ts | reloadPrompt":{"message":"Click the reload button {PH1} to reload and get coverage."},"panels/coverage/CoverageView.ts | sOfSSUsedSoFarSUnused":{"message":"{PH1} of {PH2} ({PH3}%) used so far, {PH4} unused."},"panels/coverage/CoverageView.ts | urlFilter":{"message":"URL filter"},"panels/css_overview/components/CSSOverviewStartView.ts | captureOverview":{"message":"Capture overview"},"panels/css_overview/components/CSSOverviewStartView.ts | capturePageCSSOverview":{"message":"Capture an overview of your page’s CSS"},"panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovements":{"message":"Identify potential CSS improvements"},"panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovementsWithExampleIssues":{"message":"Identify potential CSS improvements (e.g. low contrast issues, unused declarations, color or font mismatches)"},"panels/css_overview/components/CSSOverviewStartView.ts | locateAffectedElements":{"message":"Locate the affected elements in the Elements panel"},"panels/css_overview/components/CSSOverviewStartView.ts | quickStartWithCSSOverview":{"message":"Quick start: get started with the new CSS Overview panel"},"panels/css_overview/css_overview-meta.ts | cssOverview":{"message":"CSS Overview"},"panels/css_overview/css_overview-meta.ts | showCssOverview":{"message":"Show CSS Overview"},"panels/css_overview/CSSOverviewCompletedView.ts | aa":{"message":"AA"},"panels/css_overview/CSSOverviewCompletedView.ts | aaa":{"message":"AAA"},"panels/css_overview/CSSOverviewCompletedView.ts | apca":{"message":"APCA"},"panels/css_overview/CSSOverviewCompletedView.ts | attributeSelectors":{"message":"Attribute selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | backgroundColorsS":{"message":"Background colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | borderColorsS":{"message":"Border colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | classSelectors":{"message":"Class selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | colors":{"message":"Colors"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastIssues":{"message":"Contrast issues"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastIssuesS":{"message":"Contrast issues: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastRatio":{"message":"Contrast ratio"},"panels/css_overview/CSSOverviewCompletedView.ts | cssOverviewElements":{"message":"CSS Overview Elements"},"panels/css_overview/CSSOverviewCompletedView.ts | declaration":{"message":"Declaration"},"panels/css_overview/CSSOverviewCompletedView.ts | element":{"message":"Element"},"panels/css_overview/CSSOverviewCompletedView.ts | elements":{"message":"Elements"},"panels/css_overview/CSSOverviewCompletedView.ts | externalStylesheets":{"message":"External stylesheets"},"panels/css_overview/CSSOverviewCompletedView.ts | fillColorsS":{"message":"Fill colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | fontInfo":{"message":"Font info"},"panels/css_overview/CSSOverviewCompletedView.ts | idSelectors":{"message":"ID selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | inlineStyleElements":{"message":"Inline style elements"},"panels/css_overview/CSSOverviewCompletedView.ts | mediaQueries":{"message":"Media queries"},"panels/css_overview/CSSOverviewCompletedView.ts | nOccurrences":{"message":"{n, plural, =1 {# occurrence} other {# occurrences}}"},"panels/css_overview/CSSOverviewCompletedView.ts | nonsimpleSelectors":{"message":"Non-simple selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | overviewSummary":{"message":"Overview summary"},"panels/css_overview/CSSOverviewCompletedView.ts | showElement":{"message":"Show element"},"panels/css_overview/CSSOverviewCompletedView.ts | source":{"message":"Source"},"panels/css_overview/CSSOverviewCompletedView.ts | styleRules":{"message":"Style rules"},"panels/css_overview/CSSOverviewCompletedView.ts | textColorSOverSBackgroundResults":{"message":"Text color {PH1} over {PH2} background results in low contrast for {PH3} elements"},"panels/css_overview/CSSOverviewCompletedView.ts | textColorsS":{"message":"Text colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoFonts":{"message":"There are no fonts."},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoMediaQueries":{"message":"There are no media queries."},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoUnusedDeclarations":{"message":"There are no unused declarations."},"panels/css_overview/CSSOverviewCompletedView.ts | typeSelectors":{"message":"Type selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | universalSelectors":{"message":"Universal selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | unusedDeclarations":{"message":"Unused declarations"},"panels/css_overview/CSSOverviewProcessingView.ts | cancel":{"message":"Cancel"},"panels/css_overview/CSSOverviewSidebarPanel.ts | clearOverview":{"message":"Clear overview"},"panels/css_overview/CSSOverviewSidebarPanel.ts | cssOverviewPanelSidebar":{"message":"CSS Overview panel sidebar"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | bottomAppliedToAStatically":{"message":"Bottom applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | heightAppliedToAnInlineElement":{"message":"Height applied to an inline element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | leftAppliedToAStatically":{"message":"Left applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | rightAppliedToAStatically":{"message":"Right applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | topAppliedToAStatically":{"message":"Top applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | verticalAlignmentAppliedTo":{"message":"Vertical alignment applied to element which is neither inline nor table-cell"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | widthAppliedToAnInlineElement":{"message":"Width applied to an inline element"},"panels/developer_resources/developer_resources-meta.ts | developerResources":{"message":"Developer Resources"},"panels/developer_resources/developer_resources-meta.ts | showDeveloperResources":{"message":"Show Developer Resources"},"panels/developer_resources/DeveloperResourcesListView.ts | copyInitiatorUrl":{"message":"Copy initiator URL"},"panels/developer_resources/DeveloperResourcesListView.ts | copyUrl":{"message":"Copy URL"},"panels/developer_resources/DeveloperResourcesListView.ts | developerResources":{"message":"Developer Resources"},"panels/developer_resources/DeveloperResourcesListView.ts | error":{"message":"Error"},"panels/developer_resources/DeveloperResourcesListView.ts | failure":{"message":"failure"},"panels/developer_resources/DeveloperResourcesListView.ts | initiator":{"message":"Initiator"},"panels/developer_resources/DeveloperResourcesListView.ts | pending":{"message":"pending"},"panels/developer_resources/DeveloperResourcesListView.ts | sBytes":{"message":"{n, plural, =1 {# byte} other {# bytes}}"},"panels/developer_resources/DeveloperResourcesListView.ts | status":{"message":"Status"},"panels/developer_resources/DeveloperResourcesListView.ts | success":{"message":"success"},"panels/developer_resources/DeveloperResourcesListView.ts | totalBytes":{"message":"Total Bytes"},"panels/developer_resources/DeveloperResourcesListView.ts | url":{"message":"URL"},"panels/developer_resources/DeveloperResourcesView.ts | enableLoadingThroughTarget":{"message":"Load through website"},"panels/developer_resources/DeveloperResourcesView.ts | enterTextToSearchTheUrlAndError":{"message":"Enter text to search the URL and Error columns"},"panels/developer_resources/DeveloperResourcesView.ts | loadHttpsDeveloperResources":{"message":"Load HTTP(S) developer resources through the website you inspect, not through DevTools"},"panels/developer_resources/DeveloperResourcesView.ts | resources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/developer_resources/DeveloperResourcesView.ts | resourcesCurrentlyLoading":{"message":"{PH1} resources, {PH2} currently loading"},"panels/elements/ClassesPaneWidget.ts | addNewClass":{"message":"Add new class"},"panels/elements/ClassesPaneWidget.ts | classesSAdded":{"message":"Classes {PH1} added"},"panels/elements/ClassesPaneWidget.ts | classSAdded":{"message":"Class {PH1} added"},"panels/elements/ClassesPaneWidget.ts | elementClasses":{"message":"Element Classes"},"panels/elements/ColorSwatchPopoverIcon.ts | openCubicBezierEditor":{"message":"Open cubic bezier editor"},"panels/elements/ColorSwatchPopoverIcon.ts | openShadowEditor":{"message":"Open shadow editor"},"panels/elements/components/AccessibilityTreeNode.ts | ignored":{"message":"Ignored"},"panels/elements/components/AdornerSettingsPane.ts | closeButton":{"message":"Close"},"panels/elements/components/AdornerSettingsPane.ts | settingsTitle":{"message":"Show badges"},"panels/elements/components/CSSHintDetailsView.ts | learnMore":{"message":"Learn More"},"panels/elements/components/CSSPropertyDocsView.ts | dontShow":{"message":"Don't show"},"panels/elements/components/CSSPropertyDocsView.ts | learnMore":{"message":"Learn more"},"panels/elements/components/ElementsBreadcrumbs.ts | breadcrumbs":{"message":"DOM tree breadcrumbs"},"panels/elements/components/ElementsBreadcrumbs.ts | scrollLeft":{"message":"Scroll left"},"panels/elements/components/ElementsBreadcrumbs.ts | scrollRight":{"message":"Scroll right"},"panels/elements/components/ElementsBreadcrumbsUtils.ts | text":{"message":"(text)"},"panels/elements/components/LayoutPane.ts | chooseElementOverlayColor":{"message":"Choose the overlay color for this element"},"panels/elements/components/LayoutPane.ts | colorPickerOpened":{"message":"Color picker opened."},"panels/elements/components/LayoutPane.ts | flexbox":{"message":"Flexbox"},"panels/elements/components/LayoutPane.ts | flexboxOverlays":{"message":"Flexbox overlays"},"panels/elements/components/LayoutPane.ts | grid":{"message":"Grid"},"panels/elements/components/LayoutPane.ts | gridOverlays":{"message":"Grid overlays"},"panels/elements/components/LayoutPane.ts | noFlexboxLayoutsFoundOnThisPage":{"message":"No flexbox layouts found on this page"},"panels/elements/components/LayoutPane.ts | noGridLayoutsFoundOnThisPage":{"message":"No grid layouts found on this page"},"panels/elements/components/LayoutPane.ts | overlayDisplaySettings":{"message":"Overlay display settings"},"panels/elements/components/LayoutPane.ts | showElementInTheElementsPanel":{"message":"Show element in the Elements panel"},"panels/elements/components/StylePropertyEditor.ts | deselectButton":{"message":"Remove {propertyName}: {propertyValue}"},"panels/elements/components/StylePropertyEditor.ts | selectButton":{"message":"Add {propertyName}: {propertyValue}"},"panels/elements/ComputedStyleWidget.ts | filter":{"message":"Filter"},"panels/elements/ComputedStyleWidget.ts | filterComputedStyles":{"message":"Filter Computed Styles"},"panels/elements/ComputedStyleWidget.ts | group":{"message":"Group"},"panels/elements/ComputedStyleWidget.ts | navigateToSelectorSource":{"message":"Navigate to selector source"},"panels/elements/ComputedStyleWidget.ts | navigateToStyle":{"message":"Navigate to style"},"panels/elements/ComputedStyleWidget.ts | noMatchingProperty":{"message":"No matching property"},"panels/elements/ComputedStyleWidget.ts | showAll":{"message":"Show all"},"panels/elements/CSSRuleValidator.ts | fontVariationSettingsWarning":{"message":"Value for setting “{PH1}” {PH2} is outside the supported range [{PH3}, {PH4}] for font-family “{PH5}”."},"panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix":{"message":"Try setting the {EXISTING_PARENT_ELEMENT_RULE} property on the parent to {TARGET_PARENT_ELEMENT_RULE}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason":{"message":"The {REASON_PROPERTY_DECLARATION_CODE} property on the parent element prevents {AFFECTED_PROPERTY_DECLARATION_CODE} from having an effect."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleChangeSuggestion":{"message":"Try setting the {EXISTING_PROPERTY_DECLARATION} property to {TARGET_PROPERTY_DECLARATION}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix":{"message":"Try setting {PROPERTY_NAME} to something other than {PROPERTY_VALUE}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason":{"message":"The {REASON_PROPERTY_DECLARATION_CODE} property prevents {AFFECTED_PROPERTY_DECLARATION_CODE} from having an effect."},"panels/elements/DOMLinkifier.ts | node":{"message":"<node>"},"panels/elements/elements-meta.ts | captureAreaScreenshot":{"message":"Capture area screenshot"},"panels/elements/elements-meta.ts | copyStyles":{"message":"Copy styles"},"panels/elements/elements-meta.ts | disableDomWordWrap":{"message":"Disable DOM word wrap"},"panels/elements/elements-meta.ts | duplicateElement":{"message":"Duplicate element"},"panels/elements/elements-meta.ts | editAsHtml":{"message":"Edit as HTML"},"panels/elements/elements-meta.ts | elements":{"message":"Elements"},"panels/elements/elements-meta.ts | enableDomWordWrap":{"message":"Enable DOM word wrap"},"panels/elements/elements-meta.ts | eventListeners":{"message":"Event Listeners"},"panels/elements/elements-meta.ts | hideElement":{"message":"Hide element"},"panels/elements/elements-meta.ts | hideHtmlComments":{"message":"Hide HTML comments"},"panels/elements/elements-meta.ts | layout":{"message":"Layout"},"panels/elements/elements-meta.ts | properties":{"message":"Properties"},"panels/elements/elements-meta.ts | redo":{"message":"Redo"},"panels/elements/elements-meta.ts | revealDomNodeOnHover":{"message":"Reveal DOM node on hover"},"panels/elements/elements-meta.ts | selectAnElementInThePageTo":{"message":"Select an element in the page to inspect it"},"panels/elements/elements-meta.ts | showComputedStyles":{"message":"Show Computed Styles"},"panels/elements/elements-meta.ts | showCSSDocumentationTooltip":{"message":"Show CSS documentation tooltip"},"panels/elements/elements-meta.ts | showDetailedInspectTooltip":{"message":"Show detailed inspect tooltip"},"panels/elements/elements-meta.ts | showElements":{"message":"Show Elements"},"panels/elements/elements-meta.ts | showEventListeners":{"message":"Show Event Listeners"},"panels/elements/elements-meta.ts | showHtmlComments":{"message":"Show HTML comments"},"panels/elements/elements-meta.ts | showLayout":{"message":"Show Layout"},"panels/elements/elements-meta.ts | showProperties":{"message":"Show Properties"},"panels/elements/elements-meta.ts | showStackTrace":{"message":"Show Stack Trace"},"panels/elements/elements-meta.ts | showStyles":{"message":"Show Styles"},"panels/elements/elements-meta.ts | showUserAgentShadowDOM":{"message":"Show user agent shadow DOM"},"panels/elements/elements-meta.ts | stackTrace":{"message":"Stack Trace"},"panels/elements/elements-meta.ts | toggleEyeDropper":{"message":"Toggle eye dropper"},"panels/elements/elements-meta.ts | undo":{"message":"Undo"},"panels/elements/elements-meta.ts | wordWrap":{"message":"Word wrap"},"panels/elements/ElementsPanel.ts | computed":{"message":"Computed"},"panels/elements/ElementsPanel.ts | computedStylesHidden":{"message":"Computed Styles sidebar hidden"},"panels/elements/ElementsPanel.ts | computedStylesShown":{"message":"Computed Styles sidebar shown"},"panels/elements/ElementsPanel.ts | domTreeExplorer":{"message":"DOM tree explorer"},"panels/elements/ElementsPanel.ts | elementStateS":{"message":"Element state: {PH1}"},"panels/elements/ElementsPanel.ts | findByStringSelectorOrXpath":{"message":"Find by string, selector, or XPath"},"panels/elements/ElementsPanel.ts | hideComputedStylesSidebar":{"message":"Hide Computed Styles sidebar"},"panels/elements/ElementsPanel.ts | nodeCannotBeFoundInTheCurrent":{"message":"Node cannot be found in the current page."},"panels/elements/ElementsPanel.ts | revealInElementsPanel":{"message":"Reveal in Elements panel"},"panels/elements/ElementsPanel.ts | showComputedStylesSidebar":{"message":"Show Computed Styles sidebar"},"panels/elements/ElementsPanel.ts | sidePanelContent":{"message":"Side panel content"},"panels/elements/ElementsPanel.ts | sidePanelToolbar":{"message":"Side panel toolbar"},"panels/elements/ElementsPanel.ts | styles":{"message":"Styles"},"panels/elements/ElementsPanel.ts | switchToAccessibilityTreeView":{"message":"Switch to Accessibility Tree view"},"panels/elements/ElementsPanel.ts | switchToDomTreeView":{"message":"Switch to DOM Tree view"},"panels/elements/ElementsPanel.ts | theDeferredDomNodeCouldNotBe":{"message":"The deferred DOM Node could not be resolved to a valid node."},"panels/elements/ElementsPanel.ts | theRemoteObjectCouldNotBe":{"message":"The remote object could not be resolved to a valid node."},"panels/elements/ElementStatePaneWidget.ts | forceElementState":{"message":"Force element state"},"panels/elements/ElementStatePaneWidget.ts | toggleElementState":{"message":"Toggle Element State"},"panels/elements/ElementsTreeElement.ts | addAttribute":{"message":"Add attribute"},"panels/elements/ElementsTreeElement.ts | captureNodeScreenshot":{"message":"Capture node screenshot"},"panels/elements/ElementsTreeElement.ts | children":{"message":"Children:"},"panels/elements/ElementsTreeElement.ts | collapseChildren":{"message":"Collapse children"},"panels/elements/ElementsTreeElement.ts | copy":{"message":"Copy"},"panels/elements/ElementsTreeElement.ts | copyElement":{"message":"Copy element"},"panels/elements/ElementsTreeElement.ts | copyFullXpath":{"message":"Copy full XPath"},"panels/elements/ElementsTreeElement.ts | copyJsPath":{"message":"Copy JS path"},"panels/elements/ElementsTreeElement.ts | copyOuterhtml":{"message":"Copy outerHTML"},"panels/elements/ElementsTreeElement.ts | copySelector":{"message":"Copy selector"},"panels/elements/ElementsTreeElement.ts | copyStyles":{"message":"Copy styles"},"panels/elements/ElementsTreeElement.ts | copyXpath":{"message":"Copy XPath"},"panels/elements/ElementsTreeElement.ts | cut":{"message":"Cut"},"panels/elements/ElementsTreeElement.ts | deleteElement":{"message":"Delete element"},"panels/elements/ElementsTreeElement.ts | disableFlexMode":{"message":"Disable flex mode"},"panels/elements/ElementsTreeElement.ts | disableGridMode":{"message":"Disable grid mode"},"panels/elements/ElementsTreeElement.ts | disableScrollSnap":{"message":"Disable scroll-snap overlay"},"panels/elements/ElementsTreeElement.ts | duplicateElement":{"message":"Duplicate element"},"panels/elements/ElementsTreeElement.ts | editAsHtml":{"message":"Edit as HTML"},"panels/elements/ElementsTreeElement.ts | editAttribute":{"message":"Edit attribute"},"panels/elements/ElementsTreeElement.ts | editText":{"message":"Edit text"},"panels/elements/ElementsTreeElement.ts | enableFlexMode":{"message":"Enable flex mode"},"panels/elements/ElementsTreeElement.ts | enableGridMode":{"message":"Enable grid mode"},"panels/elements/ElementsTreeElement.ts | enableScrollSnap":{"message":"Enable scroll-snap overlay"},"panels/elements/ElementsTreeElement.ts | expandRecursively":{"message":"Expand recursively"},"panels/elements/ElementsTreeElement.ts | focus":{"message":"Focus"},"panels/elements/ElementsTreeElement.ts | forceState":{"message":"Force state"},"panels/elements/ElementsTreeElement.ts | hideElement":{"message":"Hide element"},"panels/elements/ElementsTreeElement.ts | paste":{"message":"Paste"},"panels/elements/ElementsTreeElement.ts | scrollIntoView":{"message":"Scroll into view"},"panels/elements/ElementsTreeElement.ts | showFrameDetails":{"message":"Show iframe details"},"panels/elements/ElementsTreeElement.ts | thisFrameWasIdentifiedAsAnAd":{"message":"This frame was identified as an ad frame"},"panels/elements/ElementsTreeElement.ts | useSInTheConsoleToReferToThis":{"message":"Use {PH1} in the console to refer to this element."},"panels/elements/ElementsTreeElement.ts | valueIsTooLargeToEdit":{"message":"<value is too large to edit>"},"panels/elements/ElementsTreeOutline.ts | adornerSettings":{"message":"Badge settings…"},"panels/elements/ElementsTreeOutline.ts | pageDom":{"message":"Page DOM"},"panels/elements/ElementsTreeOutline.ts | reveal":{"message":"reveal"},"panels/elements/ElementsTreeOutline.ts | showAllNodesDMore":{"message":"Show All Nodes ({PH1} More)"},"panels/elements/ElementsTreeOutline.ts | storeAsGlobalVariable":{"message":"Store as global variable"},"panels/elements/EventListenersWidget.ts | all":{"message":"All"},"panels/elements/EventListenersWidget.ts | ancestors":{"message":"Ancestors"},"panels/elements/EventListenersWidget.ts | blocking":{"message":"Blocking"},"panels/elements/EventListenersWidget.ts | eventListenersCategory":{"message":"Event listeners category"},"panels/elements/EventListenersWidget.ts | frameworkListeners":{"message":"Framework listeners"},"panels/elements/EventListenersWidget.ts | passive":{"message":"Passive"},"panels/elements/EventListenersWidget.ts | refresh":{"message":"Refresh"},"panels/elements/EventListenersWidget.ts | resolveEventListenersBoundWith":{"message":"Resolve event listeners bound with framework"},"panels/elements/EventListenersWidget.ts | showListenersOnTheAncestors":{"message":"Show listeners on the ancestors"},"panels/elements/LayersWidget.ts | cssLayersTitle":{"message":"CSS layers"},"panels/elements/LayersWidget.ts | toggleCSSLayers":{"message":"Toggle CSS Layers view"},"panels/elements/MarkerDecorator.ts | domBreakpoint":{"message":"DOM Breakpoint"},"panels/elements/MarkerDecorator.ts | elementIsHidden":{"message":"Element is hidden"},"panels/elements/NodeStackTraceWidget.ts | noStackTraceAvailable":{"message":"No stack trace available"},"panels/elements/PlatformFontsWidget.ts | dGlyphs":{"message":"{n, plural, =1 {(# glyph)} other {(# glyphs)}}"},"panels/elements/PlatformFontsWidget.ts | localFile":{"message":"Local file"},"panels/elements/PlatformFontsWidget.ts | networkResource":{"message":"Network resource"},"panels/elements/PlatformFontsWidget.ts | renderedFonts":{"message":"Rendered Fonts"},"panels/elements/PropertiesWidget.ts | filter":{"message":"Filter"},"panels/elements/PropertiesWidget.ts | filterProperties":{"message":"Filter Properties"},"panels/elements/PropertiesWidget.ts | noMatchingProperty":{"message":"No matching property"},"panels/elements/PropertiesWidget.ts | showAll":{"message":"Show all"},"panels/elements/PropertiesWidget.ts | showAllTooltip":{"message":"When unchecked, only properties whose values are neither null nor undefined will be shown"},"panels/elements/StylePropertiesSection.ts | constructedStylesheet":{"message":"constructed stylesheet"},"panels/elements/StylePropertiesSection.ts | copyAllCSSChanges":{"message":"Copy all CSS changes"},"panels/elements/StylePropertiesSection.ts | copyAllDeclarations":{"message":"Copy all declarations"},"panels/elements/StylePropertiesSection.ts | copyRule":{"message":"Copy rule"},"panels/elements/StylePropertiesSection.ts | copySelector":{"message":"Copy selector"},"panels/elements/StylePropertiesSection.ts | cssSelector":{"message":"CSS selector"},"panels/elements/StylePropertiesSection.ts | injectedStylesheet":{"message":"injected stylesheet"},"panels/elements/StylePropertiesSection.ts | insertStyleRuleBelow":{"message":"Insert Style Rule Below"},"panels/elements/StylePropertiesSection.ts | sattributesStyle":{"message":"{PH1}[Attributes Style]"},"panels/elements/StylePropertiesSection.ts | showAllPropertiesSMore":{"message":"Show All Properties ({PH1} more)"},"panels/elements/StylePropertiesSection.ts | styleAttribute":{"message":"style attribute"},"panels/elements/StylePropertiesSection.ts | userAgentStylesheet":{"message":"user agent stylesheet"},"panels/elements/StylePropertiesSection.ts | viaInspector":{"message":"via inspector"},"panels/elements/StylePropertyTreeElement.ts | copyAllCSSChanges":{"message":"Copy all CSS changes"},"panels/elements/StylePropertyTreeElement.ts | copyAllCssDeclarationsAsJs":{"message":"Copy all declarations as JS"},"panels/elements/StylePropertyTreeElement.ts | copyAllDeclarations":{"message":"Copy all declarations"},"panels/elements/StylePropertyTreeElement.ts | copyCssDeclarationAsJs":{"message":"Copy declaration as JS"},"panels/elements/StylePropertyTreeElement.ts | copyDeclaration":{"message":"Copy declaration"},"panels/elements/StylePropertyTreeElement.ts | copyProperty":{"message":"Copy property"},"panels/elements/StylePropertyTreeElement.ts | copyRule":{"message":"Copy rule"},"panels/elements/StylePropertyTreeElement.ts | copyValue":{"message":"Copy value"},"panels/elements/StylePropertyTreeElement.ts | flexboxEditorButton":{"message":"Open flexbox editor"},"panels/elements/StylePropertyTreeElement.ts | gridEditorButton":{"message":"Open grid editor"},"panels/elements/StylePropertyTreeElement.ts | openColorPickerS":{"message":"Open color picker. {PH1}"},"panels/elements/StylePropertyTreeElement.ts | revealInSourcesPanel":{"message":"Reveal in Sources panel"},"panels/elements/StylePropertyTreeElement.ts | shiftClickToChangeColorFormat":{"message":"Shift + Click to change color format."},"panels/elements/StylePropertyTreeElement.ts | togglePropertyAndContinueEditing":{"message":"Toggle property and continue editing"},"panels/elements/StylePropertyTreeElement.ts | viewComputedValue":{"message":"View computed value"},"panels/elements/StylesSidebarPane.ts | automaticDarkMode":{"message":"Automatic dark mode"},"panels/elements/StylesSidebarPane.ts | clickToRevealLayer":{"message":"Click to reveal layer in layer tree"},"panels/elements/StylesSidebarPane.ts | copiedToClipboard":{"message":"Copied to clipboard"},"panels/elements/StylesSidebarPane.ts | copyAllCSSChanges":{"message":"Copy CSS changes"},"panels/elements/StylesSidebarPane.ts | cssPropertyName":{"message":"CSS property name: {PH1}"},"panels/elements/StylesSidebarPane.ts | cssPropertyValue":{"message":"CSS property value: {PH1}"},"panels/elements/StylesSidebarPane.ts | filter":{"message":"Filter"},"panels/elements/StylesSidebarPane.ts | filterStyles":{"message":"Filter Styles"},"panels/elements/StylesSidebarPane.ts | incrementdecrementWithMousewheelHundred":{"message":"Increment/decrement with mousewheel or up/down keys. {PH1}: ±100, Shift: ±10, Alt: ±0.1"},"panels/elements/StylesSidebarPane.ts | incrementdecrementWithMousewheelOne":{"message":"Increment/decrement with mousewheel or up/down keys. {PH1}: R ±1, Shift: G ±1, Alt: B ±1"},"panels/elements/StylesSidebarPane.ts | inheritedFroms":{"message":"Inherited from "},"panels/elements/StylesSidebarPane.ts | inheritedFromSPseudoOf":{"message":"Inherited from ::{PH1} pseudo of "},"panels/elements/StylesSidebarPane.ts | invalidPropertyValue":{"message":"Invalid property value"},"panels/elements/StylesSidebarPane.ts | invalidString":{"message":"{PH1}, property name: {PH2}, property value: {PH3}"},"panels/elements/StylesSidebarPane.ts | layer":{"message":"Layer"},"panels/elements/StylesSidebarPane.ts | newStyleRule":{"message":"New Style Rule"},"panels/elements/StylesSidebarPane.ts | noMatchingSelectorOrStyle":{"message":"No matching selector or style"},"panels/elements/StylesSidebarPane.ts | pseudoSElement":{"message":"Pseudo ::{PH1} element"},"panels/elements/StylesSidebarPane.ts | specificity":{"message":"Specificity: {PH1}"},"panels/elements/StylesSidebarPane.ts | toggleRenderingEmulations":{"message":"Toggle common rendering emulations"},"panels/elements/StylesSidebarPane.ts | unknownPropertyName":{"message":"Unknown property name"},"panels/elements/StylesSidebarPane.ts | visibleSelectors":{"message":"{n, plural, =1 {# visible selector listed below} other {# visible selectors listed below}}"},"panels/elements/TopLayerContainer.ts | reveal":{"message":"reveal"},"panels/emulation/DeviceModeToolbar.ts | addDevicePixelRatio":{"message":"Add device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | addDeviceType":{"message":"Add device type"},"panels/emulation/DeviceModeToolbar.ts | autoadjustZoom":{"message":"Auto-adjust zoom"},"panels/emulation/DeviceModeToolbar.ts | closeDevtools":{"message":"Close DevTools"},"panels/emulation/DeviceModeToolbar.ts | defaultF":{"message":"Default: {PH1}"},"panels/emulation/DeviceModeToolbar.ts | devicePixelRatio":{"message":"Device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | deviceType":{"message":"Device type"},"panels/emulation/DeviceModeToolbar.ts | dimensions":{"message":"Dimensions"},"panels/emulation/DeviceModeToolbar.ts | edit":{"message":"Edit…"},"panels/emulation/DeviceModeToolbar.ts | experimentalWebPlatformFeature":{"message":"\"Experimental Web Platform Feature\" flag is enabled. Click to disable it."},"panels/emulation/DeviceModeToolbar.ts | experimentalWebPlatformFeatureFlag":{"message":"\"Experimental Web Platform Feature\" flag is disabled. Click to enable it."},"panels/emulation/DeviceModeToolbar.ts | fitToWindowF":{"message":"Fit to window ({PH1}%)"},"panels/emulation/DeviceModeToolbar.ts | heightLeaveEmptyForFull":{"message":"Height (leave empty for full)"},"panels/emulation/DeviceModeToolbar.ts | hideDeviceFrame":{"message":"Hide device frame"},"panels/emulation/DeviceModeToolbar.ts | hideMediaQueries":{"message":"Hide media queries"},"panels/emulation/DeviceModeToolbar.ts | hideRulers":{"message":"Hide rulers"},"panels/emulation/DeviceModeToolbar.ts | landscape":{"message":"Landscape"},"panels/emulation/DeviceModeToolbar.ts | moreOptions":{"message":"More options"},"panels/emulation/DeviceModeToolbar.ts | none":{"message":"None"},"panels/emulation/DeviceModeToolbar.ts | portrait":{"message":"Portrait"},"panels/emulation/DeviceModeToolbar.ts | removeDevicePixelRatio":{"message":"Remove device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | removeDeviceType":{"message":"Remove device type"},"panels/emulation/DeviceModeToolbar.ts | resetToDefaults":{"message":"Reset to defaults"},"panels/emulation/DeviceModeToolbar.ts | responsive":{"message":"Responsive"},"panels/emulation/DeviceModeToolbar.ts | rotate":{"message":"Rotate"},"panels/emulation/DeviceModeToolbar.ts | screenOrientationOptions":{"message":"Screen orientation options"},"panels/emulation/DeviceModeToolbar.ts | showDeviceFrame":{"message":"Show device frame"},"panels/emulation/DeviceModeToolbar.ts | showMediaQueries":{"message":"Show media queries"},"panels/emulation/DeviceModeToolbar.ts | showRulers":{"message":"Show rulers"},"panels/emulation/DeviceModeToolbar.ts | toggleDualscreenMode":{"message":"Toggle dual-screen mode"},"panels/emulation/DeviceModeToolbar.ts | width":{"message":"Width"},"panels/emulation/DeviceModeToolbar.ts | zoom":{"message":"Zoom"},"panels/emulation/DeviceModeView.ts | doubleclickForFullHeight":{"message":"Double-click for full height"},"panels/emulation/DeviceModeView.ts | laptop":{"message":"Laptop"},"panels/emulation/DeviceModeView.ts | laptopL":{"message":"Laptop L"},"panels/emulation/DeviceModeView.ts | mobileL":{"message":"Mobile L"},"panels/emulation/DeviceModeView.ts | mobileM":{"message":"Mobile M"},"panels/emulation/DeviceModeView.ts | mobileS":{"message":"Mobile S"},"panels/emulation/DeviceModeView.ts | tablet":{"message":"Tablet"},"panels/emulation/emulation-meta.ts | captureFullSizeScreenshot":{"message":"Capture full size screenshot"},"panels/emulation/emulation-meta.ts | captureNodeScreenshot":{"message":"Capture node screenshot"},"panels/emulation/emulation-meta.ts | captureScreenshot":{"message":"Capture screenshot"},"panels/emulation/emulation-meta.ts | device":{"message":"device"},"panels/emulation/emulation-meta.ts | hideDeviceFrame":{"message":"Hide device frame"},"panels/emulation/emulation-meta.ts | hideMediaQueries":{"message":"Hide media queries"},"panels/emulation/emulation-meta.ts | hideRulers":{"message":"Hide rulers in the Device Mode toolbar"},"panels/emulation/emulation-meta.ts | showDeviceFrame":{"message":"Show device frame"},"panels/emulation/emulation-meta.ts | showMediaQueries":{"message":"Show media queries"},"panels/emulation/emulation-meta.ts | showRulers":{"message":"Show rulers in the Device Mode toolbar"},"panels/emulation/emulation-meta.ts | toggleDeviceToolbar":{"message":"Toggle device toolbar"},"panels/emulation/MediaQueryInspector.ts | revealInSourceCode":{"message":"Reveal in source code"},"panels/event_listeners/EventListenersView.ts | deleteEventListener":{"message":"Delete event listener"},"panels/event_listeners/EventListenersView.ts | noEventListeners":{"message":"No event listeners"},"panels/event_listeners/EventListenersView.ts | passive":{"message":"Passive"},"panels/event_listeners/EventListenersView.ts | remove":{"message":"Remove"},"panels/event_listeners/EventListenersView.ts | revealInElementsPanel":{"message":"Reveal in Elements panel"},"panels/event_listeners/EventListenersView.ts | togglePassive":{"message":"Toggle Passive"},"panels/event_listeners/EventListenersView.ts | toggleWhetherEventListenerIs":{"message":"Toggle whether event listener is passive or blocking"},"panels/issues/AffectedBlockedByResponseView.ts | blockedResource":{"message":"Blocked Resource"},"panels/issues/AffectedBlockedByResponseView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/AffectedBlockedByResponseView.ts | parentFrame":{"message":"Parent Frame"},"panels/issues/AffectedBlockedByResponseView.ts | requestC":{"message":"Request"},"panels/issues/AffectedCookiesView.ts | domain":{"message":"Domain"},"panels/issues/AffectedCookiesView.ts | filterSetCookieTitle":{"message":"Show network requests that include this Set-Cookie header in the network panel"},"panels/issues/AffectedCookiesView.ts | name":{"message":"Name"},"panels/issues/AffectedCookiesView.ts | nCookies":{"message":"{n, plural, =1 {# cookie} other {# cookies}}"},"panels/issues/AffectedCookiesView.ts | nRawCookieLines":{"message":"{n, plural, =1 {1 Raw Set-Cookie header} other {# Raw Set-Cookie headers}}"},"panels/issues/AffectedCookiesView.ts | path":{"message":"Path"},"panels/issues/AffectedDirectivesView.ts | blocked":{"message":"blocked"},"panels/issues/AffectedDirectivesView.ts | clickToRevealTheViolatingDomNode":{"message":"Click to reveal the violating DOM node in the Elements panel"},"panels/issues/AffectedDirectivesView.ts | directiveC":{"message":"Directive"},"panels/issues/AffectedDirectivesView.ts | element":{"message":"Element"},"panels/issues/AffectedDirectivesView.ts | nDirectives":{"message":"{n, plural, =1 {# directive} other {# directives}}"},"panels/issues/AffectedDirectivesView.ts | reportonly":{"message":"report-only"},"panels/issues/AffectedDirectivesView.ts | resourceC":{"message":"Resource"},"panels/issues/AffectedDirectivesView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/AffectedDirectivesView.ts | status":{"message":"Status"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | documentInTheDOMTree":{"message":"Document in the DOM tree"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | mode":{"message":"Mode"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | nDocuments":{"message":"{n, plural, =1 { document} other { documents}}"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | url":{"message":"URL"},"panels/issues/AffectedElementsView.ts | nElements":{"message":"{n, plural, =1 {# element} other {# elements}}"},"panels/issues/AffectedElementsWithLowContrastView.ts | contrastRatio":{"message":"Contrast ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | element":{"message":"Element"},"panels/issues/AffectedElementsWithLowContrastView.ts | minimumAA":{"message":"Minimum AA ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | minimumAAA":{"message":"Minimum AAA ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | textSize":{"message":"Text size"},"panels/issues/AffectedElementsWithLowContrastView.ts | textWeight":{"message":"Text weight"},"panels/issues/AffectedHeavyAdView.ts | cpuPeakLimit":{"message":"CPU peak limit"},"panels/issues/AffectedHeavyAdView.ts | cpuTotalLimit":{"message":"CPU total limit"},"panels/issues/AffectedHeavyAdView.ts | frameUrl":{"message":"Frame URL"},"panels/issues/AffectedHeavyAdView.ts | limitExceeded":{"message":"Limit exceeded"},"panels/issues/AffectedHeavyAdView.ts | networkLimit":{"message":"Network limit"},"panels/issues/AffectedHeavyAdView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/AffectedHeavyAdView.ts | removed":{"message":"Removed"},"panels/issues/AffectedHeavyAdView.ts | resolutionStatus":{"message":"Resolution Status"},"panels/issues/AffectedHeavyAdView.ts | warned":{"message":"Warned"},"panels/issues/AffectedResourcesView.ts | clickToRevealTheFramesDomNodeIn":{"message":"Click to reveal the frame's DOM node in the Elements panel"},"panels/issues/AffectedResourcesView.ts | unavailable":{"message":"unavailable"},"panels/issues/AffectedResourcesView.ts | unknown":{"message":"unknown"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | aSharedarraybufferWas":{"message":"A SharedArrayBuffer was instantiated in a context that is not cross-origin isolated"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | blocked":{"message":"blocked"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | instantiation":{"message":"Instantiation"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | nViolations":{"message":"{n, plural, =1 {# violation} other {# violations}}"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | sharedarraybufferWasTransferedTo":{"message":"SharedArrayBuffer was transfered to a context that is not cross-origin isolated"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | status":{"message":"Status"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | transfer":{"message":"Transfer"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | trigger":{"message":"Trigger"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | warning":{"message":"warning"},"panels/issues/AffectedSourcesView.ts | nSources":{"message":"{n, plural, =1 {# source} other {# sources}}"},"panels/issues/AffectedTrackingSitesView.ts | nTrackingSites":{"message":"{n, plural, =1 {1 potentially tracking website} other {# potentially tracking websites}}"},"panels/issues/AttributionReportingIssueDetailsView.ts | element":{"message":"Element"},"panels/issues/AttributionReportingIssueDetailsView.ts | invalidHeaderValue":{"message":"Invalid Header Value"},"panels/issues/AttributionReportingIssueDetailsView.ts | nViolations":{"message":"{n, plural, =1 {# violation} other {# violations}}"},"panels/issues/AttributionReportingIssueDetailsView.ts | request":{"message":"Request"},"panels/issues/AttributionReportingIssueDetailsView.ts | untrustworthyOrigin":{"message":"Untrustworthy origin"},"panels/issues/ComboBoxOfCheckBoxes.ts | genericMenuLabel":{"message":"Menu"},"panels/issues/components/HideIssuesMenu.ts | tooltipTitle":{"message":"Hide issues"},"panels/issues/CorsIssueDetailsView.ts | allowCredentialsValueFromHeader":{"message":"Access-Control-Allow-Credentials Header Value"},"panels/issues/CorsIssueDetailsView.ts | allowedOrigin":{"message":"Allowed Origin (from header)"},"panels/issues/CorsIssueDetailsView.ts | blocked":{"message":"blocked"},"panels/issues/CorsIssueDetailsView.ts | disallowedRequestHeader":{"message":"Disallowed Request Header"},"panels/issues/CorsIssueDetailsView.ts | disallowedRequestMethod":{"message":"Disallowed Request Method"},"panels/issues/CorsIssueDetailsView.ts | failedRequest":{"message":"Failed Request"},"panels/issues/CorsIssueDetailsView.ts | header":{"message":"Header"},"panels/issues/CorsIssueDetailsView.ts | initiatorAddressSpace":{"message":"Initiator Address"},"panels/issues/CorsIssueDetailsView.ts | initiatorContext":{"message":"Initiator Context"},"panels/issues/CorsIssueDetailsView.ts | insecure":{"message":"insecure"},"panels/issues/CorsIssueDetailsView.ts | invalidValue":{"message":"Invalid Value (if available)"},"panels/issues/CorsIssueDetailsView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/CorsIssueDetailsView.ts | preflightDisallowedRedirect":{"message":"Response to preflight was a redirect"},"panels/issues/CorsIssueDetailsView.ts | preflightInvalidStatus":{"message":"HTTP status of preflight request didn't indicate success"},"panels/issues/CorsIssueDetailsView.ts | preflightRequest":{"message":"Preflight Request"},"panels/issues/CorsIssueDetailsView.ts | preflightRequestIfProblematic":{"message":"Preflight Request (if problematic)"},"panels/issues/CorsIssueDetailsView.ts | problem":{"message":"Problem"},"panels/issues/CorsIssueDetailsView.ts | problemInvalidValue":{"message":"Invalid Value"},"panels/issues/CorsIssueDetailsView.ts | problemMissingHeader":{"message":"Missing Header"},"panels/issues/CorsIssueDetailsView.ts | problemMultipleValues":{"message":"Multiple Values"},"panels/issues/CorsIssueDetailsView.ts | request":{"message":"Request"},"panels/issues/CorsIssueDetailsView.ts | resourceAddressSpace":{"message":"Resource Address"},"panels/issues/CorsIssueDetailsView.ts | secure":{"message":"secure"},"panels/issues/CorsIssueDetailsView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/CorsIssueDetailsView.ts | status":{"message":"Status"},"panels/issues/CorsIssueDetailsView.ts | unsupportedScheme":{"message":"Unsupported Scheme"},"panels/issues/CorsIssueDetailsView.ts | warning":{"message":"warning"},"panels/issues/CSPViolationsView.ts | filter":{"message":"Filter"},"panels/issues/GenericIssueDetailsView.ts | frameId":{"message":"Frame"},"panels/issues/GenericIssueDetailsView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/GenericIssueDetailsView.ts | violatingNode":{"message":"Violating node"},"panels/issues/HiddenIssuesRow.ts | hiddenIssues":{"message":"Hidden issues"},"panels/issues/HiddenIssuesRow.ts | unhideAll":{"message":"Unhide all"},"panels/issues/IssueKindView.ts | hideAllCurrentBreakingChanges":{"message":"Hide all current Breaking Changes"},"panels/issues/IssueKindView.ts | hideAllCurrentImprovements":{"message":"Hide all current Improvements"},"panels/issues/IssueKindView.ts | hideAllCurrentPageErrors":{"message":"Hide all current Page Errors"},"panels/issues/issues-meta.ts | cspViolations":{"message":"CSP Violations"},"panels/issues/issues-meta.ts | issues":{"message":"Issues"},"panels/issues/issues-meta.ts | showCspViolations":{"message":"Show CSP Violations"},"panels/issues/issues-meta.ts | showIssues":{"message":"Show Issues"},"panels/issues/IssuesPane.ts | attributionReporting":{"message":"Attribution Reporting API"},"panels/issues/IssuesPane.ts | contentSecurityPolicy":{"message":"Content Security Policy"},"panels/issues/IssuesPane.ts | cors":{"message":"Cross Origin Resource Sharing"},"panels/issues/IssuesPane.ts | crossOriginEmbedderPolicy":{"message":"Cross Origin Embedder Policy"},"panels/issues/IssuesPane.ts | generic":{"message":"Generic"},"panels/issues/IssuesPane.ts | groupByCategory":{"message":"Group by category"},"panels/issues/IssuesPane.ts | groupByKind":{"message":"Group by kind"},"panels/issues/IssuesPane.ts | groupDisplayedIssuesUnder":{"message":"Group displayed issues under associated categories"},"panels/issues/IssuesPane.ts | groupDisplayedIssuesUnderKind":{"message":"Group displayed issues as Page errors, Breaking changes and Improvements"},"panels/issues/IssuesPane.ts | heavyAds":{"message":"Heavy Ads"},"panels/issues/IssuesPane.ts | includeCookieIssuesCausedBy":{"message":"Include cookie Issues caused by third-party sites"},"panels/issues/IssuesPane.ts | includeThirdpartyCookieIssues":{"message":"Include third-party cookie issues"},"panels/issues/IssuesPane.ts | lowTextContrast":{"message":"Low Text Contrast"},"panels/issues/IssuesPane.ts | mixedContent":{"message":"Mixed Content"},"panels/issues/IssuesPane.ts | noIssuesDetectedSoFar":{"message":"No issues detected so far"},"panels/issues/IssuesPane.ts | onlyThirdpartyCookieIssues":{"message":"Only third-party cookie issues detected so far"},"panels/issues/IssuesPane.ts | other":{"message":"Other"},"panels/issues/IssuesPane.ts | quirksMode":{"message":"Quirks Mode"},"panels/issues/IssuesPane.ts | samesiteCookie":{"message":"SameSite Cookie"},"panels/issues/IssueView.ts | affectedResources":{"message":"Affected Resources"},"panels/issues/IssueView.ts | automaticallyUpgraded":{"message":"automatically upgraded"},"panels/issues/IssueView.ts | blocked":{"message":"blocked"},"panels/issues/IssueView.ts | hideIssuesLikeThis":{"message":"Hide issues like this"},"panels/issues/IssueView.ts | learnMoreS":{"message":"Learn more: {PH1}"},"panels/issues/IssueView.ts | name":{"message":"Name"},"panels/issues/IssueView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/IssueView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/IssueView.ts | restrictionStatus":{"message":"Restriction Status"},"panels/issues/IssueView.ts | unhideIssuesLikeThis":{"message":"Unhide issues like this"},"panels/issues/IssueView.ts | warned":{"message":"Warned"},"panels/js_profiler/js_profiler-meta.ts | performance":{"message":"Performance"},"panels/js_profiler/js_profiler-meta.ts | profiler":{"message":"Profiler"},"panels/js_profiler/js_profiler-meta.ts | record":{"message":"Record"},"panels/js_profiler/js_profiler-meta.ts | showPerformance":{"message":"Show Performance"},"panels/js_profiler/js_profiler-meta.ts | showProfiler":{"message":"Show Profiler"},"panels/js_profiler/js_profiler-meta.ts | showRecentTimelineSessions":{"message":"Show recent timeline sessions"},"panels/js_profiler/js_profiler-meta.ts | startProfilingAndReloadPage":{"message":"Start profiling and reload page"},"panels/js_profiler/js_profiler-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/js_profiler/js_profiler-meta.ts | stop":{"message":"Stop"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateDown":{"message":"Pan or rotate down"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateLeft":{"message":"Pan or rotate left"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateRight":{"message":"Pan or rotate right"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateUp":{"message":"Pan or rotate up"},"panels/layer_viewer/layer_viewer-meta.ts | resetView":{"message":"Reset view"},"panels/layer_viewer/layer_viewer-meta.ts | switchToPanMode":{"message":"Switch to pan mode"},"panels/layer_viewer/layer_viewer-meta.ts | switchToRotateMode":{"message":"Switch to rotate mode"},"panels/layer_viewer/layer_viewer-meta.ts | zoomIn":{"message":"Zoom in"},"panels/layer_viewer/layer_viewer-meta.ts | zoomOut":{"message":"Zoom out"},"panels/layer_viewer/LayerDetailsView.ts | compositingReasons":{"message":"Compositing Reasons"},"panels/layer_viewer/LayerDetailsView.ts | containingBlocRectangleDimensions":{"message":"Containing Block {PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | mainThreadScrollingReason":{"message":"Main thread scrolling reason"},"panels/layer_viewer/LayerDetailsView.ts | memoryEstimate":{"message":"Memory estimate"},"panels/layer_viewer/LayerDetailsView.ts | nearestLayerShiftingContaining":{"message":"Nearest Layer Shifting Containing Block"},"panels/layer_viewer/LayerDetailsView.ts | nearestLayerShiftingStickyBox":{"message":"Nearest Layer Shifting Sticky Box"},"panels/layer_viewer/LayerDetailsView.ts | nonFastScrollable":{"message":"Non fast scrollable"},"panels/layer_viewer/LayerDetailsView.ts | paintCount":{"message":"Paint count"},"panels/layer_viewer/LayerDetailsView.ts | paintProfiler":{"message":"Paint Profiler"},"panels/layer_viewer/LayerDetailsView.ts | repaintsOnScroll":{"message":"Repaints on scroll"},"panels/layer_viewer/LayerDetailsView.ts | scrollRectangleDimensions":{"message":"{PH1} {PH2} × {PH3} (at {PH4}, {PH5})"},"panels/layer_viewer/LayerDetailsView.ts | selectALayerToSeeItsDetails":{"message":"Select a layer to see its details"},"panels/layer_viewer/LayerDetailsView.ts | size":{"message":"Size"},"panels/layer_viewer/LayerDetailsView.ts | slowScrollRegions":{"message":"Slow scroll regions"},"panels/layer_viewer/LayerDetailsView.ts | stickyAncenstorLayersS":{"message":"{PH1}: {PH2} ({PH3})"},"panels/layer_viewer/LayerDetailsView.ts | stickyBoxRectangleDimensions":{"message":"Sticky Box {PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | stickyPositionConstraint":{"message":"Sticky position constraint"},"panels/layer_viewer/LayerDetailsView.ts | touchEventHandler":{"message":"Touch event handler"},"panels/layer_viewer/LayerDetailsView.ts | unnamed":{"message":"<unnamed>"},"panels/layer_viewer/LayerDetailsView.ts | updateRectangleDimensions":{"message":"{PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | wheelEventHandler":{"message":"Wheel event handler"},"panels/layer_viewer/Layers3DView.ts | cantDisplayLayers":{"message":"Can't display layers,"},"panels/layer_viewer/Layers3DView.ts | checkSForPossibleReasons":{"message":"Check {PH1} for possible reasons."},"panels/layer_viewer/Layers3DView.ts | dLayersView":{"message":"3D Layers View"},"panels/layer_viewer/Layers3DView.ts | layerInformationIsNotYet":{"message":"Layer information is not yet available."},"panels/layer_viewer/Layers3DView.ts | paints":{"message":"Paints"},"panels/layer_viewer/Layers3DView.ts | resetView":{"message":"Reset View"},"panels/layer_viewer/Layers3DView.ts | showPaintProfiler":{"message":"Show Paint Profiler"},"panels/layer_viewer/Layers3DView.ts | slowScrollRects":{"message":"Slow scroll rects"},"panels/layer_viewer/Layers3DView.ts | webglSupportIsDisabledInYour":{"message":"WebGL support is disabled in your browser."},"panels/layer_viewer/LayerTreeOutline.ts | layersTreePane":{"message":"Layers Tree Pane"},"panels/layer_viewer/LayerTreeOutline.ts | showPaintProfiler":{"message":"Show Paint Profiler"},"panels/layer_viewer/LayerTreeOutline.ts | updateChildDimension":{"message":" ({PH1} × {PH2})"},"panels/layer_viewer/LayerViewHost.ts | showInternalLayers":{"message":"Show internal layers"},"panels/layer_viewer/PaintProfilerView.ts | bitmap":{"message":"Bitmap"},"panels/layer_viewer/PaintProfilerView.ts | commandLog":{"message":"Command Log"},"panels/layer_viewer/PaintProfilerView.ts | misc":{"message":"Misc"},"panels/layer_viewer/PaintProfilerView.ts | profiling":{"message":"Profiling…"},"panels/layer_viewer/PaintProfilerView.ts | profilingResults":{"message":"Profiling results"},"panels/layer_viewer/PaintProfilerView.ts | shapes":{"message":"Shapes"},"panels/layer_viewer/PaintProfilerView.ts | text":{"message":"Text"},"panels/layer_viewer/TransformController.ts | panModeX":{"message":"Pan mode (X)"},"panels/layer_viewer/TransformController.ts | resetTransform":{"message":"Reset transform (0)"},"panels/layer_viewer/TransformController.ts | rotateModeV":{"message":"Rotate mode (V)"},"panels/layers/layers-meta.ts | layers":{"message":"Layers"},"panels/layers/layers-meta.ts | showLayers":{"message":"Show Layers"},"panels/layers/LayersPanel.ts | details":{"message":"Details"},"panels/layers/LayersPanel.ts | profiler":{"message":"Profiler"},"panels/lighthouse/lighthouse-meta.ts | showLighthouse":{"message":"Show Lighthouse"},"panels/lighthouse/LighthouseController.ts | accessibility":{"message":"Accessibility"},"panels/lighthouse/LighthouseController.ts | applyMobileEmulation":{"message":"Apply mobile emulation"},"panels/lighthouse/LighthouseController.ts | applyMobileEmulationDuring":{"message":"Apply mobile emulation during auditing"},"panels/lighthouse/LighthouseController.ts | atLeastOneCategoryMustBeSelected":{"message":"At least one category must be selected."},"panels/lighthouse/LighthouseController.ts | bestPractices":{"message":"Best practices"},"panels/lighthouse/LighthouseController.ts | canOnlyAuditHttphttpsPages":{"message":"Can only audit pages on HTTP or HTTPS. Navigate to a different page."},"panels/lighthouse/LighthouseController.ts | clearStorage":{"message":"Clear storage"},"panels/lighthouse/LighthouseController.ts | desktop":{"message":"Desktop"},"panels/lighthouse/LighthouseController.ts | devtoolsThrottling":{"message":"DevTools throttling (advanced)"},"panels/lighthouse/LighthouseController.ts | doesThisPageFollowBestPractices":{"message":"Does this page follow best practices for modern web development"},"panels/lighthouse/LighthouseController.ts | doesThisPageMeetTheStandardOfA":{"message":"Does this page meet the standard of a Progressive Web App"},"panels/lighthouse/LighthouseController.ts | howLongDoesThisAppTakeToShow":{"message":"How long does this app take to show content and become usable"},"panels/lighthouse/LighthouseController.ts | indexeddb":{"message":"IndexedDB"},"panels/lighthouse/LighthouseController.ts | isThisPageOptimizedForAdSpeedAnd":{"message":"Is this page optimized for ad speed and quality"},"panels/lighthouse/LighthouseController.ts | isThisPageOptimizedForSearch":{"message":"Is this page optimized for search engine results ranking"},"panels/lighthouse/LighthouseController.ts | isThisPageUsableByPeopleWith":{"message":"Is this page usable by people with disabilities or impairments"},"panels/lighthouse/LighthouseController.ts | javaScriptDisabled":{"message":"JavaScript is disabled. You need to enable JavaScript to audit this page. Open the Command Menu and run the Enable JavaScript command to enable JavaScript."},"panels/lighthouse/LighthouseController.ts | legacyNavigation":{"message":"Legacy navigation"},"panels/lighthouse/LighthouseController.ts | lighthouseMode":{"message":"Lighthouse mode"},"panels/lighthouse/LighthouseController.ts | localStorage":{"message":"Local Storage"},"panels/lighthouse/LighthouseController.ts | mobile":{"message":"Mobile"},"panels/lighthouse/LighthouseController.ts | multipleTabsAreBeingControlledBy":{"message":"Multiple tabs are being controlled by the same service worker. Close your other tabs on the same origin to audit this page."},"panels/lighthouse/LighthouseController.ts | navigation":{"message":"Navigation (Default)"},"panels/lighthouse/LighthouseController.ts | navigationTooltip":{"message":"Navigation mode analyzes a page load, exactly like the original Lighthouse reports."},"panels/lighthouse/LighthouseController.ts | performance":{"message":"Performance"},"panels/lighthouse/LighthouseController.ts | progressiveWebApp":{"message":"Progressive Web App"},"panels/lighthouse/LighthouseController.ts | publisherAds":{"message":"Publisher Ads"},"panels/lighthouse/LighthouseController.ts | resetStorageLocalstorage":{"message":"Reset storage (cache, service workers, etc) before auditing. (Good for performance & PWA testing)"},"panels/lighthouse/LighthouseController.ts | runLighthouseInMode":{"message":"Run Lighthouse in navigation, timespan, or snapshot mode"},"panels/lighthouse/LighthouseController.ts | seo":{"message":"SEO"},"panels/lighthouse/LighthouseController.ts | simulateASlowerPageLoadBasedOn":{"message":"Simulated throttling simulates a slower page load based on data from an initial unthrottled load. DevTools throttling actually slows down the page."},"panels/lighthouse/LighthouseController.ts | simulatedThrottling":{"message":"Simulated throttling (default)"},"panels/lighthouse/LighthouseController.ts | snapshot":{"message":"Snapshot"},"panels/lighthouse/LighthouseController.ts | snapshotTooltip":{"message":"Snapshot mode analyzes the page in a particular state, typically after user interactions."},"panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingLoadingPlural":{"message":"There may be stored data affecting loading performance in these locations: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."},"panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular":{"message":"There may be stored data affecting loading performance in this location: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."},"panels/lighthouse/LighthouseController.ts | throttlingMethod":{"message":"Throttling method"},"panels/lighthouse/LighthouseController.ts | timespan":{"message":"Timespan"},"panels/lighthouse/LighthouseController.ts | timespanTooltip":{"message":"Timespan mode analyzes an arbitrary period of time, typically containing user interactions."},"panels/lighthouse/LighthouseController.ts | useLegacyNavigation":{"message":"Analyze the page using classic Lighthouse when in navigation mode."},"panels/lighthouse/LighthouseController.ts | webSql":{"message":"Web SQL"},"panels/lighthouse/LighthousePanel.ts | cancelling":{"message":"Cancelling"},"panels/lighthouse/LighthousePanel.ts | clearAll":{"message":"Clear all"},"panels/lighthouse/LighthousePanel.ts | dropLighthouseJsonHere":{"message":"Drop Lighthouse JSON here"},"panels/lighthouse/LighthousePanel.ts | lighthouseSettings":{"message":"Lighthouse settings"},"panels/lighthouse/LighthousePanel.ts | performAnAudit":{"message":"Perform an audit…"},"panels/lighthouse/LighthousePanel.ts | printing":{"message":"Printing"},"panels/lighthouse/LighthousePanel.ts | thePrintPopupWindowIsOpenPlease":{"message":"The print popup window is open. Please close it to continue."},"panels/lighthouse/LighthouseReportSelector.ts | newReport":{"message":"(new report)"},"panels/lighthouse/LighthouseReportSelector.ts | reports":{"message":"Reports"},"panels/lighthouse/LighthouseStartView.ts | analyzeNavigation":{"message":"Analyze page load"},"panels/lighthouse/LighthouseStartView.ts | analyzeSnapshot":{"message":"Analyze page state"},"panels/lighthouse/LighthouseStartView.ts | categories":{"message":"Categories"},"panels/lighthouse/LighthouseStartView.ts | device":{"message":"Device"},"panels/lighthouse/LighthouseStartView.ts | generateLighthouseReport":{"message":"Generate a Lighthouse report"},"panels/lighthouse/LighthouseStartView.ts | learnMore":{"message":"Learn more"},"panels/lighthouse/LighthouseStartView.ts | mode":{"message":"Mode"},"panels/lighthouse/LighthouseStartView.ts | plugins":{"message":"Plugins"},"panels/lighthouse/LighthouseStartView.ts | startTimespan":{"message":"Start timespan"},"panels/lighthouse/LighthouseStatusView.ts | ahSorryWeRanIntoAnError":{"message":"Ah, sorry! We ran into an error."},"panels/lighthouse/LighthouseStatusView.ts | almostThereLighthouseIsNow":{"message":"Almost there! Lighthouse is now generating your report."},"panels/lighthouse/LighthouseStatusView.ts | asPageLoadTimeIncreasesFromOne":{"message":"As page load time increases from one second to seven seconds, the probability of a mobile site visitor bouncing increases 113%. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | asTheNumberOfElementsOnAPage":{"message":"As the number of elements on a page increases from 400 to 6,000, the probability of conversion drops 95%. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | auditingS":{"message":"Auditing {PH1}"},"panels/lighthouse/LighthouseStatusView.ts | auditingYourWebPage":{"message":"Auditing your web page"},"panels/lighthouse/LighthouseStatusView.ts | byReducingTheResponseSizeOfJson":{"message":"By reducing the response size of JSON needed for displaying comments, Instagram saw increased impressions [Source: WPO Stats]"},"panels/lighthouse/LighthouseStatusView.ts | cancel":{"message":"Cancel"},"panels/lighthouse/LighthouseStatusView.ts | cancelling":{"message":"Cancelling…"},"panels/lighthouse/LighthouseStatusView.ts | fastFactMessageWithPlaceholder":{"message":"💡 {PH1}"},"panels/lighthouse/LighthouseStatusView.ts | ifASiteTakesSecondToBecome":{"message":"If a site takes >1 second to become interactive, users lose attention, and their perception of completing the page task is broken [Source: Google Developers Blog]"},"panels/lighthouse/LighthouseStatusView.ts | ifThisIssueIsReproduciblePlease":{"message":"If this issue is reproducible, please report it at the Lighthouse GitHub repo."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsGatheringInformation":{"message":"Lighthouse is gathering information about the page to compute your score."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingThePage":{"message":"Lighthouse is loading the page."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPage":{"message":"Lighthouse is loading your page"},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWith":{"message":"Lighthouse is loading your page with throttling to measure performance on a mobile device on 3G."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWithMobile":{"message":"Lighthouse is loading your page with mobile emulation."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWithThrottling":{"message":"Lighthouse is loading your page with throttling to measure performance on a slow desktop on 3G."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsWarmingUp":{"message":"Lighthouse is warming up…"},"panels/lighthouse/LighthouseStatusView.ts | lighthouseOnlySimulatesMobile":{"message":"Lighthouse only simulates mobile performance; to measure performance on a real device, try WebPageTest.org [Source: Lighthouse team]"},"panels/lighthouse/LighthouseStatusView.ts | loading":{"message":"Loading…"},"panels/lighthouse/LighthouseStatusView.ts | mbTakesAMinimumOfSecondsTo":{"message":"1MB takes a minimum of 5 seconds to download on a typical 3G connection [Source: WebPageTest and DevTools 3G definition]."},"panels/lighthouse/LighthouseStatusView.ts | OfGlobalMobileUsersInWereOnGOrG":{"message":"75% of global mobile users in 2016 were on 2G or 3G [Source: GSMA Mobile]"},"panels/lighthouse/LighthouseStatusView.ts | OfMobilePagesTakeNearlySeconds":{"message":"70% of mobile pages take nearly 7 seconds for the visual content above the fold to display on the screen. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | rebuildingPinterestPagesFor":{"message":"Rebuilding Pinterest pages for performance increased conversion rates by 15% [Source: WPO Stats]"},"panels/lighthouse/LighthouseStatusView.ts | SecondsIsTheAverageTimeAMobile":{"message":"19 seconds is the average time a mobile web page takes to load on a 3G connection [Source: Google DoubleClick blog]"},"panels/lighthouse/LighthouseStatusView.ts | theAverageUserDeviceCostsLess":{"message":"The average user device costs less than 200 USD. [Source: International Data Corporation]"},"panels/lighthouse/LighthouseStatusView.ts | tryToNavigateToTheUrlInAFresh":{"message":"Try to navigate to the URL in a fresh Chrome profile without any other tabs or extensions open and try again."},"panels/lighthouse/LighthouseStatusView.ts | walmartSawAIncreaseInRevenueFor":{"message":"Walmart saw a 1% increase in revenue for every 100ms improvement in page load [Source: WPO Stats]"},"panels/lighthouse/LighthouseTimespanView.ts | cancel":{"message":"Cancel"},"panels/lighthouse/LighthouseTimespanView.ts | endTimespan":{"message":"End timespan"},"panels/lighthouse/LighthouseTimespanView.ts | timespanStarted":{"message":"Timespan started, interact with the page"},"panels/lighthouse/LighthouseTimespanView.ts | timespanStarting":{"message":"Timespan starting…"},"panels/media/EventDisplayTable.ts | eventDisplay":{"message":"Event display"},"panels/media/EventDisplayTable.ts | eventName":{"message":"Event name"},"panels/media/EventDisplayTable.ts | timestamp":{"message":"Timestamp"},"panels/media/EventDisplayTable.ts | value":{"message":"Value"},"panels/media/EventTimelineView.ts | bufferingStatus":{"message":"Buffering Status"},"panels/media/EventTimelineView.ts | playbackStatus":{"message":"Playback Status"},"panels/media/media-meta.ts | media":{"message":"Media"},"panels/media/media-meta.ts | showMedia":{"message":"Show Media"},"panels/media/media-meta.ts | video":{"message":"video"},"panels/media/PlayerDetailView.ts | events":{"message":"Events"},"panels/media/PlayerDetailView.ts | messages":{"message":"Messages"},"panels/media/PlayerDetailView.ts | playerEvents":{"message":"Player events"},"panels/media/PlayerDetailView.ts | playerMessages":{"message":"Player messages"},"panels/media/PlayerDetailView.ts | playerProperties":{"message":"Player properties"},"panels/media/PlayerDetailView.ts | playerTimeline":{"message":"Player timeline"},"panels/media/PlayerDetailView.ts | properties":{"message":"Properties"},"panels/media/PlayerDetailView.ts | timeline":{"message":"Timeline"},"panels/media/PlayerListView.ts | hideAllOthers":{"message":"Hide all others"},"panels/media/PlayerListView.ts | hidePlayer":{"message":"Hide player"},"panels/media/PlayerListView.ts | players":{"message":"Players"},"panels/media/PlayerListView.ts | savePlayerInfo":{"message":"Save player info"},"panels/media/PlayerMessagesView.ts | all":{"message":"All"},"panels/media/PlayerMessagesView.ts | custom":{"message":"Custom"},"panels/media/PlayerMessagesView.ts | debug":{"message":"Debug"},"panels/media/PlayerMessagesView.ts | default":{"message":"Default"},"panels/media/PlayerMessagesView.ts | error":{"message":"Error"},"panels/media/PlayerMessagesView.ts | errorCauseLabel":{"message":"Caused by:"},"panels/media/PlayerMessagesView.ts | errorCodeLabel":{"message":"Error Code:"},"panels/media/PlayerMessagesView.ts | errorDataLabel":{"message":"Data:"},"panels/media/PlayerMessagesView.ts | errorGroupLabel":{"message":"Error Group:"},"panels/media/PlayerMessagesView.ts | errorStackLabel":{"message":"Stacktrace:"},"panels/media/PlayerMessagesView.ts | filterLogMessages":{"message":"Filter log messages"},"panels/media/PlayerMessagesView.ts | info":{"message":"Info"},"panels/media/PlayerMessagesView.ts | logLevel":{"message":"Log level:"},"panels/media/PlayerMessagesView.ts | warning":{"message":"Warning"},"panels/media/PlayerPropertiesView.ts | audio":{"message":"Audio"},"panels/media/PlayerPropertiesView.ts | bitrate":{"message":"Bitrate"},"panels/media/PlayerPropertiesView.ts | decoder":{"message":"Decoder"},"panels/media/PlayerPropertiesView.ts | decoderName":{"message":"Decoder name"},"panels/media/PlayerPropertiesView.ts | decryptingDemuxer":{"message":"Decrypting demuxer"},"panels/media/PlayerPropertiesView.ts | duration":{"message":"Duration"},"panels/media/PlayerPropertiesView.ts | encoderName":{"message":"Encoder name"},"panels/media/PlayerPropertiesView.ts | fileSize":{"message":"File size"},"panels/media/PlayerPropertiesView.ts | frameRate":{"message":"Frame rate"},"panels/media/PlayerPropertiesView.ts | hardwareDecoder":{"message":"Hardware decoder"},"panels/media/PlayerPropertiesView.ts | hardwareEncoder":{"message":"Hardware encoder"},"panels/media/PlayerPropertiesView.ts | noDecoder":{"message":"No decoder"},"panels/media/PlayerPropertiesView.ts | noEncoder":{"message":"No encoder"},"panels/media/PlayerPropertiesView.ts | noTextTracks":{"message":"No text tracks"},"panels/media/PlayerPropertiesView.ts | playbackFrameTitle":{"message":"Playback frame title"},"panels/media/PlayerPropertiesView.ts | playbackFrameUrl":{"message":"Playback frame URL"},"panels/media/PlayerPropertiesView.ts | properties":{"message":"Properties"},"panels/media/PlayerPropertiesView.ts | rangeHeaderSupport":{"message":"Range header support"},"panels/media/PlayerPropertiesView.ts | rendererName":{"message":"Renderer name"},"panels/media/PlayerPropertiesView.ts | resolution":{"message":"Resolution"},"panels/media/PlayerPropertiesView.ts | singleoriginPlayback":{"message":"Single-origin playback"},"panels/media/PlayerPropertiesView.ts | startTime":{"message":"Start time"},"panels/media/PlayerPropertiesView.ts | streaming":{"message":"Streaming"},"panels/media/PlayerPropertiesView.ts | textTrack":{"message":"Text track"},"panels/media/PlayerPropertiesView.ts | track":{"message":"Track"},"panels/media/PlayerPropertiesView.ts | video":{"message":"Video"},"panels/media/PlayerPropertiesView.ts | videoFreezingScore":{"message":"Video freezing score"},"panels/media/PlayerPropertiesView.ts | videoPlaybackRoughness":{"message":"Video playback roughness"},"panels/mobile_throttling/mobile_throttling-meta.ts | device":{"message":"device"},"panels/mobile_throttling/mobile_throttling-meta.ts | enableFastGThrottling":{"message":"Enable fast 3G throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | enableSlowGThrottling":{"message":"Enable slow 3G throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | goOffline":{"message":"Go offline"},"panels/mobile_throttling/mobile_throttling-meta.ts | goOnline":{"message":"Go online"},"panels/mobile_throttling/mobile_throttling-meta.ts | showThrottling":{"message":"Show Throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | throttling":{"message":"Throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | throttlingTag":{"message":"throttling"},"panels/mobile_throttling/MobileThrottlingSelector.ts | advanced":{"message":"Advanced"},"panels/mobile_throttling/MobileThrottlingSelector.ts | disabled":{"message":"Disabled"},"panels/mobile_throttling/MobileThrottlingSelector.ts | presets":{"message":"Presets"},"panels/mobile_throttling/NetworkPanelIndicator.ts | acceptedEncodingOverrideSet":{"message":"The set of accepted Content-Encoding headers has been modified by DevTools. See the Network Conditions panel."},"panels/mobile_throttling/NetworkPanelIndicator.ts | networkThrottlingIsEnabled":{"message":"Network throttling is enabled"},"panels/mobile_throttling/NetworkPanelIndicator.ts | requestsMayBeBlocked":{"message":"Requests may be blocked"},"panels/mobile_throttling/NetworkPanelIndicator.ts | requestsMayBeRewrittenByLocal":{"message":"Requests may be rewritten by local overrides"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | custom":{"message":"Custom"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | disabled":{"message":"Disabled"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | presets":{"message":"Presets"},"panels/mobile_throttling/ThrottlingManager.ts | add":{"message":"Add…"},"panels/mobile_throttling/ThrottlingManager.ts | addS":{"message":"Add {PH1}"},"panels/mobile_throttling/ThrottlingManager.ts | cpuThrottling":{"message":"CPU throttling"},"panels/mobile_throttling/ThrottlingManager.ts | cpuThrottlingIsEnabled":{"message":"CPU throttling is enabled"},"panels/mobile_throttling/ThrottlingManager.ts | dSlowdown":{"message":"{PH1}× slowdown"},"panels/mobile_throttling/ThrottlingManager.ts | excessConcurrency":{"message":"Exceeding the default value may degrade system performance."},"panels/mobile_throttling/ThrottlingManager.ts | forceDisconnectedFromNetwork":{"message":"Force disconnected from network"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrency":{"message":"Hardware concurrency"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrencyIsEnabled":{"message":"Hardware concurrency override is enabled"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrencyValue":{"message":"Value of navigator.hardwareConcurrency"},"panels/mobile_throttling/ThrottlingManager.ts | noThrottling":{"message":"No throttling"},"panels/mobile_throttling/ThrottlingManager.ts | offline":{"message":"Offline"},"panels/mobile_throttling/ThrottlingManager.ts | resetConcurrency":{"message":"Reset to the default value"},"panels/mobile_throttling/ThrottlingManager.ts | sS":{"message":"{PH1}: {PH2}"},"panels/mobile_throttling/ThrottlingManager.ts | throttling":{"message":"Throttling"},"panels/mobile_throttling/ThrottlingPresets.ts | checkNetworkAndPerformancePanels":{"message":"Check Network and Performance panels"},"panels/mobile_throttling/ThrottlingPresets.ts | custom":{"message":"Custom"},"panels/mobile_throttling/ThrottlingPresets.ts | fastGXCpuSlowdown":{"message":"Fast 3G & 4x CPU slowdown"},"panels/mobile_throttling/ThrottlingPresets.ts | lowendMobile":{"message":"Low-end mobile"},"panels/mobile_throttling/ThrottlingPresets.ts | midtierMobile":{"message":"Mid-tier mobile"},"panels/mobile_throttling/ThrottlingPresets.ts | noInternetConnectivity":{"message":"No internet connectivity"},"panels/mobile_throttling/ThrottlingPresets.ts | noThrottling":{"message":"No throttling"},"panels/mobile_throttling/ThrottlingPresets.ts | slowGXCpuSlowdown":{"message":"Slow 3G & 6x CPU slowdown"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | addCustomProfile":{"message":"Add custom profile..."},"panels/mobile_throttling/ThrottlingSettingsTab.ts | dms":{"message":"{PH1} ms"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | download":{"message":"Download"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | dskbits":{"message":"{PH1} kbit/s"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | fsmbits":{"message":"{PH1} Mbit/s"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | latency":{"message":"Latency"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | latencyMustBeAnIntegerBetweenSms":{"message":"Latency must be an integer between {PH1} ms to {PH2} ms inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | networkThrottlingProfiles":{"message":"Network Throttling Profiles"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | optional":{"message":"optional"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | profileName":{"message":"Profile Name"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | profileNameCharactersLengthMust":{"message":"Profile Name characters length must be between 1 to {PH1} inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | sMustBeANumberBetweenSkbsToSkbs":{"message":"{PH1} must be a number between {PH2} kbit/s to {PH3} kbit/s inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | upload":{"message":"Upload"},"panels/network/BinaryResourceView.ts | binaryViewType":{"message":"Binary view type"},"panels/network/BinaryResourceView.ts | copiedAsBase":{"message":"Copied as Base64"},"panels/network/BinaryResourceView.ts | copiedAsHex":{"message":"Copied as Hex"},"panels/network/BinaryResourceView.ts | copiedAsUtf":{"message":"Copied as UTF-8"},"panels/network/BinaryResourceView.ts | copyAsBase":{"message":"Copy as Base64"},"panels/network/BinaryResourceView.ts | copyAsHex":{"message":"Copy as Hex"},"panels/network/BinaryResourceView.ts | copyAsUtf":{"message":"Copy as UTF-8"},"panels/network/BinaryResourceView.ts | copyToClipboard":{"message":"Copy to clipboard"},"panels/network/BinaryResourceView.ts | hexViewer":{"message":"Hex Viewer"},"panels/network/BlockedURLsPane.ts | addNetworkRequestBlockingPattern":{"message":"Add network request blocking pattern"},"panels/network/BlockedURLsPane.ts | addPattern":{"message":"Add pattern"},"panels/network/BlockedURLsPane.ts | dBlocked":{"message":"{PH1} blocked"},"panels/network/BlockedURLsPane.ts | enableNetworkRequestBlocking":{"message":"Enable network request blocking"},"panels/network/BlockedURLsPane.ts | itemDeleted":{"message":"Item successfully deleted"},"panels/network/BlockedURLsPane.ts | networkRequestsAreNotBlockedS":{"message":"Network requests are not blocked. {PH1}"},"panels/network/BlockedURLsPane.ts | patternAlreadyExists":{"message":"Pattern already exists."},"panels/network/BlockedURLsPane.ts | patternInputCannotBeEmpty":{"message":"Pattern input cannot be empty."},"panels/network/BlockedURLsPane.ts | removeAllPatterns":{"message":"Remove all patterns"},"panels/network/BlockedURLsPane.ts | textPatternToBlockMatching":{"message":"Text pattern to block matching requests; use * for wildcard"},"panels/network/components/HeaderSectionRow.ts | activeClientExperimentVariation":{"message":"Active client experiment variation IDs."},"panels/network/components/HeaderSectionRow.ts | activeClientExperimentVariationIds":{"message":"Active client experiment variation IDs that trigger server-side behavior."},"panels/network/components/HeaderSectionRow.ts | decoded":{"message":"Decoded:"},"panels/network/components/HeaderSectionRow.ts | editHeader":{"message":"Override header"},"panels/network/components/HeaderSectionRow.ts | headerNamesOnlyLetters":{"message":"Header names should contain only letters, digits, hyphens or underscores"},"panels/network/components/HeaderSectionRow.ts | learnMore":{"message":"Learn more"},"panels/network/components/HeaderSectionRow.ts | learnMoreInTheIssuesTab":{"message":"Learn more in the issues tab"},"panels/network/components/HeaderSectionRow.ts | reloadPrompt":{"message":"Refresh the page/request for these changes to take effect"},"panels/network/components/HeaderSectionRow.ts | removeOverride":{"message":"Remove this header override"},"panels/network/components/RequestHeaderSection.ts | learnMore":{"message":"Learn more"},"panels/network/components/RequestHeaderSection.ts | onlyProvisionalHeadersAre":{"message":"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers."},"panels/network/components/RequestHeaderSection.ts | provisionalHeadersAreShown":{"message":"Provisional headers are shown."},"panels/network/components/RequestHeaderSection.ts | provisionalHeadersAreShownDisableCache":{"message":"Provisional headers are shown. Disable cache to see full headers."},"panels/network/components/RequestHeadersView.ts | fromDiskCache":{"message":"(from disk cache)"},"panels/network/components/RequestHeadersView.ts | fromMemoryCache":{"message":"(from memory cache)"},"panels/network/components/RequestHeadersView.ts | fromPrefetchCache":{"message":"(from prefetch cache)"},"panels/network/components/RequestHeadersView.ts | fromServiceWorker":{"message":"(from service worker)"},"panels/network/components/RequestHeadersView.ts | fromSignedexchange":{"message":"(from signed-exchange)"},"panels/network/components/RequestHeadersView.ts | fromWebBundle":{"message":"(from Web Bundle)"},"panels/network/components/RequestHeadersView.ts | general":{"message":"General"},"panels/network/components/RequestHeadersView.ts | headerOverrides":{"message":"Header overrides"},"panels/network/components/RequestHeadersView.ts | raw":{"message":"Raw"},"panels/network/components/RequestHeadersView.ts | referrerPolicy":{"message":"Referrer Policy"},"panels/network/components/RequestHeadersView.ts | remoteAddress":{"message":"Remote Address"},"panels/network/components/RequestHeadersView.ts | requestHeaders":{"message":"Request Headers"},"panels/network/components/RequestHeadersView.ts | requestMethod":{"message":"Request Method"},"panels/network/components/RequestHeadersView.ts | requestUrl":{"message":"Request URL"},"panels/network/components/RequestHeadersView.ts | responseHeaders":{"message":"Response Headers"},"panels/network/components/RequestHeadersView.ts | revealHeaderOverrides":{"message":"Reveal header override definitions"},"panels/network/components/RequestHeadersView.ts | showMore":{"message":"Show more"},"panels/network/components/RequestHeadersView.ts | statusCode":{"message":"Status Code"},"panels/network/components/RequestTrustTokensView.ts | aClientprovidedArgumentWas":{"message":"A client-provided argument was malformed or otherwise invalid."},"panels/network/components/RequestTrustTokensView.ts | eitherNoInputsForThisOperation":{"message":"Either no inputs for this operation are available or the output exceeds the operations quota."},"panels/network/components/RequestTrustTokensView.ts | failure":{"message":"Failure"},"panels/network/components/RequestTrustTokensView.ts | issuer":{"message":"Issuer"},"panels/network/components/RequestTrustTokensView.ts | issuers":{"message":"Issuers"},"panels/network/components/RequestTrustTokensView.ts | numberOfIssuedTokens":{"message":"Number of issued tokens"},"panels/network/components/RequestTrustTokensView.ts | parameters":{"message":"Parameters"},"panels/network/components/RequestTrustTokensView.ts | refreshPolicy":{"message":"Refresh policy"},"panels/network/components/RequestTrustTokensView.ts | result":{"message":"Result"},"panels/network/components/RequestTrustTokensView.ts | status":{"message":"Status"},"panels/network/components/RequestTrustTokensView.ts | success":{"message":"Success"},"panels/network/components/RequestTrustTokensView.ts | theKeysForThisPSTIssuerAreUnavailable":{"message":"The keys for this PST issuer are unavailable. The issuer may need to be registered via the Chrome registration process."},"panels/network/components/RequestTrustTokensView.ts | theOperationFailedForAnUnknown":{"message":"The operation failed for an unknown reason."},"panels/network/components/RequestTrustTokensView.ts | theOperationsResultWasServedFrom":{"message":"The operations result was served from cache."},"panels/network/components/RequestTrustTokensView.ts | theOperationWasFulfilledLocally":{"message":"The operation was fulfilled locally, no request was sent."},"panels/network/components/RequestTrustTokensView.ts | theServersResponseWasMalformedOr":{"message":"The servers response was malformed or otherwise invalid."},"panels/network/components/RequestTrustTokensView.ts | topLevelOrigin":{"message":"Top level origin"},"panels/network/components/RequestTrustTokensView.ts | type":{"message":"Type"},"panels/network/components/ResponseHeaderSection.ts | addHeader":{"message":"Add header"},"panels/network/components/ResponseHeaderSection.ts | chooseThisOptionIfTheResourceAnd":{"message":"Choose this option if the resource and the document are served from the same site."},"panels/network/components/ResponseHeaderSection.ts | onlyChooseThisOptionIfAn":{"message":"Only choose this option if an arbitrary website including this resource does not impose a security risk."},"panels/network/components/ResponseHeaderSection.ts | thisDocumentWasBlockedFrom":{"message":"This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy."},"panels/network/components/ResponseHeaderSection.ts | toEmbedThisFrameInYourDocument":{"message":"To embed this frame in your document, the response needs to enable the cross-origin embedder policy by specifying the following response header:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferent":{"message":"To use this resource from a different origin, the server needs to specify a cross-origin resource policy in the response headers:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferentOrigin":{"message":"To use this resource from a different origin, the server may relax the cross-origin resource policy response header:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferentSite":{"message":"To use this resource from a different site, the server may relax the cross-origin resource policy response header:"},"panels/network/components/WebBundleInfoView.ts | bundledResource":{"message":"Bundled resource"},"panels/network/EventSourceMessagesView.ts | copyMessage":{"message":"Copy message"},"panels/network/EventSourceMessagesView.ts | data":{"message":"Data"},"panels/network/EventSourceMessagesView.ts | eventSource":{"message":"Event Source"},"panels/network/EventSourceMessagesView.ts | id":{"message":"Id"},"panels/network/EventSourceMessagesView.ts | time":{"message":"Time"},"panels/network/EventSourceMessagesView.ts | type":{"message":"Type"},"panels/network/network-meta.ts | clear":{"message":"Clear network log"},"panels/network/network-meta.ts | colorCode":{"message":"color code"},"panels/network/network-meta.ts | colorCodeByResourceType":{"message":"Color code by resource type"},"panels/network/network-meta.ts | colorcodeResourceTypes":{"message":"Color-code resource types"},"panels/network/network-meta.ts | diskCache":{"message":"disk cache"},"panels/network/network-meta.ts | dontGroupNetworkLogItemsByFrame":{"message":"Don't group network log items by frame"},"panels/network/network-meta.ts | frame":{"message":"frame"},"panels/network/network-meta.ts | group":{"message":"group"},"panels/network/network-meta.ts | groupNetworkLogByFrame":{"message":"Group network log by frame"},"panels/network/network-meta.ts | groupNetworkLogItemsByFrame":{"message":"Group network log items by frame"},"panels/network/network-meta.ts | hideRequestDetails":{"message":"Hide request details"},"panels/network/network-meta.ts | network":{"message":"Network"},"panels/network/network-meta.ts | netWork":{"message":"network"},"panels/network/network-meta.ts | networkConditions":{"message":"Network conditions"},"panels/network/network-meta.ts | networkRequestBlocking":{"message":"Network request blocking"},"panels/network/network-meta.ts | networkThrottling":{"message":"network throttling"},"panels/network/network-meta.ts | recordNetworkLog":{"message":"Record network log"},"panels/network/network-meta.ts | resourceType":{"message":"resource type"},"panels/network/network-meta.ts | search":{"message":"Search"},"panels/network/network-meta.ts | showNetwork":{"message":"Show Network"},"panels/network/network-meta.ts | showNetworkConditions":{"message":"Show Network conditions"},"panels/network/network-meta.ts | showNetworkRequestBlocking":{"message":"Show Network request blocking"},"panels/network/network-meta.ts | showSearch":{"message":"Show Search"},"panels/network/network-meta.ts | stopRecordingNetworkLog":{"message":"Stop recording network log"},"panels/network/network-meta.ts | useDefaultColors":{"message":"Use default colors"},"panels/network/NetworkConfigView.ts | acceptedEncoding":{"message":"Accepted Content-Encodings"},"panels/network/NetworkConfigView.ts | caching":{"message":"Caching"},"panels/network/NetworkConfigView.ts | clientHintsStatusText":{"message":"User agent updated."},"panels/network/NetworkConfigView.ts | custom":{"message":"Custom..."},"panels/network/NetworkConfigView.ts | customUserAgentFieldIsRequired":{"message":"Custom user agent field is required"},"panels/network/NetworkConfigView.ts | disableCache":{"message":"Disable cache"},"panels/network/NetworkConfigView.ts | enterACustomUserAgent":{"message":"Enter a custom user agent"},"panels/network/NetworkConfigView.ts | networkConditionsPanelShown":{"message":"Network conditions shown"},"panels/network/NetworkConfigView.ts | networkThrottling":{"message":"Network throttling"},"panels/network/NetworkConfigView.ts | selectAutomatically":{"message":"Use browser default"},"panels/network/NetworkConfigView.ts | userAgent":{"message":"User agent"},"panels/network/NetworkDataGridNode.ts | alternativeJobWonRace":{"message":"Chrome used a HTTP/3 connection induced by an 'Alt-Svc' header because it won a race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | alternativeJobWonWithoutRace":{"message":"Chrome used a HTTP/3 connection induced by an 'Alt-Svc' header without racing against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | blockeds":{"message":"(blocked:{PH1})"},"panels/network/NetworkDataGridNode.ts | blockedTooltip":{"message":"This request was blocked due to misconfigured response headers, click to view the headers"},"panels/network/NetworkDataGridNode.ts | broken":{"message":"Chrome did not try to establish a HTTP/3 connection because it was marked as broken."},"panels/network/NetworkDataGridNode.ts | canceled":{"message":"(canceled)"},"panels/network/NetworkDataGridNode.ts | corsError":{"message":"CORS error"},"panels/network/NetworkDataGridNode.ts | crossoriginResourceSharingErrorS":{"message":"Cross-Origin Resource Sharing error: {PH1}"},"panels/network/NetworkDataGridNode.ts | csp":{"message":"csp"},"panels/network/NetworkDataGridNode.ts | data":{"message":"(data)"},"panels/network/NetworkDataGridNode.ts | devtools":{"message":"devtools"},"panels/network/NetworkDataGridNode.ts | diskCache":{"message":"(disk cache)"},"panels/network/NetworkDataGridNode.ts | dnsAlpnH3JobWonRace":{"message":"Chrome used a HTTP/3 connection due to the DNS record indicating HTTP/3 support, which won a race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | dnsAlpnH3JobWonWithoutRace":{"message":"Chrome used a HTTP/3 connection due to the DNS record indicating HTTP/3 support. There was no race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | failed":{"message":"(failed)"},"panels/network/NetworkDataGridNode.ts | finished":{"message":"Finished"},"panels/network/NetworkDataGridNode.ts | hasOverriddenHeaders":{"message":"Request has overridden headers"},"panels/network/NetworkDataGridNode.ts | level":{"message":"level 1"},"panels/network/NetworkDataGridNode.ts | mainJobWonRace":{"message":"Chrome used this protocol because it won a race against establishing a HTTP/3 connection."},"panels/network/NetworkDataGridNode.ts | mappingMissing":{"message":"Chrome did not use an alternative HTTP version because no alternative protocol information was available when the request was issued, but an 'Alt-Svc' header was present in the response."},"panels/network/NetworkDataGridNode.ts | memoryCache":{"message":"(memory cache)"},"panels/network/NetworkDataGridNode.ts | origin":{"message":"origin"},"panels/network/NetworkDataGridNode.ts | other":{"message":"other"},"panels/network/NetworkDataGridNode.ts | otherC":{"message":"Other"},"panels/network/NetworkDataGridNode.ts | parser":{"message":"Parser"},"panels/network/NetworkDataGridNode.ts | pending":{"message":"Pending"},"panels/network/NetworkDataGridNode.ts | pendingq":{"message":"(pending)"},"panels/network/NetworkDataGridNode.ts | prefetchCache":{"message":"(prefetch cache)"},"panels/network/NetworkDataGridNode.ts | preflight":{"message":"Preflight"},"panels/network/NetworkDataGridNode.ts | preload":{"message":"Preload"},"panels/network/NetworkDataGridNode.ts | push":{"message":"Push / "},"panels/network/NetworkDataGridNode.ts | redirect":{"message":"Redirect"},"panels/network/NetworkDataGridNode.ts | script":{"message":"Script"},"panels/network/NetworkDataGridNode.ts | selectPreflightRequest":{"message":"Select preflight request"},"panels/network/NetworkDataGridNode.ts | selectTheRequestThatTriggered":{"message":"Select the request that triggered this preflight"},"panels/network/NetworkDataGridNode.ts | servedFromDiskCacheResourceSizeS":{"message":"Served from disk cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromMemoryCacheResource":{"message":"Served from memory cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromPrefetchCacheResource":{"message":"Served from prefetch cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromServiceworkerResource":{"message":"Served from ServiceWorker, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromSignedHttpExchange":{"message":"Served from Signed HTTP Exchange, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromWebBundle":{"message":"Served from Web Bundle, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | serviceworker":{"message":"(ServiceWorker)"},"panels/network/NetworkDataGridNode.ts | signedexchange":{"message":"signed-exchange"},"panels/network/NetworkDataGridNode.ts | sPreflight":{"message":"{PH1} + Preflight"},"panels/network/NetworkDataGridNode.ts | timeSubtitleTooltipText":{"message":"Latency (response received time - start time)"},"panels/network/NetworkDataGridNode.ts | unknown":{"message":"(unknown)"},"panels/network/NetworkDataGridNode.ts | unknownExplanation":{"message":"The request status cannot be shown here because the page that issued it unloaded while the request was in flight. You can use chrome://net-export to capture a network log and see all request details."},"panels/network/NetworkDataGridNode.ts | webBundle":{"message":"(Web Bundle)"},"panels/network/NetworkDataGridNode.ts | webBundleError":{"message":"Web Bundle error"},"panels/network/NetworkDataGridNode.ts | webBundleInnerRequest":{"message":"Served from Web Bundle"},"panels/network/NetworkItemView.ts | cookies":{"message":"Cookies"},"panels/network/NetworkItemView.ts | eventstream":{"message":"EventStream"},"panels/network/NetworkItemView.ts | headers":{"message":"Headers"},"panels/network/NetworkItemView.ts | initiator":{"message":"Initiator"},"panels/network/NetworkItemView.ts | messages":{"message":"Messages"},"panels/network/NetworkItemView.ts | payload":{"message":"Payload"},"panels/network/NetworkItemView.ts | preview":{"message":"Preview"},"panels/network/NetworkItemView.ts | rawResponseData":{"message":"Raw response data"},"panels/network/NetworkItemView.ts | requestAndResponseCookies":{"message":"Request and response cookies"},"panels/network/NetworkItemView.ts | requestAndResponseTimeline":{"message":"Request and response timeline"},"panels/network/NetworkItemView.ts | requestInitiatorCallStack":{"message":"Request initiator call stack"},"panels/network/NetworkItemView.ts | response":{"message":"Response"},"panels/network/NetworkItemView.ts | responsePreview":{"message":"Response preview"},"panels/network/NetworkItemView.ts | signedexchangeError":{"message":"SignedExchange error"},"panels/network/NetworkItemView.ts | timing":{"message":"Timing"},"panels/network/NetworkItemView.ts | trustTokenOperationDetails":{"message":"Private State Token operation details"},"panels/network/NetworkItemView.ts | trustTokens":{"message":"Private State Tokens"},"panels/network/NetworkItemView.ts | websocketMessages":{"message":"WebSocket messages"},"panels/network/NetworkLogView.ts | areYouSureYouWantToClearBrowser":{"message":"Are you sure you want to clear browser cache?"},"panels/network/NetworkLogView.ts | areYouSureYouWantToClearBrowserCookies":{"message":"Are you sure you want to clear browser cookies?"},"panels/network/NetworkLogView.ts | blockedRequests":{"message":"Blocked Requests"},"panels/network/NetworkLogView.ts | blockRequestDomain":{"message":"Block request domain"},"panels/network/NetworkLogView.ts | blockRequestUrl":{"message":"Block request URL"},"panels/network/NetworkLogView.ts | clearBrowserCache":{"message":"Clear browser cache"},"panels/network/NetworkLogView.ts | clearBrowserCookies":{"message":"Clear browser cookies"},"panels/network/NetworkLogView.ts | copy":{"message":"Copy"},"panels/network/NetworkLogView.ts | copyAllAsCurl":{"message":"Copy all as cURL"},"panels/network/NetworkLogView.ts | copyAllAsCurlBash":{"message":"Copy all as cURL (bash)"},"panels/network/NetworkLogView.ts | copyAllAsCurlCmd":{"message":"Copy all as cURL (cmd)"},"panels/network/NetworkLogView.ts | copyAllAsFetch":{"message":"Copy all as fetch"},"panels/network/NetworkLogView.ts | copyAllAsHar":{"message":"Copy all as HAR"},"panels/network/NetworkLogView.ts | copyAllAsNodejsFetch":{"message":"Copy all as Node.js fetch"},"panels/network/NetworkLogView.ts | copyAllAsPowershell":{"message":"Copy all as PowerShell"},"panels/network/NetworkLogView.ts | copyAsCurl":{"message":"Copy as cURL"},"panels/network/NetworkLogView.ts | copyAsCurlBash":{"message":"Copy as cURL (bash)"},"panels/network/NetworkLogView.ts | copyAsCurlCmd":{"message":"Copy as cURL (cmd)"},"panels/network/NetworkLogView.ts | copyAsFetch":{"message":"Copy as fetch"},"panels/network/NetworkLogView.ts | copyAsNodejsFetch":{"message":"Copy as Node.js fetch"},"panels/network/NetworkLogView.ts | copyAsPowershell":{"message":"Copy as PowerShell"},"panels/network/NetworkLogView.ts | copyRequestHeaders":{"message":"Copy request headers"},"panels/network/NetworkLogView.ts | copyResponse":{"message":"Copy response"},"panels/network/NetworkLogView.ts | copyResponseHeaders":{"message":"Copy response headers"},"panels/network/NetworkLogView.ts | copyStacktrace":{"message":"Copy stack trace"},"panels/network/NetworkLogView.ts | domcontentloadedS":{"message":"DOMContentLoaded: {PH1}"},"panels/network/NetworkLogView.ts | dropHarFilesHere":{"message":"Drop HAR files here"},"panels/network/NetworkLogView.ts | finishS":{"message":"Finish: {PH1}"},"panels/network/NetworkLogView.ts | hasBlockedCookies":{"message":"Has blocked cookies"},"panels/network/NetworkLogView.ts | hideDataUrls":{"message":"Hide data URLs"},"panels/network/NetworkLogView.ts | hidesDataAndBlobUrls":{"message":"Hides data: and blob: URLs"},"panels/network/NetworkLogView.ts | invertFilter":{"message":"Invert"},"panels/network/NetworkLogView.ts | invertsFilter":{"message":"Inverts the search filter"},"panels/network/NetworkLogView.ts | learnMore":{"message":"Learn more"},"panels/network/NetworkLogView.ts | loadS":{"message":"Load: {PH1}"},"panels/network/NetworkLogView.ts | networkDataAvailable":{"message":"Network Data Available"},"panels/network/NetworkLogView.ts | onlyShowBlockedRequests":{"message":"Only show blocked requests"},"panels/network/NetworkLogView.ts | onlyShowRequestsWithBlocked":{"message":"Only show requests with blocked response cookies"},"panels/network/NetworkLogView.ts | onlyShowThirdPartyRequests":{"message":"Shows only requests with origin different from page origin"},"panels/network/NetworkLogView.ts | overrideHeaders":{"message":"Override headers"},"panels/network/NetworkLogView.ts | performARequestOrHitSToRecordThe":{"message":"Perform a request or hit {PH1} to record the reload."},"panels/network/NetworkLogView.ts | recordingNetworkActivity":{"message":"Recording network activity…"},"panels/network/NetworkLogView.ts | recordToDisplayNetworkActivity":{"message":"Record network log ({PH1}) to display network activity."},"panels/network/NetworkLogView.ts | replayXhr":{"message":"Replay XHR"},"panels/network/NetworkLogView.ts | resourceTypesToInclude":{"message":"Resource types to include"},"panels/network/NetworkLogView.ts | saveAllAsHarWithContent":{"message":"Save all as HAR with content"},"panels/network/NetworkLogView.ts | sBResourcesLoadedByThePage":{"message":"{PH1} B resources loaded by the page"},"panels/network/NetworkLogView.ts | sBSBResourcesLoadedByThePage":{"message":"{PH1} B / {PH2} B resources loaded by the page"},"panels/network/NetworkLogView.ts | sBSBTransferredOverNetwork":{"message":"{PH1} B / {PH2} B transferred over network"},"panels/network/NetworkLogView.ts | sBTransferredOverNetwork":{"message":"{PH1} B transferred over network"},"panels/network/NetworkLogView.ts | sRequests":{"message":"{PH1} requests"},"panels/network/NetworkLogView.ts | sResources":{"message":"{PH1} resources"},"panels/network/NetworkLogView.ts | sSRequests":{"message":"{PH1} / {PH2} requests"},"panels/network/NetworkLogView.ts | sSResources":{"message":"{PH1} / {PH2} resources"},"panels/network/NetworkLogView.ts | sSTransferred":{"message":"{PH1} / {PH2} transferred"},"panels/network/NetworkLogView.ts | sTransferred":{"message":"{PH1} transferred"},"panels/network/NetworkLogView.ts | thirdParty":{"message":"3rd-party requests"},"panels/network/NetworkLogView.ts | unblockS":{"message":"Unblock {PH1}"},"panels/network/NetworkLogViewColumns.ts | connectionId":{"message":"Connection ID"},"panels/network/NetworkLogViewColumns.ts | content":{"message":"Content"},"panels/network/NetworkLogViewColumns.ts | cookies":{"message":"Cookies"},"panels/network/NetworkLogViewColumns.ts | domain":{"message":"Domain"},"panels/network/NetworkLogViewColumns.ts | endTime":{"message":"End Time"},"panels/network/NetworkLogViewColumns.ts | initiator":{"message":"Initiator"},"panels/network/NetworkLogViewColumns.ts | initiatorAddressSpace":{"message":"Initiator Address Space"},"panels/network/NetworkLogViewColumns.ts | latency":{"message":"Latency"},"panels/network/NetworkLogViewColumns.ts | manageHeaderColumns":{"message":"Manage Header Columns…"},"panels/network/NetworkLogViewColumns.ts | method":{"message":"Method"},"panels/network/NetworkLogViewColumns.ts | name":{"message":"Name"},"panels/network/NetworkLogViewColumns.ts | networkLog":{"message":"Network Log"},"panels/network/NetworkLogViewColumns.ts | path":{"message":"Path"},"panels/network/NetworkLogViewColumns.ts | priority":{"message":"Priority"},"panels/network/NetworkLogViewColumns.ts | protocol":{"message":"Protocol"},"panels/network/NetworkLogViewColumns.ts | remoteAddress":{"message":"Remote Address"},"panels/network/NetworkLogViewColumns.ts | remoteAddressSpace":{"message":"Remote Address Space"},"panels/network/NetworkLogViewColumns.ts | responseHeaders":{"message":"Response Headers"},"panels/network/NetworkLogViewColumns.ts | responseTime":{"message":"Response Time"},"panels/network/NetworkLogViewColumns.ts | scheme":{"message":"Scheme"},"panels/network/NetworkLogViewColumns.ts | setCookies":{"message":"Set Cookies"},"panels/network/NetworkLogViewColumns.ts | size":{"message":"Size"},"panels/network/NetworkLogViewColumns.ts | startTime":{"message":"Start Time"},"panels/network/NetworkLogViewColumns.ts | status":{"message":"Status"},"panels/network/NetworkLogViewColumns.ts | text":{"message":"Text"},"panels/network/NetworkLogViewColumns.ts | time":{"message":"Time"},"panels/network/NetworkLogViewColumns.ts | totalDuration":{"message":"Total Duration"},"panels/network/NetworkLogViewColumns.ts | type":{"message":"Type"},"panels/network/NetworkLogViewColumns.ts | url":{"message":"Url"},"panels/network/NetworkLogViewColumns.ts | waterfall":{"message":"Waterfall"},"panels/network/NetworkManageCustomHeadersView.ts | addCustomHeader":{"message":"Add custom header…"},"panels/network/NetworkManageCustomHeadersView.ts | headerName":{"message":"Header Name"},"panels/network/NetworkManageCustomHeadersView.ts | manageHeaderColumns":{"message":"Manage Header Columns"},"panels/network/NetworkManageCustomHeadersView.ts | noCustomHeaders":{"message":"No custom headers"},"panels/network/NetworkPanel.ts | captureScreenshots":{"message":"Capture screenshots"},"panels/network/NetworkPanel.ts | captureScreenshotsWhenLoadingA":{"message":"Capture screenshots when loading a page"},"panels/network/NetworkPanel.ts | close":{"message":"Close"},"panels/network/NetworkPanel.ts | disableCache":{"message":"Disable cache"},"panels/network/NetworkPanel.ts | disableCacheWhileDevtoolsIsOpen":{"message":"Disable cache (while DevTools is open)"},"panels/network/NetworkPanel.ts | doNotClearLogOnPageReload":{"message":"Do not clear log on page reload / navigation"},"panels/network/NetworkPanel.ts | exportHar":{"message":"Export HAR..."},"panels/network/NetworkPanel.ts | fetchingFrames":{"message":"Fetching frames..."},"panels/network/NetworkPanel.ts | groupByFrame":{"message":"Group by frame"},"panels/network/NetworkPanel.ts | groupRequestsByTopLevelRequest":{"message":"Group requests by top level request frame"},"panels/network/NetworkPanel.ts | hitSToReloadAndCaptureFilmstrip":{"message":"Hit {PH1} to reload and capture filmstrip."},"panels/network/NetworkPanel.ts | importHarFile":{"message":"Import HAR file..."},"panels/network/NetworkPanel.ts | moreNetworkConditions":{"message":"More network conditions…"},"panels/network/NetworkPanel.ts | networkSettings":{"message":"Network settings"},"panels/network/NetworkPanel.ts | preserveLog":{"message":"Preserve log"},"panels/network/NetworkPanel.ts | recordingFrames":{"message":"Recording frames..."},"panels/network/NetworkPanel.ts | revealInNetworkPanel":{"message":"Reveal in Network panel"},"panels/network/NetworkPanel.ts | search":{"message":"Search"},"panels/network/NetworkPanel.ts | showMoreInformationInRequestRows":{"message":"Show more information in request rows"},"panels/network/NetworkPanel.ts | showOverview":{"message":"Show overview"},"panels/network/NetworkPanel.ts | showOverviewOfNetworkRequests":{"message":"Show overview of network requests"},"panels/network/NetworkPanel.ts | throttling":{"message":"Throttling"},"panels/network/NetworkPanel.ts | useLargeRequestRows":{"message":"Use large request rows"},"panels/network/NetworkSearchScope.ts | url":{"message":"URL"},"panels/network/NetworkTimeCalculator.ts | sDownload":{"message":"{PH1} download"},"panels/network/NetworkTimeCalculator.ts | sFromCache":{"message":"{PH1} (from cache)"},"panels/network/NetworkTimeCalculator.ts | sFromServiceworker":{"message":"{PH1} (from ServiceWorker)"},"panels/network/NetworkTimeCalculator.ts | sLatency":{"message":"{PH1} latency"},"panels/network/NetworkTimeCalculator.ts | sLatencySDownloadSTotal":{"message":"{PH1} latency, {PH2} download ({PH3} total)"},"panels/network/RequestCookiesView.ts | cookiesThatWereReceivedFromThe":{"message":"Cookies that were received from the server in the 'set-cookie' header of the response"},"panels/network/RequestCookiesView.ts | cookiesThatWereReceivedFromTheServer":{"message":"Cookies that were received from the server in the 'set-cookie' header of the response but were malformed"},"panels/network/RequestCookiesView.ts | cookiesThatWereSentToTheServerIn":{"message":"Cookies that were sent to the server in the 'cookie' header of the request"},"panels/network/RequestCookiesView.ts | learnMore":{"message":"Learn more"},"panels/network/RequestCookiesView.ts | malformedResponseCookies":{"message":"Malformed Response Cookies"},"panels/network/RequestCookiesView.ts | noRequestCookiesWereSent":{"message":"No request cookies were sent."},"panels/network/RequestCookiesView.ts | requestCookies":{"message":"Request Cookies"},"panels/network/RequestCookiesView.ts | responseCookies":{"message":"Response Cookies"},"panels/network/RequestCookiesView.ts | showFilteredOutRequestCookies":{"message":"show filtered out request cookies"},"panels/network/RequestCookiesView.ts | siteHasCookieInOtherPartition":{"message":"This site has cookies in another partition, that were not sent with this request. {PH1}"},"panels/network/RequestCookiesView.ts | thisRequestHasNoCookies":{"message":"This request has no cookies."},"panels/network/RequestHeadersView.ts | activeClientExperimentVariation":{"message":"Active client experiment variation IDs."},"panels/network/RequestHeadersView.ts | activeClientExperimentVariationIds":{"message":"Active client experiment variation IDs that trigger server-side behavior."},"panels/network/RequestHeadersView.ts | chooseThisOptionIfTheResourceAnd":{"message":"Choose this option if the resource and the document are served from the same site."},"panels/network/RequestHeadersView.ts | copyValue":{"message":"Copy value"},"panels/network/RequestHeadersView.ts | decoded":{"message":"Decoded:"},"panels/network/RequestHeadersView.ts | fromDiskCache":{"message":"(from disk cache)"},"panels/network/RequestHeadersView.ts | fromMemoryCache":{"message":"(from memory cache)"},"panels/network/RequestHeadersView.ts | fromPrefetchCache":{"message":"(from prefetch cache)"},"panels/network/RequestHeadersView.ts | fromServiceWorker":{"message":"(from service worker)"},"panels/network/RequestHeadersView.ts | fromSignedexchange":{"message":"(from signed-exchange)"},"panels/network/RequestHeadersView.ts | fromWebBundle":{"message":"(from Web Bundle)"},"panels/network/RequestHeadersView.ts | general":{"message":"General"},"panels/network/RequestHeadersView.ts | headerOverrides":{"message":"Header overrides"},"panels/network/RequestHeadersView.ts | learnMore":{"message":"Learn more"},"panels/network/RequestHeadersView.ts | learnMoreInTheIssuesTab":{"message":"Learn more in the issues tab"},"panels/network/RequestHeadersView.ts | onlyChooseThisOptionIfAn":{"message":"Only choose this option if an arbitrary website including this resource does not impose a security risk."},"panels/network/RequestHeadersView.ts | onlyProvisionalHeadersAre":{"message":"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers."},"panels/network/RequestHeadersView.ts | provisionalHeadersAreShown":{"message":"Provisional headers are shown"},"panels/network/RequestHeadersView.ts | provisionalHeadersAreShownS":{"message":"Provisional headers are shown. Disable cache to see full headers."},"panels/network/RequestHeadersView.ts | referrerPolicy":{"message":"Referrer Policy"},"panels/network/RequestHeadersView.ts | remoteAddress":{"message":"Remote Address"},"panels/network/RequestHeadersView.ts | requestHeaders":{"message":"Request Headers"},"panels/network/RequestHeadersView.ts | requestMethod":{"message":"Request Method"},"panels/network/RequestHeadersView.ts | requestUrl":{"message":"Request URL"},"panels/network/RequestHeadersView.ts | responseHeaders":{"message":"Response Headers"},"panels/network/RequestHeadersView.ts | showMore":{"message":"Show more"},"panels/network/RequestHeadersView.ts | statusCode":{"message":"Status Code"},"panels/network/RequestHeadersView.ts | thisDocumentWasBlockedFrom":{"message":"This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy."},"panels/network/RequestHeadersView.ts | toEmbedThisFrameInYourDocument":{"message":"To embed this frame in your document, the response needs to enable the cross-origin embedder policy by specifying the following response header:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferent":{"message":"To use this resource from a different origin, the server needs to specify a cross-origin resource policy in the response headers:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferentOrigin":{"message":"To use this resource from a different origin, the server may relax the cross-origin resource policy response header:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferentSite":{"message":"To use this resource from a different site, the server may relax the cross-origin resource policy response header:"},"panels/network/RequestHeadersView.ts | viewParsed":{"message":"View parsed"},"panels/network/RequestHeadersView.ts | viewSource":{"message":"View source"},"panels/network/RequestInitiatorView.ts | requestCallStack":{"message":"Request call stack"},"panels/network/RequestInitiatorView.ts | requestInitiatorChain":{"message":"Request initiator chain"},"panels/network/RequestInitiatorView.ts | thisRequestHasNoInitiatorData":{"message":"This request has no initiator data."},"panels/network/RequestPayloadView.ts | copyValue":{"message":"Copy value"},"panels/network/RequestPayloadView.ts | empty":{"message":"(empty)"},"panels/network/RequestPayloadView.ts | formData":{"message":"Form Data"},"panels/network/RequestPayloadView.ts | queryStringParameters":{"message":"Query String Parameters"},"panels/network/RequestPayloadView.ts | requestPayload":{"message":"Request Payload"},"panels/network/RequestPayloadView.ts | showMore":{"message":"Show more"},"panels/network/RequestPayloadView.ts | unableToDecodeValue":{"message":"(unable to decode value)"},"panels/network/RequestPayloadView.ts | viewDecoded":{"message":"View decoded"},"panels/network/RequestPayloadView.ts | viewDecodedL":{"message":"view decoded"},"panels/network/RequestPayloadView.ts | viewParsed":{"message":"View parsed"},"panels/network/RequestPayloadView.ts | viewParsedL":{"message":"view parsed"},"panels/network/RequestPayloadView.ts | viewSource":{"message":"View source"},"panels/network/RequestPayloadView.ts | viewSourceL":{"message":"view source"},"panels/network/RequestPayloadView.ts | viewUrlEncoded":{"message":"View URL-encoded"},"panels/network/RequestPayloadView.ts | viewUrlEncodedL":{"message":"view URL-encoded"},"panels/network/RequestPreviewView.ts | failedToLoadResponseData":{"message":"Failed to load response data"},"panels/network/RequestPreviewView.ts | previewNotAvailable":{"message":"Preview not available"},"panels/network/RequestResponseView.ts | failedToLoadResponseData":{"message":"Failed to load response data"},"panels/network/RequestResponseView.ts | thisRequestHasNoResponseData":{"message":"This request has no response data available."},"panels/network/RequestTimingView.ts | cacheStorageCacheNameS":{"message":"Cache storage cache name: {PH1}"},"panels/network/RequestTimingView.ts | cacheStorageCacheNameUnknown":{"message":"Cache storage cache name: Unknown"},"panels/network/RequestTimingView.ts | cautionRequestIsNotFinishedYet":{"message":"CAUTION: request is not finished yet!"},"panels/network/RequestTimingView.ts | connectionStart":{"message":"Connection Start"},"panels/network/RequestTimingView.ts | contentDownload":{"message":"Content Download"},"panels/network/RequestTimingView.ts | dnsLookup":{"message":"DNS Lookup"},"panels/network/RequestTimingView.ts | duration":{"message":"Duration"},"panels/network/RequestTimingView.ts | durationC":{"message":"DURATION"},"panels/network/RequestTimingView.ts | duringDevelopmentYouCanUseSToAdd":{"message":"During development, you can use {PH1} to add insights into the server-side timing of this request."},"panels/network/RequestTimingView.ts | explanation":{"message":"Explanation"},"panels/network/RequestTimingView.ts | fallbackCode":{"message":"Fallback code"},"panels/network/RequestTimingView.ts | fromHttpCache":{"message":"From HTTP cache"},"panels/network/RequestTimingView.ts | initialConnection":{"message":"Initial connection"},"panels/network/RequestTimingView.ts | label":{"message":"Label"},"panels/network/RequestTimingView.ts | networkFetch":{"message":"Network fetch"},"panels/network/RequestTimingView.ts | originalRequest":{"message":"Original Request"},"panels/network/RequestTimingView.ts | proxyNegotiation":{"message":"Proxy negotiation"},"panels/network/RequestTimingView.ts | queuedAtS":{"message":"Queued at {PH1}"},"panels/network/RequestTimingView.ts | queueing":{"message":"Queueing"},"panels/network/RequestTimingView.ts | readingPush":{"message":"Reading Push"},"panels/network/RequestTimingView.ts | receivingPush":{"message":"Receiving Push"},"panels/network/RequestTimingView.ts | requestresponse":{"message":"Request/Response"},"panels/network/RequestTimingView.ts | requestSent":{"message":"Request sent"},"panels/network/RequestTimingView.ts | requestToServiceworker":{"message":"Request to ServiceWorker"},"panels/network/RequestTimingView.ts | resourceScheduling":{"message":"Resource Scheduling"},"panels/network/RequestTimingView.ts | respondwith":{"message":"respondWith"},"panels/network/RequestTimingView.ts | responseReceived":{"message":"Response Received"},"panels/network/RequestTimingView.ts | retrievalTimeS":{"message":"Retrieval Time: {PH1}"},"panels/network/RequestTimingView.ts | serverPush":{"message":"Server Push"},"panels/network/RequestTimingView.ts | serverTiming":{"message":"Server Timing"},"panels/network/RequestTimingView.ts | serviceworkerCacheStorage":{"message":"ServiceWorker cache storage"},"panels/network/RequestTimingView.ts | sourceOfResponseS":{"message":"Source of response: {PH1}"},"panels/network/RequestTimingView.ts | ssl":{"message":"SSL"},"panels/network/RequestTimingView.ts | stalled":{"message":"Stalled"},"panels/network/RequestTimingView.ts | startedAtS":{"message":"Started at {PH1}"},"panels/network/RequestTimingView.ts | startup":{"message":"Startup"},"panels/network/RequestTimingView.ts | theServerTimingApi":{"message":"the Server Timing API"},"panels/network/RequestTimingView.ts | time":{"message":"TIME"},"panels/network/RequestTimingView.ts | total":{"message":"Total"},"panels/network/RequestTimingView.ts | unknown":{"message":"Unknown"},"panels/network/RequestTimingView.ts | waitingTtfb":{"message":"Waiting for server response"},"panels/network/RequestTimingView.ts | waterfall":{"message":"Waterfall"},"panels/network/ResourceWebSocketFrameView.ts | all":{"message":"All"},"panels/network/ResourceWebSocketFrameView.ts | binaryMessage":{"message":"Binary Message"},"panels/network/ResourceWebSocketFrameView.ts | clearAll":{"message":"Clear All"},"panels/network/ResourceWebSocketFrameView.ts | clearAllL":{"message":"Clear all"},"panels/network/ResourceWebSocketFrameView.ts | connectionCloseMessage":{"message":"Connection Close Message"},"panels/network/ResourceWebSocketFrameView.ts | continuationFrame":{"message":"Continuation Frame"},"panels/network/ResourceWebSocketFrameView.ts | copyMessage":{"message":"Copy message"},"panels/network/ResourceWebSocketFrameView.ts | copyMessageD":{"message":"Copy message..."},"panels/network/ResourceWebSocketFrameView.ts | data":{"message":"Data"},"panels/network/ResourceWebSocketFrameView.ts | enterRegex":{"message":"Enter regex, for example: (web)?socket"},"panels/network/ResourceWebSocketFrameView.ts | filter":{"message":"Filter"},"panels/network/ResourceWebSocketFrameView.ts | length":{"message":"Length"},"panels/network/ResourceWebSocketFrameView.ts | na":{"message":"N/A"},"panels/network/ResourceWebSocketFrameView.ts | pingMessage":{"message":"Ping Message"},"panels/network/ResourceWebSocketFrameView.ts | pongMessage":{"message":"Pong Message"},"panels/network/ResourceWebSocketFrameView.ts | receive":{"message":"Receive"},"panels/network/ResourceWebSocketFrameView.ts | selectMessageToBrowseItsContent":{"message":"Select message to browse its content."},"panels/network/ResourceWebSocketFrameView.ts | send":{"message":"Send"},"panels/network/ResourceWebSocketFrameView.ts | sOpcodeS":{"message":"{PH1} (Opcode {PH2})"},"panels/network/ResourceWebSocketFrameView.ts | sOpcodeSMask":{"message":"{PH1} (Opcode {PH2}, mask)"},"panels/network/ResourceWebSocketFrameView.ts | textMessage":{"message":"Text Message"},"panels/network/ResourceWebSocketFrameView.ts | time":{"message":"Time"},"panels/network/ResourceWebSocketFrameView.ts | webSocketFrame":{"message":"Web Socket Frame"},"panels/network/SignedExchangeInfoView.ts | certificate":{"message":"Certificate"},"panels/network/SignedExchangeInfoView.ts | certificateSha":{"message":"Certificate SHA256"},"panels/network/SignedExchangeInfoView.ts | certificateUrl":{"message":"Certificate URL"},"panels/network/SignedExchangeInfoView.ts | date":{"message":"Date"},"panels/network/SignedExchangeInfoView.ts | errors":{"message":"Errors"},"panels/network/SignedExchangeInfoView.ts | expires":{"message":"Expires"},"panels/network/SignedExchangeInfoView.ts | headerIntegrityHash":{"message":"Header integrity hash"},"panels/network/SignedExchangeInfoView.ts | integrity":{"message":"Integrity"},"panels/network/SignedExchangeInfoView.ts | issuer":{"message":"Issuer"},"panels/network/SignedExchangeInfoView.ts | label":{"message":"Label"},"panels/network/SignedExchangeInfoView.ts | learnmore":{"message":"Learn more"},"panels/network/SignedExchangeInfoView.ts | requestUrl":{"message":"Request URL"},"panels/network/SignedExchangeInfoView.ts | responseCode":{"message":"Response code"},"panels/network/SignedExchangeInfoView.ts | responseHeaders":{"message":"Response headers"},"panels/network/SignedExchangeInfoView.ts | signature":{"message":"Signature"},"panels/network/SignedExchangeInfoView.ts | signedHttpExchange":{"message":"Signed HTTP exchange"},"panels/network/SignedExchangeInfoView.ts | subject":{"message":"Subject"},"panels/network/SignedExchangeInfoView.ts | validFrom":{"message":"Valid from"},"panels/network/SignedExchangeInfoView.ts | validityUrl":{"message":"Validity URL"},"panels/network/SignedExchangeInfoView.ts | validUntil":{"message":"Valid until"},"panels/network/SignedExchangeInfoView.ts | viewCertificate":{"message":"View certificate"},"panels/performance_monitor/performance_monitor-meta.ts | activity":{"message":"activity"},"panels/performance_monitor/performance_monitor-meta.ts | metrics":{"message":"metrics"},"panels/performance_monitor/performance_monitor-meta.ts | monitor":{"message":"monitor"},"panels/performance_monitor/performance_monitor-meta.ts | performance":{"message":"performance"},"panels/performance_monitor/performance_monitor-meta.ts | performanceMonitor":{"message":"Performance monitor"},"panels/performance_monitor/performance_monitor-meta.ts | showPerformanceMonitor":{"message":"Show Performance monitor"},"panels/performance_monitor/performance_monitor-meta.ts | systemMonitor":{"message":"system monitor"},"panels/performance_monitor/PerformanceMonitor.ts | cpuUsage":{"message":"CPU usage"},"panels/performance_monitor/PerformanceMonitor.ts | documentFrames":{"message":"Document Frames"},"panels/performance_monitor/PerformanceMonitor.ts | documents":{"message":"Documents"},"panels/performance_monitor/PerformanceMonitor.ts | domNodes":{"message":"DOM Nodes"},"panels/performance_monitor/PerformanceMonitor.ts | graphsDisplayingARealtimeViewOf":{"message":"Graphs displaying a real-time view of performance metrics"},"panels/performance_monitor/PerformanceMonitor.ts | jsEventListeners":{"message":"JS event listeners"},"panels/performance_monitor/PerformanceMonitor.ts | jsHeapSize":{"message":"JS heap size"},"panels/performance_monitor/PerformanceMonitor.ts | layoutsSec":{"message":"Layouts / sec"},"panels/performance_monitor/PerformanceMonitor.ts | paused":{"message":"Paused"},"panels/performance_monitor/PerformanceMonitor.ts | styleRecalcsSec":{"message":"Style recalcs / sec"},"panels/profiler/CPUProfileView.ts | aggregatedSelfTime":{"message":"Aggregated self time"},"panels/profiler/CPUProfileView.ts | aggregatedTotalTime":{"message":"Aggregated total time"},"panels/profiler/CPUProfileView.ts | cpuProfiles":{"message":"CPU PROFILES"},"panels/profiler/CPUProfileView.ts | cpuProfilesShow":{"message":"CPU profiles show where the execution time is spent in your page's JavaScript functions."},"panels/profiler/CPUProfileView.ts | fms":{"message":"{PH1} ms"},"panels/profiler/CPUProfileView.ts | formatPercent":{"message":"{PH1} %"},"panels/profiler/CPUProfileView.ts | name":{"message":"Name"},"panels/profiler/CPUProfileView.ts | notOptimized":{"message":"Not optimized"},"panels/profiler/CPUProfileView.ts | recording":{"message":"Recording…"},"panels/profiler/CPUProfileView.ts | recordJavascriptCpuProfile":{"message":"Record JavaScript CPU Profile"},"panels/profiler/CPUProfileView.ts | selfTime":{"message":"Self Time"},"panels/profiler/CPUProfileView.ts | startCpuProfiling":{"message":"Start CPU profiling"},"panels/profiler/CPUProfileView.ts | stopCpuProfiling":{"message":"Stop CPU profiling"},"panels/profiler/CPUProfileView.ts | totalTime":{"message":"Total Time"},"panels/profiler/CPUProfileView.ts | url":{"message":"URL"},"panels/profiler/HeapProfilerPanel.ts | revealInSummaryView":{"message":"Reveal in Summary view"},"panels/profiler/HeapProfileView.ts | allocationSampling":{"message":"Allocation sampling"},"panels/profiler/HeapProfileView.ts | formatPercent":{"message":"{PH1} %"},"panels/profiler/HeapProfileView.ts | heapProfilerIsRecording":{"message":"Heap profiler is recording"},"panels/profiler/HeapProfileView.ts | itProvidesGoodApproximation":{"message":"It provides good approximation of allocations broken down by JavaScript execution stack."},"panels/profiler/HeapProfileView.ts | name":{"message":"Name"},"panels/profiler/HeapProfileView.ts | profileD":{"message":"Profile {PH1}"},"panels/profiler/HeapProfileView.ts | recording":{"message":"Recording…"},"panels/profiler/HeapProfileView.ts | recordMemoryAllocations":{"message":"Record memory allocations using sampling method."},"panels/profiler/HeapProfileView.ts | samplingProfiles":{"message":"SAMPLING PROFILES"},"panels/profiler/HeapProfileView.ts | sBytes":{"message":"{PH1} bytes"},"panels/profiler/HeapProfileView.ts | selectedSizeS":{"message":"Selected size: {PH1}"},"panels/profiler/HeapProfileView.ts | selfSize":{"message":"Self size"},"panels/profiler/HeapProfileView.ts | selfSizeBytes":{"message":"Self Size (bytes)"},"panels/profiler/HeapProfileView.ts | skb":{"message":"{PH1} kB"},"panels/profiler/HeapProfileView.ts | startHeapProfiling":{"message":"Start heap profiling"},"panels/profiler/HeapProfileView.ts | stopHeapProfiling":{"message":"Stop heap profiling"},"panels/profiler/HeapProfileView.ts | stopping":{"message":"Stopping…"},"panels/profiler/HeapProfileView.ts | thisProfileTypeHasMinimal":{"message":"This profile type has minimal performance overhead and can be used for long running operations."},"panels/profiler/HeapProfileView.ts | totalSize":{"message":"Total size"},"panels/profiler/HeapProfileView.ts | totalSizeBytes":{"message":"Total Size (bytes)"},"panels/profiler/HeapProfileView.ts | url":{"message":"URL"},"panels/profiler/HeapSnapshotDataGrids.ts | allocation":{"message":"Allocation"},"panels/profiler/HeapSnapshotDataGrids.ts | allocSize":{"message":"Alloc. Size"},"panels/profiler/HeapSnapshotDataGrids.ts | constructorString":{"message":"Constructor"},"panels/profiler/HeapSnapshotDataGrids.ts | count":{"message":"Count"},"panels/profiler/HeapSnapshotDataGrids.ts | Deleted":{"message":"# Deleted"},"panels/profiler/HeapSnapshotDataGrids.ts | Delta":{"message":"# Delta"},"panels/profiler/HeapSnapshotDataGrids.ts | distance":{"message":"Distance"},"panels/profiler/HeapSnapshotDataGrids.ts | distanceFromWindowObject":{"message":"Distance from window object"},"panels/profiler/HeapSnapshotDataGrids.ts | freedSize":{"message":"Freed Size"},"panels/profiler/HeapSnapshotDataGrids.ts | function":{"message":"Function"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotConstructors":{"message":"Heap Snapshot Constructors"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotDiff":{"message":"Heap Snapshot Diff"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotRetainment":{"message":"Heap Snapshot Retainment"},"panels/profiler/HeapSnapshotDataGrids.ts | liveCount":{"message":"Live Count"},"panels/profiler/HeapSnapshotDataGrids.ts | liveSize":{"message":"Live Size"},"panels/profiler/HeapSnapshotDataGrids.ts | New":{"message":"# New"},"panels/profiler/HeapSnapshotDataGrids.ts | object":{"message":"Object"},"panels/profiler/HeapSnapshotDataGrids.ts | retainedSize":{"message":"Retained Size"},"panels/profiler/HeapSnapshotDataGrids.ts | shallowSize":{"message":"Shallow Size"},"panels/profiler/HeapSnapshotDataGrids.ts | size":{"message":"Size"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeDelta":{"message":"Size Delta"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeOfTheObjectItselfInBytes":{"message":"Size of the object itself in bytes"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeOfTheObjectPlusTheGraphIt":{"message":"Size of the object plus the graph it retains in bytes"},"panels/profiler/HeapSnapshotGridNodes.ts | detachedFromDomTree":{"message":"Detached from DOM tree"},"panels/profiler/HeapSnapshotGridNodes.ts | genericStringsTwoPlaceholders":{"message":"{PH1}, {PH2}"},"panels/profiler/HeapSnapshotGridNodes.ts | inElement":{"message":"in"},"panels/profiler/HeapSnapshotGridNodes.ts | internalArray":{"message":"(internal array)[]"},"panels/profiler/HeapSnapshotGridNodes.ts | previewIsNotAvailable":{"message":"Preview is not available"},"panels/profiler/HeapSnapshotGridNodes.ts | revealInSummaryView":{"message":"Reveal in Summary view"},"panels/profiler/HeapSnapshotGridNodes.ts | revealObjectSWithIdSInSummary":{"message":"Reveal object ''{PH1}'' with id @{PH2} in Summary view"},"panels/profiler/HeapSnapshotGridNodes.ts | storeAsGlobalVariable":{"message":"Store as global variable"},"panels/profiler/HeapSnapshotGridNodes.ts | summary":{"message":"Summary"},"panels/profiler/HeapSnapshotGridNodes.ts | userObjectReachableFromWindow":{"message":"User object reachable from window"},"panels/profiler/HeapSnapshotProxy.ts | anErrorOccurredWhenACallToMethod":{"message":"An error occurred when a call to method ''{PH1}'' was requested"},"panels/profiler/HeapSnapshotView.ts | allObjects":{"message":"All objects"},"panels/profiler/HeapSnapshotView.ts | allocation":{"message":"Allocation"},"panels/profiler/HeapSnapshotView.ts | allocationInstrumentationOn":{"message":"Allocation instrumentation on timeline"},"panels/profiler/HeapSnapshotView.ts | allocationStack":{"message":"Allocation stack"},"panels/profiler/HeapSnapshotView.ts | allocationTimelines":{"message":"ALLOCATION TIMELINES"},"panels/profiler/HeapSnapshotView.ts | AllocationTimelinesShowInstrumented":{"message":"Allocation timelines show instrumented JavaScript memory allocations over time. Once profile is recorded you can select a time interval to see objects that were allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks."},"panels/profiler/HeapSnapshotView.ts | baseSnapshot":{"message":"Base snapshot"},"panels/profiler/HeapSnapshotView.ts | captureNumericValue":{"message":"Include numerical values in capture"},"panels/profiler/HeapSnapshotView.ts | classFilter":{"message":"Class filter"},"panels/profiler/HeapSnapshotView.ts | code":{"message":"Code"},"panels/profiler/HeapSnapshotView.ts | comparison":{"message":"Comparison"},"panels/profiler/HeapSnapshotView.ts | containment":{"message":"Containment"},"panels/profiler/HeapSnapshotView.ts | exposeInternals":{"message":"Expose internals (includes additional implementation-specific details)"},"panels/profiler/HeapSnapshotView.ts | filter":{"message":"Filter"},"panels/profiler/HeapSnapshotView.ts | find":{"message":"Find"},"panels/profiler/HeapSnapshotView.ts | heapMemoryUsage":{"message":"Heap memory usage"},"panels/profiler/HeapSnapshotView.ts | heapSnapshot":{"message":"Heap snapshot"},"panels/profiler/HeapSnapshotView.ts | heapSnapshotProfilesShowMemory":{"message":"Heap snapshot profiles show memory distribution among your page's JavaScript objects and related DOM nodes."},"panels/profiler/HeapSnapshotView.ts | heapSnapshots":{"message":"HEAP SNAPSHOTS"},"panels/profiler/HeapSnapshotView.ts | jsArrays":{"message":"JS arrays"},"panels/profiler/HeapSnapshotView.ts | liveObjects":{"message":"Live objects"},"panels/profiler/HeapSnapshotView.ts | loading":{"message":"Loading…"},"panels/profiler/HeapSnapshotView.ts | objectsAllocatedBeforeS":{"message":"Objects allocated before {PH1}"},"panels/profiler/HeapSnapshotView.ts | objectsAllocatedBetweenSAndS":{"message":"Objects allocated between {PH1} and {PH2}"},"panels/profiler/HeapSnapshotView.ts | percentagePlaceholder":{"message":"{PH1}%"},"panels/profiler/HeapSnapshotView.ts | perspective":{"message":"Perspective"},"panels/profiler/HeapSnapshotView.ts | recordAllocationStacksExtra":{"message":"Record stack traces of allocations (extra performance overhead)"},"panels/profiler/HeapSnapshotView.ts | recording":{"message":"Recording…"},"panels/profiler/HeapSnapshotView.ts | retainers":{"message":"Retainers"},"panels/profiler/HeapSnapshotView.ts | savingD":{"message":"Saving… {PH1}%"},"panels/profiler/HeapSnapshotView.ts | selectedSizeS":{"message":"Selected size: {PH1}"},"panels/profiler/HeapSnapshotView.ts | sKb":{"message":"{PH1} kB"},"panels/profiler/HeapSnapshotView.ts | snapshotD":{"message":"Snapshot {PH1}"},"panels/profiler/HeapSnapshotView.ts | snapshotting":{"message":"Snapshotting…"},"panels/profiler/HeapSnapshotView.ts | stackWasNotRecordedForThisObject":{"message":"Stack was not recorded for this object because it had been allocated before this profile recording started."},"panels/profiler/HeapSnapshotView.ts | startRecordingHeapProfile":{"message":"Start recording heap profile"},"panels/profiler/HeapSnapshotView.ts | statistics":{"message":"Statistics"},"panels/profiler/HeapSnapshotView.ts | stopRecordingHeapProfile":{"message":"Stop recording heap profile"},"panels/profiler/HeapSnapshotView.ts | strings":{"message":"Strings"},"panels/profiler/HeapSnapshotView.ts | summary":{"message":"Summary"},"panels/profiler/HeapSnapshotView.ts | systemObjects":{"message":"System objects"},"panels/profiler/HeapSnapshotView.ts | takeHeapSnapshot":{"message":"Take heap snapshot"},"panels/profiler/HeapSnapshotView.ts | typedArrays":{"message":"Typed arrays"},"panels/profiler/IsolateSelector.ts | changeRate":{"message":"{PH1}/s"},"panels/profiler/IsolateSelector.ts | decreasingBySPerSecond":{"message":"decreasing by {PH1} per second"},"panels/profiler/IsolateSelector.ts | empty":{"message":"(empty)"},"panels/profiler/IsolateSelector.ts | heapSizeChangeTrendOverTheLastS":{"message":"Heap size change trend over the last {PH1} minutes."},"panels/profiler/IsolateSelector.ts | heapSizeInUseByLiveJsObjects":{"message":"Heap size in use by live JS objects."},"panels/profiler/IsolateSelector.ts | increasingBySPerSecond":{"message":"increasing by {PH1} per second"},"panels/profiler/IsolateSelector.ts | javascriptVmInstances":{"message":"JavaScript VM instances"},"panels/profiler/IsolateSelector.ts | totalJsHeapSize":{"message":"Total JS heap size"},"panels/profiler/IsolateSelector.ts | totalPageJsHeapSizeAcrossAllVm":{"message":"Total page JS heap size across all VM instances."},"panels/profiler/IsolateSelector.ts | totalPageJsHeapSizeChangeTrend":{"message":"Total page JS heap size change trend over the last {PH1} minutes."},"panels/profiler/LiveHeapProfileView.ts | allocatedJsHeapSizeCurrentlyIn":{"message":"Allocated JS heap size currently in use"},"panels/profiler/LiveHeapProfileView.ts | anonymousScriptS":{"message":"(Anonymous Script {PH1})"},"panels/profiler/LiveHeapProfileView.ts | heapProfile":{"message":"Heap Profile"},"panels/profiler/LiveHeapProfileView.ts | jsHeap":{"message":"JS Heap"},"panels/profiler/LiveHeapProfileView.ts | kb":{"message":"kB"},"panels/profiler/LiveHeapProfileView.ts | numberOfVmsSharingTheSameScript":{"message":"Number of VMs sharing the same script source"},"panels/profiler/LiveHeapProfileView.ts | scriptUrl":{"message":"Script URL"},"panels/profiler/LiveHeapProfileView.ts | urlOfTheScriptSource":{"message":"URL of the script source"},"panels/profiler/LiveHeapProfileView.ts | vms":{"message":"VMs"},"panels/profiler/ModuleUIStrings.ts | buildingAllocationStatistics":{"message":"Building allocation statistics…"},"panels/profiler/ModuleUIStrings.ts | buildingDominatedNodes":{"message":"Building dominated nodes…"},"panels/profiler/ModuleUIStrings.ts | buildingDominatorTree":{"message":"Building dominator tree…"},"panels/profiler/ModuleUIStrings.ts | buildingEdgeIndexes":{"message":"Building edge indexes…"},"panels/profiler/ModuleUIStrings.ts | buildingLocations":{"message":"Building locations…"},"panels/profiler/ModuleUIStrings.ts | buildingPostorderIndex":{"message":"Building postorder index…"},"panels/profiler/ModuleUIStrings.ts | buildingRetainers":{"message":"Building retainers…"},"panels/profiler/ModuleUIStrings.ts | calculatingDistances":{"message":"Calculating distances…"},"panels/profiler/ModuleUIStrings.ts | calculatingNodeFlags":{"message":"Calculating node flags…"},"panels/profiler/ModuleUIStrings.ts | calculatingRetainedSizes":{"message":"Calculating retained sizes…"},"panels/profiler/ModuleUIStrings.ts | calculatingSamples":{"message":"Calculating samples…"},"panels/profiler/ModuleUIStrings.ts | calculatingStatistics":{"message":"Calculating statistics…"},"panels/profiler/ModuleUIStrings.ts | done":{"message":"Done"},"panels/profiler/ModuleUIStrings.ts | finishedProcessing":{"message":"Finished processing."},"panels/profiler/ModuleUIStrings.ts | loadingAllocationTracesD":{"message":"Loading allocation traces… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingEdgesD":{"message":"Loading edges… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingLocations":{"message":"Loading locations…"},"panels/profiler/ModuleUIStrings.ts | loadingNodesD":{"message":"Loading nodes… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingSamples":{"message":"Loading samples…"},"panels/profiler/ModuleUIStrings.ts | loadingSnapshotInfo":{"message":"Loading snapshot info…"},"panels/profiler/ModuleUIStrings.ts | loadingStrings":{"message":"Loading strings…"},"panels/profiler/ModuleUIStrings.ts | parsingStrings":{"message":"Parsing strings…"},"panels/profiler/ModuleUIStrings.ts | processingSnapshot":{"message":"Processing snapshot…"},"panels/profiler/ModuleUIStrings.ts | propagatingDomState":{"message":"Propagating DOM state…"},"panels/profiler/ProfileDataGrid.ts | genericTextTwoPlaceholders":{"message":"{PH1}, {PH2}"},"panels/profiler/ProfileDataGrid.ts | notOptimizedS":{"message":"Not optimized: {PH1}"},"panels/profiler/ProfileLauncherView.ts | load":{"message":"Load"},"panels/profiler/ProfileLauncherView.ts | selectJavascriptVmInstance":{"message":"Select JavaScript VM instance"},"panels/profiler/ProfileLauncherView.ts | selectProfilingType":{"message":"Select profiling type"},"panels/profiler/ProfileLauncherView.ts | start":{"message":"Start"},"panels/profiler/ProfileLauncherView.ts | stop":{"message":"Stop"},"panels/profiler/ProfileLauncherView.ts | takeSnapshot":{"message":"Take snapshot"},"panels/profiler/profiler-meta.ts | liveHeapProfile":{"message":"Live Heap Profile"},"panels/profiler/profiler-meta.ts | memory":{"message":"Memory"},"panels/profiler/profiler-meta.ts | showLiveHeapProfile":{"message":"Show Live Heap Profile"},"panels/profiler/profiler-meta.ts | showMemory":{"message":"Show Memory"},"panels/profiler/profiler-meta.ts | showNativeFunctions":{"message":"Show native functions in JS Profile"},"panels/profiler/profiler-meta.ts | startRecordingHeapAllocations":{"message":"Start recording heap allocations"},"panels/profiler/profiler-meta.ts | startRecordingHeapAllocationsAndReload":{"message":"Start recording heap allocations and reload the page"},"panels/profiler/profiler-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/profiler/profiler-meta.ts | stopRecordingHeapAllocations":{"message":"Stop recording heap allocations"},"panels/profiler/ProfileSidebarTreeElement.ts | delete":{"message":"Delete"},"panels/profiler/ProfileSidebarTreeElement.ts | load":{"message":"Load…"},"panels/profiler/ProfileSidebarTreeElement.ts | save":{"message":"Save"},"panels/profiler/ProfileSidebarTreeElement.ts | saveWithEllipsis":{"message":"Save…"},"panels/profiler/ProfilesPanel.ts | cantLoadFileSupportedFile":{"message":"Can’t load file. Supported file extensions: ''{PH1}''."},"panels/profiler/ProfilesPanel.ts | cantLoadProfileWhileAnother":{"message":"Can’t load profile while another profile is being recorded."},"panels/profiler/ProfilesPanel.ts | clearAllProfiles":{"message":"Clear all profiles"},"panels/profiler/ProfilesPanel.ts | deprecationWarnMsg":{"message":"This panel will be deprecated in the upcoming version. Use the Performance panel to record JavaScript CPU profiles."},"panels/profiler/ProfilesPanel.ts | enableThisPanelTemporarily":{"message":"Enable this panel temporarily"},"panels/profiler/ProfilesPanel.ts | feedback":{"message":"Feedback"},"panels/profiler/ProfilesPanel.ts | goToPerformancePanel":{"message":"Go to Performance Panel"},"panels/profiler/ProfilesPanel.ts | learnMore":{"message":"Learn more"},"panels/profiler/ProfilesPanel.ts | load":{"message":"Load…"},"panels/profiler/ProfilesPanel.ts | profileLoadingFailedS":{"message":"Profile loading failed: {PH1}."},"panels/profiler/ProfilesPanel.ts | profiles":{"message":"Profiles"},"panels/profiler/ProfilesPanel.ts | runD":{"message":"Run {PH1}"},"panels/profiler/ProfileView.ts | chart":{"message":"Chart"},"panels/profiler/ProfileView.ts | excludeSelectedFunction":{"message":"Exclude selected function"},"panels/profiler/ProfileView.ts | failedToReadFile":{"message":"Failed to read file"},"panels/profiler/ProfileView.ts | fileSReadErrorS":{"message":"File ''{PH1}'' read error: {PH2}"},"panels/profiler/ProfileView.ts | findByCostMsNameOrFile":{"message":"Find by cost (>50ms), name or file"},"panels/profiler/ProfileView.ts | focusSelectedFunction":{"message":"Focus selected function"},"panels/profiler/ProfileView.ts | function":{"message":"Function"},"panels/profiler/ProfileView.ts | heavyBottomUp":{"message":"Heavy (Bottom Up)"},"panels/profiler/ProfileView.ts | loaded":{"message":"Loaded"},"panels/profiler/ProfileView.ts | loading":{"message":"Loading…"},"panels/profiler/ProfileView.ts | loadingD":{"message":"Loading… {PH1}%"},"panels/profiler/ProfileView.ts | parsing":{"message":"Parsing…"},"panels/profiler/ProfileView.ts | profile":{"message":"Profile"},"panels/profiler/ProfileView.ts | profileD":{"message":"Profile {PH1}"},"panels/profiler/ProfileView.ts | profiler":{"message":"Profiler"},"panels/profiler/ProfileView.ts | profileViewMode":{"message":"Profile view mode"},"panels/profiler/ProfileView.ts | restoreAllFunctions":{"message":"Restore all functions"},"panels/profiler/ProfileView.ts | treeTopDown":{"message":"Tree (Top Down)"},"panels/protocol_monitor/protocol_monitor-meta.ts | protocolMonitor":{"message":"Protocol monitor"},"panels/protocol_monitor/protocol_monitor-meta.ts | showProtocolMonitor":{"message":"Show Protocol monitor"},"panels/protocol_monitor/ProtocolMonitor.ts | CDPCommandEditorHidden":{"message":"CDP command editor hidden"},"panels/protocol_monitor/ProtocolMonitor.ts | CDPCommandEditorShown":{"message":"CDP command editor shown"},"panels/protocol_monitor/ProtocolMonitor.ts | clearAll":{"message":"Clear all"},"panels/protocol_monitor/ProtocolMonitor.ts | documentation":{"message":"Documentation"},"panels/protocol_monitor/ProtocolMonitor.ts | elapsedTime":{"message":"Elapsed time"},"panels/protocol_monitor/ProtocolMonitor.ts | filter":{"message":"Filter"},"panels/protocol_monitor/ProtocolMonitor.ts | hideCDPCommandEditor":{"message":"Hide  CDP command editor"},"panels/protocol_monitor/ProtocolMonitor.ts | method":{"message":"Method"},"panels/protocol_monitor/ProtocolMonitor.ts | noMessageSelected":{"message":"No message selected"},"panels/protocol_monitor/ProtocolMonitor.ts | record":{"message":"Record"},"panels/protocol_monitor/ProtocolMonitor.ts | request":{"message":"Request"},"panels/protocol_monitor/ProtocolMonitor.ts | response":{"message":"Response"},"panels/protocol_monitor/ProtocolMonitor.ts | save":{"message":"Save"},"panels/protocol_monitor/ProtocolMonitor.ts | selectTarget":{"message":"Select a target"},"panels/protocol_monitor/ProtocolMonitor.ts | sendRawCDPCommand":{"message":"Send a raw CDP command"},"panels/protocol_monitor/ProtocolMonitor.ts | sendRawCDPCommandExplanation":{"message":"Format: 'Domain.commandName' for a command without parameters, or '{\"command\":\"Domain.commandName\", \"parameters\": {...}}' as a JSON object for a command with parameters. 'cmd'/'method' and 'args'/'params'/'arguments' are also supported as alternative keys for the JSON object."},"panels/protocol_monitor/ProtocolMonitor.ts | session":{"message":"Session"},"panels/protocol_monitor/ProtocolMonitor.ts | showCDPCommandEditor":{"message":"Show CDP command editor"},"panels/protocol_monitor/ProtocolMonitor.ts | sMs":{"message":"{PH1} ms"},"panels/protocol_monitor/ProtocolMonitor.ts | target":{"message":"Target"},"panels/protocol_monitor/ProtocolMonitor.ts | timestamp":{"message":"Timestamp"},"panels/protocol_monitor/ProtocolMonitor.ts | type":{"message":"Type"},"panels/recorder/components/CreateRecordingView.ts | cancelRecording":{"message":"Cancel recording"},"panels/recorder/components/CreateRecordingView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/CreateRecordingView.ts | includeNecessarySelectors":{"message":"You must choose CSS, Pierce, or XPath as one of your options. Only these selectors are guaranteed to be recorded since ARIA and text selectors may not be unique."},"panels/recorder/components/CreateRecordingView.ts | recordingName":{"message":"Recording name"},"panels/recorder/components/CreateRecordingView.ts | recordingNameIsRequired":{"message":"Recording name is required"},"panels/recorder/components/CreateRecordingView.ts | selectorAttribute":{"message":"Selector attribute"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeARIA":{"message":"ARIA"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeCSS":{"message":"CSS"},"panels/recorder/components/CreateRecordingView.ts | selectorTypePierce":{"message":"Pierce"},"panels/recorder/components/CreateRecordingView.ts | selectorTypes":{"message":"Selector types to record"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeText":{"message":"Text"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeXPath":{"message":"XPath"},"panels/recorder/components/CreateRecordingView.ts | startRecording":{"message":"Start recording"},"panels/recorder/components/ExtensionView.ts | closeView":{"message":"Close"},"panels/recorder/components/ExtensionView.ts | extension":{"message":"Content provided by a browser extension"},"panels/recorder/components/RecordingListView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/RecordingListView.ts | deleteRecording":{"message":"Delete recording"},"panels/recorder/components/RecordingListView.ts | openRecording":{"message":"Open recording"},"panels/recorder/components/RecordingListView.ts | playRecording":{"message":"Play recording"},"panels/recorder/components/RecordingListView.ts | savedRecordings":{"message":"Saved recordings"},"panels/recorder/components/RecordingView.ts | addAssertion":{"message":"Add assertion"},"panels/recorder/components/RecordingView.ts | cancelReplay":{"message":"Cancel replay"},"panels/recorder/components/RecordingView.ts | default":{"message":"Default"},"panels/recorder/components/RecordingView.ts | desktop":{"message":"Desktop"},"panels/recorder/components/RecordingView.ts | download":{"message":"Download: {value}"},"panels/recorder/components/RecordingView.ts | editReplaySettings":{"message":"Edit replay settings"},"panels/recorder/components/RecordingView.ts | editTitle":{"message":"Edit title"},"panels/recorder/components/RecordingView.ts | endRecording":{"message":"End recording"},"panels/recorder/components/RecordingView.ts | environment":{"message":"Environment"},"panels/recorder/components/RecordingView.ts | hideCode":{"message":"Hide code"},"panels/recorder/components/RecordingView.ts | latency":{"message":"Latency: {value} ms"},"panels/recorder/components/RecordingView.ts | mobile":{"message":"Mobile"},"panels/recorder/components/RecordingView.ts | network":{"message":"Network"},"panels/recorder/components/RecordingView.ts | performancePanel":{"message":"Performance panel"},"panels/recorder/components/RecordingView.ts | recording":{"message":"Recording…"},"panels/recorder/components/RecordingView.ts | recordingIsBeingStopped":{"message":"Stopping recording…"},"panels/recorder/components/RecordingView.ts | replaySettings":{"message":"Replay settings"},"panels/recorder/components/RecordingView.ts | requiredTitleError":{"message":"Title is required"},"panels/recorder/components/RecordingView.ts | screenshotForSection":{"message":"Screenshot for this section"},"panels/recorder/components/RecordingView.ts | showCode":{"message":"Show code"},"panels/recorder/components/RecordingView.ts | timeout":{"message":"Timeout: {value} ms"},"panels/recorder/components/RecordingView.ts | timeoutExplanation":{"message":"The timeout setting (in milliseconds) applies to every action when replaying the recording. For example, if a DOM element identified by a CSS selector does not appear on the page within the specified timeout, the replay fails with an error."},"panels/recorder/components/RecordingView.ts | timeoutLabel":{"message":"Timeout"},"panels/recorder/components/RecordingView.ts | upload":{"message":"Upload: {value}"},"panels/recorder/components/ReplayButton.ts | extensionGroup":{"message":"Extensions"},"panels/recorder/components/ReplayButton.ts | ReplayExtremelySlowButtonLabel":{"message":"Extremely slow replay"},"panels/recorder/components/ReplayButton.ts | ReplayExtremelySlowItemLabel":{"message":"Extremely slow"},"panels/recorder/components/ReplayButton.ts | ReplayNormalButtonLabel":{"message":"Replay"},"panels/recorder/components/ReplayButton.ts | ReplayNormalItemLabel":{"message":"Normal (Default)"},"panels/recorder/components/ReplayButton.ts | ReplaySlowButtonLabel":{"message":"Slow replay"},"panels/recorder/components/ReplayButton.ts | ReplaySlowItemLabel":{"message":"Slow"},"panels/recorder/components/ReplayButton.ts | ReplayVerySlowButtonLabel":{"message":"Very slow replay"},"panels/recorder/components/ReplayButton.ts | ReplayVerySlowItemLabel":{"message":"Very slow"},"panels/recorder/components/ReplayButton.ts | speedGroup":{"message":"Speed"},"panels/recorder/components/StartView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/StartView.ts | header":{"message":"Measure performance across an entire user journey"},"panels/recorder/components/StartView.ts | quickStart":{"message":"Quick start: learn the new Recorder panel in DevTools"},"panels/recorder/components/StartView.ts | step1":{"message":"Record a common user journey on your website or app"},"panels/recorder/components/StartView.ts | step2":{"message":"Replay the recording to check if the flow is working"},"panels/recorder/components/StartView.ts | step3":{"message":"Generate a detailed performance trace or export a Puppeteer script for testing"},"panels/recorder/components/StepEditor.ts | addAttribute":{"message":"Add {attributeName}"},"panels/recorder/components/StepEditor.ts | addFrameIndex":{"message":"Add frame index within the frame tree"},"panels/recorder/components/StepEditor.ts | addSelector":{"message":"Add a selector"},"panels/recorder/components/StepEditor.ts | addSelectorPart":{"message":"Add a selector part"},"panels/recorder/components/StepEditor.ts | deleteRow":{"message":"Delete row"},"panels/recorder/components/StepEditor.ts | notSaved":{"message":"Not saved: {error}"},"panels/recorder/components/StepEditor.ts | removeFrameIndex":{"message":"Remove frame index"},"panels/recorder/components/StepEditor.ts | removeSelector":{"message":"Remove a selector"},"panels/recorder/components/StepEditor.ts | removeSelectorPart":{"message":"Remove a selector part"},"panels/recorder/components/StepEditor.ts | selectorPicker":{"message":"Select an element in the page to update selectors"},"panels/recorder/components/StepEditor.ts | unknownActionType":{"message":"Unknown action type."},"panels/recorder/components/StepView.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/recorder/components/StepView.ts | addStepAfter":{"message":"Add step after"},"panels/recorder/components/StepView.ts | addStepBefore":{"message":"Add step before"},"panels/recorder/components/StepView.ts | breakpoints":{"message":"Breakpoints"},"panels/recorder/components/StepView.ts | changeStepTitle":{"message":"Change"},"panels/recorder/components/StepView.ts | clickStepTitle":{"message":"Click"},"panels/recorder/components/StepView.ts | closeStepTitle":{"message":"Close"},"panels/recorder/components/StepView.ts | copyAs":{"message":"Copy as"},"panels/recorder/components/StepView.ts | customStepTitle":{"message":"Custom step"},"panels/recorder/components/StepView.ts | doubleClickStepTitle":{"message":"Double click"},"panels/recorder/components/StepView.ts | elementRoleButton":{"message":"Button"},"panels/recorder/components/StepView.ts | elementRoleFallback":{"message":"Element"},"panels/recorder/components/StepView.ts | elementRoleInput":{"message":"Input"},"panels/recorder/components/StepView.ts | emulateNetworkConditionsStepTitle":{"message":"Emulate network conditions"},"panels/recorder/components/StepView.ts | hoverStepTitle":{"message":"Hover"},"panels/recorder/components/StepView.ts | keyDownStepTitle":{"message":"Key down"},"panels/recorder/components/StepView.ts | keyUpStepTitle":{"message":"Key up"},"panels/recorder/components/StepView.ts | navigateStepTitle":{"message":"Navigate"},"panels/recorder/components/StepView.ts | openStepActions":{"message":"Open step actions"},"panels/recorder/components/StepView.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/recorder/components/StepView.ts | removeStep":{"message":"Remove step"},"panels/recorder/components/StepView.ts | scrollStepTitle":{"message":"Scroll"},"panels/recorder/components/StepView.ts | setViewportClickTitle":{"message":"Set viewport"},"panels/recorder/components/StepView.ts | stepManagement":{"message":"Manage steps"},"panels/recorder/components/StepView.ts | waitForElementStepTitle":{"message":"Wait for element"},"panels/recorder/components/StepView.ts | waitForExpressionStepTitle":{"message":"Wait for expression"},"panels/recorder/models/RecorderSettings.ts | defaultRecordingName":{"message":"Recording {DATE} at {TIME}"},"panels/recorder/recorder-meta.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/recorder-meta.ts | recorder":{"message":"Recorder"},"panels/recorder/recorder-meta.ts | replayRecording":{"message":"Replay recording"},"panels/recorder/recorder-meta.ts | showRecorder":{"message":"Show Recorder"},"panels/recorder/recorder-meta.ts | startStopRecording":{"message":"Start/Stop recording"},"panels/recorder/recorder-meta.ts | toggleCode":{"message":"Toggle code view"},"panels/recorder/RecorderController.ts | continueReplay":{"message":"Continue"},"panels/recorder/RecorderController.ts | copyShortcut":{"message":"Copy recording or selected step"},"panels/recorder/RecorderController.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/RecorderController.ts | deleteRecording":{"message":"Delete recording"},"panels/recorder/RecorderController.ts | export":{"message":"Export"},"panels/recorder/RecorderController.ts | exportRecording":{"message":"Export"},"panels/recorder/RecorderController.ts | exportViaExtensions":{"message":"Export via extensions"},"panels/recorder/RecorderController.ts | getExtensions":{"message":"Get extensions…"},"panels/recorder/RecorderController.ts | importRecording":{"message":"Import recording"},"panels/recorder/RecorderController.ts | replayRecording":{"message":"Replay recording"},"panels/recorder/RecorderController.ts | sendFeedback":{"message":"Send feedback"},"panels/recorder/RecorderController.ts | startStopRecording":{"message":"Start/Stop recording"},"panels/recorder/RecorderController.ts | stepOverReplay":{"message":"Execute one step"},"panels/recorder/RecorderController.ts | toggleCode":{"message":"Toggle code view"},"panels/rn_welcome/rn_welcome-meta.ts | rnWelcome":{"message":"⚛️ Welcome"},"panels/rn_welcome/rn_welcome-meta.ts | showRnWelcome":{"message":"Show React Native Welcome panel"},"panels/rn_welcome/RNWelcome.ts | debuggerBrandName":{"message":"React Native JS Inspector"},"panels/rn_welcome/RNWelcome.ts | docsLabel":{"message":"Debugging docs"},"panels/rn_welcome/RNWelcome.ts | welcomeMessage":{"message":"Welcome to debugging in React Native"},"panels/rn_welcome/RNWelcome.ts | whatsNewLabel":{"message":"What's new"},"panels/screencast/ScreencastApp.ts | toggleScreencast":{"message":"Toggle screencast"},"panels/screencast/ScreencastView.ts | addressBar":{"message":"Address bar"},"panels/screencast/ScreencastView.ts | back":{"message":"back"},"panels/screencast/ScreencastView.ts | forward":{"message":"forward"},"panels/screencast/ScreencastView.ts | profilingInProgress":{"message":"Profiling in progress"},"panels/screencast/ScreencastView.ts | reload":{"message":"reload"},"panels/screencast/ScreencastView.ts | screencastViewOfDebugTarget":{"message":"Screencast view of debug target"},"panels/screencast/ScreencastView.ts | theTabIsInactive":{"message":"The tab is inactive"},"panels/search/SearchResultsPane.ts | lineS":{"message":"Line {PH1}"},"panels/search/SearchResultsPane.ts | matchesCountS":{"message":"Matches Count {PH1}"},"panels/search/SearchResultsPane.ts | showDMore":{"message":"Show {PH1} more"},"panels/search/SearchView.ts | clear":{"message":"Clear"},"panels/search/SearchView.ts | foundDMatchingLinesInDFiles":{"message":"Found {PH1} matching lines in {PH2} files."},"panels/search/SearchView.ts | foundDMatchingLinesInFile":{"message":"Found {PH1} matching lines in 1 file."},"panels/search/SearchView.ts | foundMatchingLineInFile":{"message":"Found 1 matching line in 1 file."},"panels/search/SearchView.ts | indexing":{"message":"Indexing…"},"panels/search/SearchView.ts | indexingInterrupted":{"message":"Indexing interrupted."},"panels/search/SearchView.ts | matchCase":{"message":"Match Case"},"panels/search/SearchView.ts | noMatchesFound":{"message":"No matches found."},"panels/search/SearchView.ts | refresh":{"message":"Refresh"},"panels/search/SearchView.ts | search":{"message":"Search"},"panels/search/SearchView.ts | searchFinished":{"message":"Search finished."},"panels/search/SearchView.ts | searching":{"message":"Searching…"},"panels/search/SearchView.ts | searchInterrupted":{"message":"Search interrupted."},"panels/search/SearchView.ts | searchQuery":{"message":"Search Query"},"panels/search/SearchView.ts | useRegularExpression":{"message":"Use Regular Expression"},"panels/security/security-meta.ts | security":{"message":"Security"},"panels/security/security-meta.ts | showSecurity":{"message":"Show Security"},"panels/security/SecurityModel.ts | cipherWithMAC":{"message":"{PH1} with {PH2}"},"panels/security/SecurityModel.ts | keyExchangeWithGroup":{"message":"{PH1} with {PH2}"},"panels/security/SecurityModel.ts | theSecurityOfThisPageIsUnknown":{"message":"The security of this page is unknown."},"panels/security/SecurityModel.ts | thisPageIsNotSecure":{"message":"This page is not secure."},"panels/security/SecurityModel.ts | thisPageIsNotSecureBrokenHttps":{"message":"This page is not secure (broken HTTPS)."},"panels/security/SecurityModel.ts | thisPageIsSecureValidHttps":{"message":"This page is secure (valid HTTPS)."},"panels/security/SecurityPanel.ts | activeContentWithCertificate":{"message":"active content with certificate errors"},"panels/security/SecurityPanel.ts | activeMixedContent":{"message":"active mixed content"},"panels/security/SecurityPanel.ts | allResourcesOnThisPageAreServed":{"message":"All resources on this page are served securely."},"panels/security/SecurityPanel.ts | allServedSecurely":{"message":"all served securely"},"panels/security/SecurityPanel.ts | blockedMixedContent":{"message":"Blocked mixed content"},"panels/security/SecurityPanel.ts | certificate":{"message":"Certificate"},"panels/security/SecurityPanel.ts | certificateExpiresSoon":{"message":"Certificate expires soon"},"panels/security/SecurityPanel.ts | certificateTransparency":{"message":"Certificate Transparency"},"panels/security/SecurityPanel.ts | chromeHasDeterminedThatThisSiteS":{"message":"Chrome has determined that this site could be fake or fraudulent."},"panels/security/SecurityPanel.ts | cipher":{"message":"Cipher"},"panels/security/SecurityPanel.ts | connection":{"message":"Connection"},"panels/security/SecurityPanel.ts | contentWithCertificateErrors":{"message":"content with certificate errors"},"panels/security/SecurityPanel.ts | enabled":{"message":"enabled"},"panels/security/SecurityPanel.ts | encryptedClientHello":{"message":"Encrypted ClientHello"},"panels/security/SecurityPanel.ts | flaggedByGoogleSafeBrowsing":{"message":"Flagged by Google Safe Browsing"},"panels/security/SecurityPanel.ts | hashAlgorithm":{"message":"Hash algorithm"},"panels/security/SecurityPanel.ts | hideFullDetails":{"message":"Hide full details"},"panels/security/SecurityPanel.ts | ifYouBelieveThisIsShownIn":{"message":"If you believe this is shown in error please visit https://g.co/chrome/lookalike-warnings."},"panels/security/SecurityPanel.ts | ifYouBelieveThisIsShownInErrorSafety":{"message":"If you believe this is shown in error please visit https://g.co/chrome/lookalike-warnings."},"panels/security/SecurityPanel.ts | info":{"message":"Info"},"panels/security/SecurityPanel.ts | insecureSha":{"message":"insecure (SHA-1)"},"panels/security/SecurityPanel.ts | issuedAt":{"message":"Issued at"},"panels/security/SecurityPanel.ts | issuer":{"message":"Issuer"},"panels/security/SecurityPanel.ts | keyExchange":{"message":"Key exchange"},"panels/security/SecurityPanel.ts | logId":{"message":"Log ID"},"panels/security/SecurityPanel.ts | logName":{"message":"Log name"},"panels/security/SecurityPanel.ts | mainOrigin":{"message":"Main origin"},"panels/security/SecurityPanel.ts | mainOriginNonsecure":{"message":"Main origin (non-secure)"},"panels/security/SecurityPanel.ts | mainOriginSecure":{"message":"Main origin (secure)"},"panels/security/SecurityPanel.ts | missing":{"message":"missing"},"panels/security/SecurityPanel.ts | mixedContent":{"message":"mixed content"},"panels/security/SecurityPanel.ts | na":{"message":"(n/a)"},"panels/security/SecurityPanel.ts | nonsecureForm":{"message":"non-secure form"},"panels/security/SecurityPanel.ts | nonsecureOrigins":{"message":"Non-secure origins"},"panels/security/SecurityPanel.ts | noSecurityDetailsAreAvailableFor":{"message":"No security details are available for this origin."},"panels/security/SecurityPanel.ts | noSecurityInformation":{"message":"No security information"},"panels/security/SecurityPanel.ts | notSecure":{"message":"Not secure"},"panels/security/SecurityPanel.ts | notSecureBroken":{"message":"Not secure (broken)"},"panels/security/SecurityPanel.ts | obsoleteConnectionSettings":{"message":"obsolete connection settings"},"panels/security/SecurityPanel.ts | openFullCertificateDetails":{"message":"Open full certificate details"},"panels/security/SecurityPanel.ts | origin":{"message":"Origin"},"panels/security/SecurityPanel.ts | overview":{"message":"Overview"},"panels/security/SecurityPanel.ts | possibleSpoofingUrl":{"message":"Possible spoofing URL"},"panels/security/SecurityPanel.ts | protocol":{"message":"Protocol"},"panels/security/SecurityPanel.ts | publickeypinningBypassed":{"message":"Public-Key-Pinning bypassed"},"panels/security/SecurityPanel.ts | publickeypinningWasBypassedByA":{"message":"Public-Key-Pinning was bypassed by a local root certificate."},"panels/security/SecurityPanel.ts | reloadThePageToRecordRequestsFor":{"message":"Reload the page to record requests for HTTP resources."},"panels/security/SecurityPanel.ts | reloadToViewDetails":{"message":"Reload to view details"},"panels/security/SecurityPanel.ts | resources":{"message":"Resources"},"panels/security/SecurityPanel.ts | rsaKeyExchangeIsObsoleteEnableAn":{"message":"RSA key exchange is obsolete. Enable an ECDHE-based cipher suite."},"panels/security/SecurityPanel.ts | sct":{"message":"SCT"},"panels/security/SecurityPanel.ts | secure":{"message":"Secure"},"panels/security/SecurityPanel.ts | secureConnectionSettings":{"message":"secure connection settings"},"panels/security/SecurityPanel.ts | secureOrigins":{"message":"Secure origins"},"panels/security/SecurityPanel.ts | securityOverview":{"message":"Security overview"},"panels/security/SecurityPanel.ts | serverSignature":{"message":"Server signature"},"panels/security/SecurityPanel.ts | showFullDetails":{"message":"Show full details"},"panels/security/SecurityPanel.ts | showLess":{"message":"Show less"},"panels/security/SecurityPanel.ts | showMoreSTotal":{"message":"Show more ({PH1} total)"},"panels/security/SecurityPanel.ts | signatureAlgorithm":{"message":"Signature algorithm"},"panels/security/SecurityPanel.ts | signatureData":{"message":"Signature data"},"panels/security/SecurityPanel.ts | sIsObsoleteEnableAnAesgcmbased":{"message":"{PH1} is obsolete. Enable an AES-GCM-based cipher suite."},"panels/security/SecurityPanel.ts | sIsObsoleteEnableTlsOrLater":{"message":"{PH1} is obsolete. Enable TLS 1.2 or later."},"panels/security/SecurityPanel.ts | source":{"message":"Source"},"panels/security/SecurityPanel.ts | subject":{"message":"Subject"},"panels/security/SecurityPanel.ts | subjectAlternativeNameMissing":{"message":"Subject Alternative Name missing"},"panels/security/SecurityPanel.ts | theCertificateChainForThisSite":{"message":"The certificate chain for this site contains a certificate signed using SHA-1."},"panels/security/SecurityPanel.ts | theCertificateForThisSiteDoesNot":{"message":"The certificate for this site does not contain a Subject Alternative Name extension containing a domain name or IP address."},"panels/security/SecurityPanel.ts | theCertificateForThisSiteExpires":{"message":"The certificate for this site expires in less than 48 hours and needs to be renewed."},"panels/security/SecurityPanel.ts | theConnectionToThisSiteIs":{"message":"The connection to this site is encrypted and authenticated using {PH1}, {PH2}, and {PH3}."},"panels/security/SecurityPanel.ts | theConnectionToThisSiteIsUsingA":{"message":"The connection to this site is using a valid, trusted server certificate issued by {PH1}."},"panels/security/SecurityPanel.ts | theSecurityDetailsAboveAreFrom":{"message":"The security details above are from the first inspected response."},"panels/security/SecurityPanel.ts | theServerSignatureUsesShaWhichIs":{"message":"The server signature uses SHA-1, which is obsolete. Enable a SHA-2 signature algorithm instead. (Note this is different from the signature in the certificate.)"},"panels/security/SecurityPanel.ts | thisIsAnErrorPage":{"message":"This is an error page."},"panels/security/SecurityPanel.ts | thisOriginIsANonhttpsSecure":{"message":"This origin is a non-HTTPS secure origin."},"panels/security/SecurityPanel.ts | thisPageHasANonhttpsSecureOrigin":{"message":"This page has a non-HTTPS secure origin."},"panels/security/SecurityPanel.ts | thisPageIncludesAFormWithA":{"message":"This page includes a form with a non-secure \"action\" attribute."},"panels/security/SecurityPanel.ts | thisPageIncludesHttpResources":{"message":"This page includes HTTP resources."},"panels/security/SecurityPanel.ts | thisPageIncludesResourcesThat":{"message":"This page includes resources that were loaded with certificate errors."},"panels/security/SecurityPanel.ts | thisPageIsDangerousFlaggedBy":{"message":"This page is dangerous (flagged by Google Safe Browsing)."},"panels/security/SecurityPanel.ts | thisPageIsInsecureUnencrypted":{"message":"This page is insecure (unencrypted HTTP)."},"panels/security/SecurityPanel.ts | thisPageIsSuspicious":{"message":"This page is suspicious"},"panels/security/SecurityPanel.ts | thisPageIsSuspiciousFlaggedBy":{"message":"This page is suspicious (flagged by Chrome)."},"panels/security/SecurityPanel.ts | thisRequestCompliesWithChromes":{"message":"This request complies with Chrome's Certificate Transparency policy."},"panels/security/SecurityPanel.ts | thisRequestDoesNotComplyWith":{"message":"This request does not comply with Chrome's Certificate Transparency policy."},"panels/security/SecurityPanel.ts | thisResponseWasLoadedFromCache":{"message":"This response was loaded from cache. Some security details might be missing."},"panels/security/SecurityPanel.ts | thisSiteIsMissingAValidTrusted":{"message":"This site is missing a valid, trusted certificate ({PH1})."},"panels/security/SecurityPanel.ts | thisSitesHostnameLooksSimilarToP":{"message":"This site's hostname looks similar to {PH1}. Attackers sometimes mimic sites by making small, hard-to-see changes to the domain name."},"panels/security/SecurityPanel.ts | toCheckThisPagesStatusVisit":{"message":"To check this page's status, visit g.co/safebrowsingstatus."},"panels/security/SecurityPanel.ts | unknownCanceled":{"message":"Unknown / canceled"},"panels/security/SecurityPanel.ts | unknownField":{"message":"unknown"},"panels/security/SecurityPanel.ts | validAndTrusted":{"message":"valid and trusted"},"panels/security/SecurityPanel.ts | validationStatus":{"message":"Validation status"},"panels/security/SecurityPanel.ts | validFrom":{"message":"Valid from"},"panels/security/SecurityPanel.ts | validUntil":{"message":"Valid until"},"panels/security/SecurityPanel.ts | viewCertificate":{"message":"View certificate"},"panels/security/SecurityPanel.ts | viewDRequestsInNetworkPanel":{"message":"{n, plural, =1 {View # request in Network Panel} other {View # requests in Network Panel}}"},"panels/security/SecurityPanel.ts | viewRequestsInNetworkPanel":{"message":"View requests in Network Panel"},"panels/security/SecurityPanel.ts | youHaveRecentlyAllowedContent":{"message":"You have recently allowed content loaded with certificate errors (such as scripts or iframes) to run on this site."},"panels/security/SecurityPanel.ts | youHaveRecentlyAllowedNonsecure":{"message":"You have recently allowed non-secure content (such as scripts or iframes) to run on this site."},"panels/security/SecurityPanel.ts | yourConnectionToThisOriginIsNot":{"message":"Your connection to this origin is not secure."},"panels/security/SecurityPanel.ts | yourPageRequestedNonsecure":{"message":"Your page requested non-secure resources that were blocked."},"panels/sensors/LocationsSettingsTab.ts | addLocation":{"message":"Add location..."},"panels/sensors/LocationsSettingsTab.ts | customLocations":{"message":"Custom locations"},"panels/sensors/LocationsSettingsTab.ts | lat":{"message":"Lat"},"panels/sensors/LocationsSettingsTab.ts | latitude":{"message":"Latitude"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeANumber":{"message":"Latitude must be a number"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeGreaterThanOrEqual":{"message":"Latitude must be greater than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeLessThanOrEqualToS":{"message":"Latitude must be less than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | locale":{"message":"Locale"},"panels/sensors/LocationsSettingsTab.ts | localeMustContainAlphabetic":{"message":"Locale must contain alphabetic characters"},"panels/sensors/LocationsSettingsTab.ts | locationName":{"message":"Location name"},"panels/sensors/LocationsSettingsTab.ts | locationNameCannotBeEmpty":{"message":"Location name cannot be empty"},"panels/sensors/LocationsSettingsTab.ts | locationNameMustBeLessThanS":{"message":"Location name must be less than {PH1} characters"},"panels/sensors/LocationsSettingsTab.ts | long":{"message":"Long"},"panels/sensors/LocationsSettingsTab.ts | longitude":{"message":"Longitude"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeANumber":{"message":"Longitude must be a number"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeGreaterThanOr":{"message":"Longitude must be greater than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeLessThanOrEqualTo":{"message":"Longitude must be less than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | timezoneId":{"message":"Timezone ID"},"panels/sensors/LocationsSettingsTab.ts | timezoneIdMustContainAlphabetic":{"message":"Timezone ID must contain alphabetic characters"},"panels/sensors/sensors-meta.ts | accelerometer":{"message":"accelerometer"},"panels/sensors/sensors-meta.ts | devicebased":{"message":"Device-based"},"panels/sensors/sensors-meta.ts | deviceOrientation":{"message":"device orientation"},"panels/sensors/sensors-meta.ts | emulateIdleDetectorState":{"message":"Emulate Idle Detector state"},"panels/sensors/sensors-meta.ts | forceEnabled":{"message":"Force enabled"},"panels/sensors/sensors-meta.ts | geolocation":{"message":"geolocation"},"panels/sensors/sensors-meta.ts | locale":{"message":"locale"},"panels/sensors/sensors-meta.ts | locales":{"message":"locales"},"panels/sensors/sensors-meta.ts | locations":{"message":"Locations"},"panels/sensors/sensors-meta.ts | noIdleEmulation":{"message":"No idle emulation"},"panels/sensors/sensors-meta.ts | sensors":{"message":"Sensors"},"panels/sensors/sensors-meta.ts | showLocations":{"message":"Show Locations"},"panels/sensors/sensors-meta.ts | showSensors":{"message":"Show Sensors"},"panels/sensors/sensors-meta.ts | timezones":{"message":"timezones"},"panels/sensors/sensors-meta.ts | touch":{"message":"Touch"},"panels/sensors/sensors-meta.ts | userActiveScreenLocked":{"message":"User active, screen locked"},"panels/sensors/sensors-meta.ts | userActiveScreenUnlocked":{"message":"User active, screen unlocked"},"panels/sensors/sensors-meta.ts | userIdleScreenLocked":{"message":"User idle, screen locked"},"panels/sensors/sensors-meta.ts | userIdleScreenUnlocked":{"message":"User idle, screen unlocked"},"panels/sensors/SensorsView.ts | adjustWithMousewheelOrUpdownKeys":{"message":"Adjust with mousewheel or up/down keys. {PH1}: ±10, Shift: ±1, Alt: ±0.01"},"panels/sensors/SensorsView.ts | alpha":{"message":"α (alpha)"},"panels/sensors/SensorsView.ts | beta":{"message":"β (beta)"},"panels/sensors/SensorsView.ts | customOrientation":{"message":"Custom orientation"},"panels/sensors/SensorsView.ts | deviceOrientationSetToAlphaSBeta":{"message":"Device orientation set to alpha: {PH1}, beta: {PH2}, gamma: {PH3}"},"panels/sensors/SensorsView.ts | displayDown":{"message":"Display down"},"panels/sensors/SensorsView.ts | displayUp":{"message":"Display up"},"panels/sensors/SensorsView.ts | enableOrientationToRotate":{"message":"Enable orientation to rotate"},"panels/sensors/SensorsView.ts | error":{"message":"Error"},"panels/sensors/SensorsView.ts | forcesSelectedIdleStateEmulation":{"message":"Forces selected idle state emulation"},"panels/sensors/SensorsView.ts | forcesTouchInsteadOfClick":{"message":"Forces touch instead of click"},"panels/sensors/SensorsView.ts | gamma":{"message":"γ (gamma)"},"panels/sensors/SensorsView.ts | landscapeLeft":{"message":"Landscape left"},"panels/sensors/SensorsView.ts | landscapeRight":{"message":"Landscape right"},"panels/sensors/SensorsView.ts | latitude":{"message":"Latitude"},"panels/sensors/SensorsView.ts | locale":{"message":"Locale"},"panels/sensors/SensorsView.ts | location":{"message":"Location"},"panels/sensors/SensorsView.ts | locationUnavailable":{"message":"Location unavailable"},"panels/sensors/SensorsView.ts | longitude":{"message":"Longitude"},"panels/sensors/SensorsView.ts | manage":{"message":"Manage"},"panels/sensors/SensorsView.ts | manageTheListOfLocations":{"message":"Manage the list of locations"},"panels/sensors/SensorsView.ts | noOverride":{"message":"No override"},"panels/sensors/SensorsView.ts | off":{"message":"Off"},"panels/sensors/SensorsView.ts | orientation":{"message":"Orientation"},"panels/sensors/SensorsView.ts | other":{"message":"Other…"},"panels/sensors/SensorsView.ts | overrides":{"message":"Overrides"},"panels/sensors/SensorsView.ts | portrait":{"message":"Portrait"},"panels/sensors/SensorsView.ts | portraitUpsideDown":{"message":"Portrait upside down"},"panels/sensors/SensorsView.ts | presets":{"message":"Presets"},"panels/sensors/SensorsView.ts | reset":{"message":"Reset"},"panels/sensors/SensorsView.ts | resetDeviceOrientation":{"message":"Reset device orientation"},"panels/sensors/SensorsView.ts | shiftdragHorizontallyToRotate":{"message":"Shift+drag horizontally to rotate around the y-axis"},"panels/sensors/SensorsView.ts | timezoneId":{"message":"Timezone ID"},"panels/settings/components/SyncSection.ts | preferencesSyncDisabled":{"message":"To turn this setting on, you must first enable settings sync in Chrome."},"panels/settings/components/SyncSection.ts | settings":{"message":"Go to Settings"},"panels/settings/components/SyncSection.ts | signedIn":{"message":"Signed into Chrome as:"},"panels/settings/components/SyncSection.ts | syncDisabled":{"message":"To turn this setting on, you must enable Chrome sync."},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | addBrand":{"message":"Add Brand"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | addedBrand":{"message":"Added brand row"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | architecture":{"message":"Architecture (Sec-CH-UA-Arch)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | architecturePlaceholder":{"message":"Architecture (e.g. x86)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandFullVersionListDelete":{"message":"Delete brand from full version list"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandName":{"message":"Brand"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandNameAriaLabel":{"message":"Brand {PH1}"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandProperties":{"message":"User agent properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandUserAgentDelete":{"message":"Delete brand from user agent section"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandVersionAriaLabel":{"message":"Version {PH1}"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandVersionPlaceholder":{"message":"Version (e.g. 87.0.4280.88)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deletedBrand":{"message":"Deleted brand row"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deviceModel":{"message":"Device model (Sec-CH-UA-Model)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deviceProperties":{"message":"Device properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullBrowserVersion":{"message":"Full browser version (Sec-CH-UA-Full-Browser-Version)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullBrowserVersionPlaceholder":{"message":"Full browser version (e.g. 87.0.4280.88)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullVersionList":{"message":"Full version list (Sec-CH-UA-Full-Version-List)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | learnMore":{"message":"Learn more"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | mobileCheckboxLabel":{"message":"Mobile"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | notRepresentable":{"message":"Not representable as structured headers string."},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformLabel":{"message":"Platform (Sec-CH-UA-Platform / Sec-CH-UA-Platform-Version)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformPlaceholder":{"message":"Platform (e.g. Android)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformProperties":{"message":"Platform properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformVersion":{"message":"Platform version"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | significantBrandVersionPlaceholder":{"message":"Significant version (e.g. 87)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | title":{"message":"User agent client hints"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | update":{"message":"Update"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | useragent":{"message":"User agent (Sec-CH-UA)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | userAgentClientHintsInfo":{"message":"User agent client hints are an alternative to the user agent string that identify the browser and the device in a more structured way with better privacy accounting."},"panels/settings/emulation/DevicesSettingsTab.ts | addCustomDevice":{"message":"Add custom device..."},"panels/settings/emulation/DevicesSettingsTab.ts | device":{"message":"Device"},"panels/settings/emulation/DevicesSettingsTab.ts | deviceAddedOrUpdated":{"message":"Device {PH1} successfully added/updated."},"panels/settings/emulation/DevicesSettingsTab.ts | deviceName":{"message":"Device Name"},"panels/settings/emulation/DevicesSettingsTab.ts | deviceNameCannotBeEmpty":{"message":"Device name cannot be empty."},"panels/settings/emulation/DevicesSettingsTab.ts | deviceNameMustBeLessThanS":{"message":"Device name must be less than {PH1} characters."},"panels/settings/emulation/DevicesSettingsTab.ts | devicePixelRatio":{"message":"Device pixel ratio"},"panels/settings/emulation/DevicesSettingsTab.ts | emulatedDevices":{"message":"Emulated Devices"},"panels/settings/emulation/DevicesSettingsTab.ts | height":{"message":"Height"},"panels/settings/emulation/DevicesSettingsTab.ts | userAgentString":{"message":"User agent string"},"panels/settings/emulation/DevicesSettingsTab.ts | userAgentType":{"message":"User agent type"},"panels/settings/emulation/DevicesSettingsTab.ts | width":{"message":"Width"},"panels/settings/emulation/emulation-meta.ts | devices":{"message":"Devices"},"panels/settings/emulation/emulation-meta.ts | showDevices":{"message":"Show Devices"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | addFilenamePattern":{"message":"Add filename pattern"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | addPattern":{"message":"Add pattern..."},"panels/settings/FrameworkIgnoreListSettingsTab.ts | automaticallyIgnoreListKnownThirdPartyScripts":{"message":"Known third-party scripts from source maps"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | customExclusionRules":{"message":"Custom exclusion rules:"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | debuggerWillSkipThroughThe":{"message":"Debugger will skip through the scripts and will not stop on exceptions thrown by them."},"panels/settings/FrameworkIgnoreListSettingsTab.ts | enableIgnoreListing":{"message":"Enable Ignore Listing"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | enableIgnoreListingTooltip":{"message":"Uncheck to disable all ignore listing"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | frameworkIgnoreList":{"message":"Framework Ignore List"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | generalExclusionRules":{"message":"General exclusion rules:"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | ignoreListContentScripts":{"message":"Content scripts injected by extensions"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | ignoreScriptsWhoseNamesMatchS":{"message":"Ignore scripts whose names match ''{PH1}''"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | learnMore":{"message":"Learn more"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | pattern":{"message":"Add Pattern"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternAlreadyExists":{"message":"Pattern already exists"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternCannotBeEmpty":{"message":"Pattern cannot be empty"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternMustBeAValidRegular":{"message":"Pattern must be a valid regular expression"},"panels/settings/KeybindsSettingsTab.ts | addAShortcut":{"message":"Add a shortcut"},"panels/settings/KeybindsSettingsTab.ts | confirmChanges":{"message":"Confirm changes"},"panels/settings/KeybindsSettingsTab.ts | discardChanges":{"message":"Discard changes"},"panels/settings/KeybindsSettingsTab.ts | editShortcut":{"message":"Edit shortcut"},"panels/settings/KeybindsSettingsTab.ts | FullListOfDevtoolsKeyboard":{"message":"Full list of DevTools keyboard shortcuts and gestures"},"panels/settings/KeybindsSettingsTab.ts | keyboardShortcutsList":{"message":"Keyboard shortcuts list"},"panels/settings/KeybindsSettingsTab.ts | matchShortcutsFromPreset":{"message":"Match shortcuts from preset"},"panels/settings/KeybindsSettingsTab.ts | noShortcutForAction":{"message":"No shortcut for action"},"panels/settings/KeybindsSettingsTab.ts | removeShortcut":{"message":"Remove shortcut"},"panels/settings/KeybindsSettingsTab.ts | ResetShortcutsForAction":{"message":"Reset shortcuts for action"},"panels/settings/KeybindsSettingsTab.ts | RestoreDefaultShortcuts":{"message":"Restore default shortcuts"},"panels/settings/KeybindsSettingsTab.ts | shortcutModified":{"message":"Shortcut modified"},"panels/settings/KeybindsSettingsTab.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/KeybindsSettingsTab.ts | shortcutsCannotContainOnly":{"message":"Shortcuts cannot contain only modifier keys."},"panels/settings/KeybindsSettingsTab.ts | thisShortcutIsInUseByS":{"message":"This shortcut is in use by {PH1}: {PH2}."},"panels/settings/settings-meta.ts | documentation":{"message":"Documentation"},"panels/settings/settings-meta.ts | experiments":{"message":"Experiments"},"panels/settings/settings-meta.ts | ignoreList":{"message":"Ignore List"},"panels/settings/settings-meta.ts | preferences":{"message":"Preferences"},"panels/settings/settings-meta.ts | settings":{"message":"Settings"},"panels/settings/settings-meta.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/settings-meta.ts | showExperiments":{"message":"Show Experiments"},"panels/settings/settings-meta.ts | showIgnoreList":{"message":"Show Ignore List"},"panels/settings/settings-meta.ts | showPreferences":{"message":"Show Preferences"},"panels/settings/settings-meta.ts | showShortcuts":{"message":"Show Shortcuts"},"panels/settings/SettingsScreen.ts | experiments":{"message":"Experiments"},"panels/settings/SettingsScreen.ts | filterExperimentsLabel":{"message":"Filter"},"panels/settings/SettingsScreen.ts | learnMore":{"message":"Learn more"},"panels/settings/SettingsScreen.ts | noResults":{"message":"No experiments match the filter"},"panels/settings/SettingsScreen.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"panels/settings/SettingsScreen.ts | preferences":{"message":"Preferences"},"panels/settings/SettingsScreen.ts | restoreDefaultsAndReload":{"message":"Restore defaults and reload"},"panels/settings/SettingsScreen.ts | sendFeedback":{"message":"Send feedback"},"panels/settings/SettingsScreen.ts | settings":{"message":"Settings"},"panels/settings/SettingsScreen.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/SettingsScreen.ts | theseExperimentsAreParticularly":{"message":"These experiments are particularly unstable. Enable at your own risk."},"panels/settings/SettingsScreen.ts | theseExperimentsCouldBeUnstable":{"message":"These experiments could be unstable or unreliable and may require you to restart DevTools."},"panels/settings/SettingsScreen.ts | warning":{"message":"WARNING:"},"panels/snippets/ScriptSnippetFileSystem.ts | linkedTo":{"message":"Linked to {PH1}"},"panels/snippets/ScriptSnippetFileSystem.ts | scriptSnippet":{"message":"Script snippet #{PH1}"},"panels/snippets/SnippetsQuickOpen.ts | noSnippetsFound":{"message":"No snippets found."},"panels/snippets/SnippetsQuickOpen.ts | run":{"message":"Run"},"panels/snippets/SnippetsQuickOpen.ts | snippet":{"message":"Snippet"},"panels/sources/AddSourceMapURLDialog.ts | add":{"message":"Add"},"panels/sources/AddSourceMapURLDialog.ts | debugInfoUrl":{"message":"DWARF symbols URL: "},"panels/sources/AddSourceMapURLDialog.ts | sourceMapUrl":{"message":"Source map URL: "},"panels/sources/BreakpointEditDialog.ts | breakpoint":{"message":"Breakpoint"},"panels/sources/BreakpointEditDialog.ts | breakpointType":{"message":"Breakpoint type"},"panels/sources/BreakpointEditDialog.ts | closeDialog":{"message":"Close edit dialog and save changes"},"panels/sources/BreakpointEditDialog.ts | conditionalBreakpoint":{"message":"Conditional breakpoint"},"panels/sources/BreakpointEditDialog.ts | expressionToCheckBeforePausingEg":{"message":"Expression to check before pausing, e.g. x > 5"},"panels/sources/BreakpointEditDialog.ts | learnMoreOnBreakpointTypes":{"message":"Learn more: Breakpoint Types"},"panels/sources/BreakpointEditDialog.ts | logAMessageToConsoleDoNotBreak":{"message":"Log a message to Console, do not break"},"panels/sources/BreakpointEditDialog.ts | logMessageEgXIsX":{"message":"Log message, e.g. 'x is', x"},"panels/sources/BreakpointEditDialog.ts | logpoint":{"message":"Logpoint"},"panels/sources/BreakpointEditDialog.ts | pauseOnlyWhenTheConditionIsTrue":{"message":"Pause only when the condition is true"},"panels/sources/CallStackSidebarPane.ts | callFrameWarnings":{"message":"Some call frames have warnings"},"panels/sources/CallStackSidebarPane.ts | callStack":{"message":"Call Stack"},"panels/sources/CallStackSidebarPane.ts | copyStackTrace":{"message":"Copy stack trace"},"panels/sources/CallStackSidebarPane.ts | debugFileNotFound":{"message":"Failed to load debug file \"{PH1}\"."},"panels/sources/CallStackSidebarPane.ts | notPaused":{"message":"Not paused"},"panels/sources/CallStackSidebarPane.ts | onIgnoreList":{"message":"on ignore list"},"panels/sources/CallStackSidebarPane.ts | restartFrame":{"message":"Restart frame"},"panels/sources/CallStackSidebarPane.ts | showIgnorelistedFrames":{"message":"Show ignore-listed frames"},"panels/sources/CallStackSidebarPane.ts | showMore":{"message":"Show more"},"panels/sources/components/BreakpointsView.ts | breakpointHit":{"message":"{PH1} breakpoint hit"},"panels/sources/components/BreakpointsView.ts | checked":{"message":"checked"},"panels/sources/components/BreakpointsView.ts | conditionCode":{"message":"Condition: {PH1}"},"panels/sources/components/BreakpointsView.ts | disableAllBreakpointsInFile":{"message":"Disable all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | editCondition":{"message":"Edit condition"},"panels/sources/components/BreakpointsView.ts | editLogpoint":{"message":"Edit logpoint"},"panels/sources/components/BreakpointsView.ts | enableAllBreakpointsInFile":{"message":"Enable all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | indeterminate":{"message":"mixed"},"panels/sources/components/BreakpointsView.ts | logpointCode":{"message":"Logpoint: {PH1}"},"panels/sources/components/BreakpointsView.ts | pauseOnCaughtExceptions":{"message":"Pause on caught exceptions"},"panels/sources/components/BreakpointsView.ts | pauseOnUncaughtExceptions":{"message":"Pause on uncaught exceptions"},"panels/sources/components/BreakpointsView.ts | removeAllBreakpoints":{"message":"Remove all breakpoints"},"panels/sources/components/BreakpointsView.ts | removeAllBreakpointsInFile":{"message":"Remove all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/sources/components/BreakpointsView.ts | removeOtherBreakpoints":{"message":"Remove other breakpoints"},"panels/sources/components/BreakpointsView.ts | revealLocation":{"message":"Reveal location"},"panels/sources/components/BreakpointsView.ts | unchecked":{"message":"unchecked"},"panels/sources/components/HeadersView.ts | addHeader":{"message":"Add a header"},"panels/sources/components/HeadersView.ts | addOverrideRule":{"message":"Add override rule"},"panels/sources/components/HeadersView.ts | errorWhenParsing":{"message":"Error when parsing ''{PH1}''."},"panels/sources/components/HeadersView.ts | learnMore":{"message":"Learn more"},"panels/sources/components/HeadersView.ts | parsingErrorExplainer":{"message":"This is most likely due to a syntax error in ''{PH1}''. Try opening this file in an external editor to fix the error or delete the file and re-create the override."},"panels/sources/components/HeadersView.ts | removeBlock":{"message":"Remove this 'ApplyTo'-section"},"panels/sources/components/HeadersView.ts | removeHeader":{"message":"Remove this header"},"panels/sources/CoveragePlugin.ts | clickToShowCoveragePanel":{"message":"Click to show Coverage Panel"},"panels/sources/CoveragePlugin.ts | coverageNa":{"message":"Coverage: n/a"},"panels/sources/CoveragePlugin.ts | coverageS":{"message":"Coverage: {PH1}"},"panels/sources/CoveragePlugin.ts | showDetails":{"message":"Show Details"},"panels/sources/CSSPlugin.ts | openColorPicker":{"message":"Open color picker."},"panels/sources/CSSPlugin.ts | openCubicBezierEditor":{"message":"Open cubic bezier editor."},"panels/sources/DebuggerPausedMessage.ts | attributeModifications":{"message":"attribute modifications"},"panels/sources/DebuggerPausedMessage.ts | childSAdded":{"message":"Child {PH1} added"},"panels/sources/DebuggerPausedMessage.ts | debuggerPaused":{"message":"Debugger paused"},"panels/sources/DebuggerPausedMessage.ts | descendantSAdded":{"message":"Descendant {PH1} added"},"panels/sources/DebuggerPausedMessage.ts | descendantSRemoved":{"message":"Descendant {PH1} removed"},"panels/sources/DebuggerPausedMessage.ts | nodeRemoval":{"message":"node removal"},"panels/sources/DebuggerPausedMessage.ts | pausedBeforePotentialOutofmemory":{"message":"Paused before potential out-of-memory crash"},"panels/sources/DebuggerPausedMessage.ts | pausedOnAssertion":{"message":"Paused on assertion"},"panels/sources/DebuggerPausedMessage.ts | pausedOnBreakpoint":{"message":"Paused on breakpoint"},"panels/sources/DebuggerPausedMessage.ts | pausedOnCspViolation":{"message":"Paused on CSP violation"},"panels/sources/DebuggerPausedMessage.ts | pausedOnDebuggedFunction":{"message":"Paused on debugged function"},"panels/sources/DebuggerPausedMessage.ts | pausedOnEventListener":{"message":"Paused on event listener"},"panels/sources/DebuggerPausedMessage.ts | pausedOnException":{"message":"Paused on exception"},"panels/sources/DebuggerPausedMessage.ts | pausedOnPromiseRejection":{"message":"Paused on promise rejection"},"panels/sources/DebuggerPausedMessage.ts | pausedOnS":{"message":"Paused on {PH1}"},"panels/sources/DebuggerPausedMessage.ts | pausedOnXhrOrFetch":{"message":"Paused on XHR or fetch"},"panels/sources/DebuggerPausedMessage.ts | subtreeModifications":{"message":"subtree modifications"},"panels/sources/DebuggerPausedMessage.ts | trustedTypePolicyViolation":{"message":"Trusted Type Policy Violation"},"panels/sources/DebuggerPausedMessage.ts | trustedTypeSinkViolation":{"message":"Trusted Type Sink Violation"},"panels/sources/DebuggerPlugin.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/sources/DebuggerPlugin.ts | addConditionalBreakpoint":{"message":"Add conditional breakpoint…"},"panels/sources/DebuggerPlugin.ts | addLogpoint":{"message":"Add logpoint…"},"panels/sources/DebuggerPlugin.ts | addSourceMap":{"message":"Add source map…"},"panels/sources/DebuggerPlugin.ts | addWasmDebugInfo":{"message":"Add DWARF debug info…"},"panels/sources/DebuggerPlugin.ts | associatedFilesAreAvailable":{"message":"Associated files are available via file tree or {PH1}."},"panels/sources/DebuggerPlugin.ts | associatedFilesShouldBeAdded":{"message":"Associated files should be added to the file tree. You can debug these resolved source files as regular JavaScript files."},"panels/sources/DebuggerPlugin.ts | configure":{"message":"Configure"},"panels/sources/DebuggerPlugin.ts | debugFileNotFound":{"message":"Failed to load debug file \"{PH1}\"."},"panels/sources/DebuggerPlugin.ts | debugInfoNotFound":{"message":"Failed to load any debug info for {PH1}."},"panels/sources/DebuggerPlugin.ts | disableBreakpoint":{"message":"{n, plural, =1 {Disable breakpoint} other {Disable all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | editBreakpoint":{"message":"Edit breakpoint…"},"panels/sources/DebuggerPlugin.ts | enableBreakpoint":{"message":"{n, plural, =1 {Enable breakpoint} other {Enable all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | neverPauseHere":{"message":"Never pause here"},"panels/sources/DebuggerPlugin.ts | removeBreakpoint":{"message":"{n, plural, =1 {Remove breakpoint} other {Remove all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | removeFromIgnoreList":{"message":"Remove from ignore list"},"panels/sources/DebuggerPlugin.ts | sourceMapDetected":{"message":"Source map detected."},"panels/sources/DebuggerPlugin.ts | sourceMapFoundButIgnoredForFile":{"message":"Source map found, but ignored for file on ignore list."},"panels/sources/DebuggerPlugin.ts | theDebuggerWillSkipStepping":{"message":"The debugger will skip stepping through this script, and will not stop on exceptions."},"panels/sources/DebuggerPlugin.ts | thisScriptIsOnTheDebuggersIgnore":{"message":"This script is on the debugger's ignore list"},"panels/sources/FilteredUISourceCodeListProvider.ts | noFilesFound":{"message":"No files found"},"panels/sources/FilteredUISourceCodeListProvider.ts | sIgnoreListed":{"message":"{PH1} (ignore listed)"},"panels/sources/GoToLineQuickOpen.ts | currentLineSTypeALineNumber":{"message":"Current line: {PH1}. Type a line number between 1 and {PH2} to navigate to."},"panels/sources/GoToLineQuickOpen.ts | currentPositionXsTypeAnOffset":{"message":"Current position: 0x{PH1}. Type an offset between 0x{PH2} and 0x{PH3} to navigate to."},"panels/sources/GoToLineQuickOpen.ts | goToLineS":{"message":"Go to line {PH1}."},"panels/sources/GoToLineQuickOpen.ts | goToLineSAndColumnS":{"message":"Go to line {PH1} and column {PH2}."},"panels/sources/GoToLineQuickOpen.ts | goToOffsetXs":{"message":"Go to offset 0x{PH1}."},"panels/sources/GoToLineQuickOpen.ts | noFileSelected":{"message":"No file selected."},"panels/sources/GoToLineQuickOpen.ts | noResultsFound":{"message":"No results found"},"panels/sources/GoToLineQuickOpen.ts | typeANumberToGoToThatLine":{"message":"Type a number to go to that line."},"panels/sources/InplaceFormatterEditorAction.ts | format":{"message":"Format"},"panels/sources/InplaceFormatterEditorAction.ts | formatS":{"message":"Format {PH1}"},"panels/sources/NavigatorView.ts | areYouSureYouWantToDeleteAll":{"message":"Are you sure you want to delete all overrides contained in this folder?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToDeleteThis":{"message":"Are you sure you want to delete this file?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToExcludeThis":{"message":"Are you sure you want to exclude this folder?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToRemoveThis":{"message":"Are you sure you want to remove this folder?"},"panels/sources/NavigatorView.ts | authored":{"message":"Authored"},"panels/sources/NavigatorView.ts | authoredTooltip":{"message":"Contains original sources"},"panels/sources/NavigatorView.ts | delete":{"message":"Delete"},"panels/sources/NavigatorView.ts | deleteAllOverrides":{"message":"Delete all overrides"},"panels/sources/NavigatorView.ts | deployed":{"message":"Deployed"},"panels/sources/NavigatorView.ts | deployedTooltip":{"message":"Contains final sources the browser sees"},"panels/sources/NavigatorView.ts | excludeFolder":{"message":"Exclude folder"},"panels/sources/NavigatorView.ts | makeACopy":{"message":"Make a copy…"},"panels/sources/NavigatorView.ts | newFile":{"message":"New file"},"panels/sources/NavigatorView.ts | noDomain":{"message":"(no domain)"},"panels/sources/NavigatorView.ts | openFolder":{"message":"Open folder"},"panels/sources/NavigatorView.ts | removeFolderFromWorkspace":{"message":"Remove folder from workspace"},"panels/sources/NavigatorView.ts | rename":{"message":"Rename…"},"panels/sources/NavigatorView.ts | searchInAllFiles":{"message":"Search in all files"},"panels/sources/NavigatorView.ts | searchInFolder":{"message":"Search in folder"},"panels/sources/NavigatorView.ts | sFromSourceMap":{"message":"{PH1} (from source map)"},"panels/sources/NavigatorView.ts | sIgnoreListed":{"message":"{PH1} (ignore listed)"},"panels/sources/OutlineQuickOpen.ts | noFileSelected":{"message":"No file selected."},"panels/sources/OutlineQuickOpen.ts | noResultsFound":{"message":"No results found"},"panels/sources/OutlineQuickOpen.ts | openAJavascriptOrCssFileToSee":{"message":"Open a JavaScript or CSS file to see symbols"},"panels/sources/ProfilePlugin.ts | kb":{"message":"kB"},"panels/sources/ProfilePlugin.ts | mb":{"message":"MB"},"panels/sources/ProfilePlugin.ts | ms":{"message":"ms"},"panels/sources/ResourceOriginPlugin.ts | fromS":{"message":"(From {PH1})"},"panels/sources/ResourceOriginPlugin.ts | sourceMappedFromS":{"message":"(Source mapped from {PH1})"},"panels/sources/ScopeChainSidebarPane.ts | closure":{"message":"Closure"},"panels/sources/ScopeChainSidebarPane.ts | closureS":{"message":"Closure ({PH1})"},"panels/sources/ScopeChainSidebarPane.ts | exception":{"message":"Exception"},"panels/sources/ScopeChainSidebarPane.ts | loading":{"message":"Loading..."},"panels/sources/ScopeChainSidebarPane.ts | notPaused":{"message":"Not paused"},"panels/sources/ScopeChainSidebarPane.ts | noVariables":{"message":"No variables"},"panels/sources/ScopeChainSidebarPane.ts | returnValue":{"message":"Return value"},"panels/sources/ScopeChainSidebarPane.ts | revealInMemoryInspectorPanel":{"message":"Reveal in Memory Inspector panel"},"panels/sources/SnippetsPlugin.ts | ctrlenter":{"message":"Ctrl+Enter"},"panels/sources/SnippetsPlugin.ts | enter":{"message":"⌘+Enter"},"panels/sources/sources-meta.ts | activateBreakpoints":{"message":"Activate breakpoints"},"panels/sources/sources-meta.ts | addFolderToWorkspace":{"message":"Add folder to workspace"},"panels/sources/sources-meta.ts | addSelectedTextToWatches":{"message":"Add selected text to watches"},"panels/sources/sources-meta.ts | all":{"message":"All"},"panels/sources/sources-meta.ts | allowScrollingPastEndOfFile":{"message":"Allow scrolling past end of file"},"panels/sources/sources-meta.ts | autocompletion":{"message":"Autocompletion"},"panels/sources/sources-meta.ts | automaticallyRevealFilesIn":{"message":"Automatically reveal files in sidebar"},"panels/sources/sources-meta.ts | bracketMatching":{"message":"Bracket matching"},"panels/sources/sources-meta.ts | breakpoints":{"message":"Breakpoints"},"panels/sources/sources-meta.ts | closeAll":{"message":"Close All"},"panels/sources/sources-meta.ts | closeTheActiveTab":{"message":"Close the active tab"},"panels/sources/sources-meta.ts | codeFolding":{"message":"Code folding"},"panels/sources/sources-meta.ts | createNewSnippet":{"message":"Create new snippet"},"panels/sources/sources-meta.ts | deactivateBreakpoints":{"message":"Deactivate breakpoints"},"panels/sources/sources-meta.ts | decrementCssUnitBy":{"message":"Decrement CSS unit by {PH1}"},"panels/sources/sources-meta.ts | detectIndentation":{"message":"Detect indentation"},"panels/sources/sources-meta.ts | disableAutocompletion":{"message":"Disable autocompletion"},"panels/sources/sources-meta.ts | disableAutoFocusOnDebuggerPaused":{"message":"Do not focus Sources panel when triggering a breakpoint"},"panels/sources/sources-meta.ts | disableBracketMatching":{"message":"Disable bracket matching"},"panels/sources/sources-meta.ts | disableCodeFolding":{"message":"Disable code folding"},"panels/sources/sources-meta.ts | disableCssSourceMaps":{"message":"Disable CSS source maps"},"panels/sources/sources-meta.ts | disableJavascriptSourceMaps":{"message":"Disable JavaScript source maps"},"panels/sources/sources-meta.ts | disableTabMovesFocus":{"message":"Disable tab moves focus"},"panels/sources/sources-meta.ts | disableWasmAutoStepping":{"message":"Disable wasm auto-stepping"},"panels/sources/sources-meta.ts | disallowScrollingPastEndOfFile":{"message":"Disallow scrolling past end of file"},"panels/sources/sources-meta.ts | displayVariableValuesInlineWhile":{"message":"Display variable values inline while debugging"},"panels/sources/sources-meta.ts | doNotAutomaticallyRevealFilesIn":{"message":"Do not automatically reveal files in sidebar"},"panels/sources/sources-meta.ts | doNotDetectIndentation":{"message":"Do not detect indentation"},"panels/sources/sources-meta.ts | doNotDisplayVariableValuesInline":{"message":"Do not display variable values inline while debugging"},"panels/sources/sources-meta.ts | doNotSearchInAnonymousAndContent":{"message":"Do not search in anonymous and content scripts"},"panels/sources/sources-meta.ts | doNotShowWhitespaceCharacters":{"message":"Do not show whitespace characters"},"panels/sources/sources-meta.ts | enableAutocompletion":{"message":"Enable autocompletion"},"panels/sources/sources-meta.ts | enableAutoFocusOnDebuggerPaused":{"message":"Focus Sources panel when triggering a breakpoint"},"panels/sources/sources-meta.ts | enableBracketMatching":{"message":"Enable bracket matching"},"panels/sources/sources-meta.ts | enableCodeFolding":{"message":"Enable code folding"},"panels/sources/sources-meta.ts | enableCssSourceMaps":{"message":"Enable CSS source maps"},"panels/sources/sources-meta.ts | enableJavascriptSourceMaps":{"message":"Enable JavaScript source maps"},"panels/sources/sources-meta.ts | enableTabMovesFocus":{"message":"Enable tab moves focus"},"panels/sources/sources-meta.ts | enableWasmAutoStepping":{"message":"Enable wasm auto-stepping"},"panels/sources/sources-meta.ts | evaluateSelectedTextInConsole":{"message":"Evaluate selected text in console"},"panels/sources/sources-meta.ts | file":{"message":"File"},"panels/sources/sources-meta.ts | filesystem":{"message":"Filesystem"},"panels/sources/sources-meta.ts | goTo":{"message":"Go to"},"panels/sources/sources-meta.ts | goToAFunctionDeclarationruleSet":{"message":"Go to a function declaration/rule set"},"panels/sources/sources-meta.ts | goToLine":{"message":"Go to line"},"panels/sources/sources-meta.ts | incrementCssUnitBy":{"message":"Increment CSS unit by {PH1}"},"panels/sources/sources-meta.ts | jumpToNextEditingLocation":{"message":"Jump to next editing location"},"panels/sources/sources-meta.ts | jumpToPreviousEditingLocation":{"message":"Jump to previous editing location"},"panels/sources/sources-meta.ts | line":{"message":"Line"},"panels/sources/sources-meta.ts | nextCallFrame":{"message":"Next call frame"},"panels/sources/sources-meta.ts | nextEditorTab":{"message":"Next editor"},"panels/sources/sources-meta.ts | none":{"message":"None"},"panels/sources/sources-meta.ts | open":{"message":"Open"},"panels/sources/sources-meta.ts | pauseScriptExecution":{"message":"Pause script execution"},"panels/sources/sources-meta.ts | previousCallFrame":{"message":"Previous call frame"},"panels/sources/sources-meta.ts | previousEditorTab":{"message":"Previous editor"},"panels/sources/sources-meta.ts | quickSource":{"message":"Quick source"},"panels/sources/sources-meta.ts | rename":{"message":"Rename"},"panels/sources/sources-meta.ts | resumeScriptExecution":{"message":"Resume script execution"},"panels/sources/sources-meta.ts | runSnippet":{"message":"Run snippet"},"panels/sources/sources-meta.ts | save":{"message":"Save"},"panels/sources/sources-meta.ts | saveAll":{"message":"Save all"},"panels/sources/sources-meta.ts | scope":{"message":"Scope"},"panels/sources/sources-meta.ts | search":{"message":"Search"},"panels/sources/sources-meta.ts | searchInAnonymousAndContent":{"message":"Search in anonymous and content scripts"},"panels/sources/sources-meta.ts | showAllWhitespaceCharacters":{"message":"Show all whitespace characters"},"panels/sources/sources-meta.ts | showBreakpoints":{"message":"Show Breakpoints"},"panels/sources/sources-meta.ts | showFilesystem":{"message":"Show Filesystem"},"panels/sources/sources-meta.ts | showQuickSource":{"message":"Show Quick source"},"panels/sources/sources-meta.ts | showScope":{"message":"Show Scope"},"panels/sources/sources-meta.ts | showSearch":{"message":"Show Search"},"panels/sources/sources-meta.ts | showSnippets":{"message":"Show Snippets"},"panels/sources/sources-meta.ts | showSources":{"message":"Show Sources"},"panels/sources/sources-meta.ts | showThreads":{"message":"Show Threads"},"panels/sources/sources-meta.ts | showTrailingWhitespaceCharacters":{"message":"Show trailing whitespace characters"},"panels/sources/sources-meta.ts | showWatch":{"message":"Show Watch"},"panels/sources/sources-meta.ts | showWhitespaceCharacters":{"message":"Show whitespace characters:"},"panels/sources/sources-meta.ts | snippets":{"message":"Snippets"},"panels/sources/sources-meta.ts | sources":{"message":"Sources"},"panels/sources/sources-meta.ts | step":{"message":"Step"},"panels/sources/sources-meta.ts | stepIntoNextFunctionCall":{"message":"Step into next function call"},"panels/sources/sources-meta.ts | stepOutOfCurrentFunction":{"message":"Step out of current function"},"panels/sources/sources-meta.ts | stepOverNextFunctionCall":{"message":"Step over next function call"},"panels/sources/sources-meta.ts | switchFile":{"message":"Switch file"},"panels/sources/sources-meta.ts | symbol":{"message":"Symbol"},"panels/sources/sources-meta.ts | threads":{"message":"Threads"},"panels/sources/sources-meta.ts | toggleBreakpoint":{"message":"Toggle breakpoint"},"panels/sources/sources-meta.ts | toggleBreakpointEnabled":{"message":"Toggle breakpoint enabled"},"panels/sources/sources-meta.ts | toggleBreakpointInputWindow":{"message":"Toggle breakpoint input window"},"panels/sources/sources-meta.ts | toggleDebuggerSidebar":{"message":"Toggle debugger sidebar"},"panels/sources/sources-meta.ts | toggleNavigatorSidebar":{"message":"Toggle navigator sidebar"},"panels/sources/sources-meta.ts | trailing":{"message":"Trailing"},"panels/sources/sources-meta.ts | wasmAutoStepping":{"message":"When debugging wasm with debug information, do not pause on wasm bytecode if possible"},"panels/sources/sources-meta.ts | watch":{"message":"Watch"},"panels/sources/SourcesNavigator.ts | clearConfiguration":{"message":"Clear configuration"},"panels/sources/SourcesNavigator.ts | contentScriptsServedByExtensions":{"message":"Content scripts served by extensions appear here"},"panels/sources/SourcesNavigator.ts | createAndSaveCodeSnippetsFor":{"message":"Create and save code snippets for later reuse"},"panels/sources/SourcesNavigator.ts | createNewSnippet":{"message":"Create new snippet"},"panels/sources/SourcesNavigator.ts | learnMore":{"message":"Learn more"},"panels/sources/SourcesNavigator.ts | learnMoreAboutWorkspaces":{"message":"Learn more about Workspaces"},"panels/sources/SourcesNavigator.ts | newSnippet":{"message":"New snippet"},"panels/sources/SourcesNavigator.ts | overridePageAssetsWithFilesFromA":{"message":"Override page assets with files from a local folder"},"panels/sources/SourcesNavigator.ts | remove":{"message":"Remove"},"panels/sources/SourcesNavigator.ts | rename":{"message":"Rename…"},"panels/sources/SourcesNavigator.ts | run":{"message":"Run"},"panels/sources/SourcesNavigator.ts | saveAs":{"message":"Save as..."},"panels/sources/SourcesNavigator.ts | selectFolderForOverrides":{"message":"Select folder for overrides"},"panels/sources/SourcesNavigator.ts | syncChangesInDevtoolsWithThe":{"message":"Sync changes in DevTools with the local filesystem"},"panels/sources/SourcesPanel.ts | continueToHere":{"message":"Continue to here"},"panels/sources/SourcesPanel.ts | copyS":{"message":"Copy {PH1}"},"panels/sources/SourcesPanel.ts | copyStringAsJSLiteral":{"message":"Copy string as JavaScript literal"},"panels/sources/SourcesPanel.ts | copyStringAsJSONLiteral":{"message":"Copy string as JSON literal"},"panels/sources/SourcesPanel.ts | copyStringContents":{"message":"Copy string contents"},"panels/sources/SourcesPanel.ts | debuggerHidden":{"message":"Debugger sidebar hidden"},"panels/sources/SourcesPanel.ts | debuggerShown":{"message":"Debugger sidebar shown"},"panels/sources/SourcesPanel.ts | dropWorkspaceFolderHere":{"message":"Drop workspace folder here"},"panels/sources/SourcesPanel.ts | groupByAuthored":{"message":"Group by Authored/Deployed"},"panels/sources/SourcesPanel.ts | groupByFolder":{"message":"Group by folder"},"panels/sources/SourcesPanel.ts | hideDebugger":{"message":"Hide debugger"},"panels/sources/SourcesPanel.ts | hideIgnoreListed":{"message":"Hide ignore-listed sources"},"panels/sources/SourcesPanel.ts | hideNavigator":{"message":"Hide navigator"},"panels/sources/SourcesPanel.ts | moreOptions":{"message":"More options"},"panels/sources/SourcesPanel.ts | navigatorHidden":{"message":"Navigator sidebar hidden"},"panels/sources/SourcesPanel.ts | navigatorShown":{"message":"Navigator sidebar shown"},"panels/sources/SourcesPanel.ts | openInSourcesPanel":{"message":"Open in Sources panel"},"panels/sources/SourcesPanel.ts | pauseOnCaughtExceptions":{"message":"Pause on caught exceptions"},"panels/sources/SourcesPanel.ts | resumeWithAllPausesBlockedForMs":{"message":"Resume with all pauses blocked for 500 ms"},"panels/sources/SourcesPanel.ts | revealInSidebar":{"message":"Reveal in sidebar"},"panels/sources/SourcesPanel.ts | showDebugger":{"message":"Show debugger"},"panels/sources/SourcesPanel.ts | showFunctionDefinition":{"message":"Show function definition"},"panels/sources/SourcesPanel.ts | showNavigator":{"message":"Show navigator"},"panels/sources/SourcesPanel.ts | storeSAsGlobalVariable":{"message":"Store {PH1} as global variable"},"panels/sources/SourcesPanel.ts | terminateCurrentJavascriptCall":{"message":"Terminate current JavaScript call"},"panels/sources/SourcesView.ts | dropInAFolderToAddToWorkspace":{"message":"Drop in a folder to add to workspace"},"panels/sources/SourcesView.ts | openFile":{"message":"Open file"},"panels/sources/SourcesView.ts | runCommand":{"message":"Run command"},"panels/sources/SourcesView.ts | sourceViewActions":{"message":"Source View Actions"},"panels/sources/TabbedEditorContainer.ts | areYouSureYouWantToCloseUnsaved":{"message":"Are you sure you want to close unsaved file: {PH1}?"},"panels/sources/TabbedEditorContainer.ts | changesToThisFileWereNotSavedTo":{"message":"Changes to this file were not saved to file system."},"panels/sources/TabbedEditorContainer.ts | unableToLoadThisContent":{"message":"Unable to load this content."},"panels/sources/ThreadsSidebarPane.ts | paused":{"message":"paused"},"panels/sources/WatchExpressionsSidebarPane.ts | addPropertyPathToWatch":{"message":"Add property path to watch"},"panels/sources/WatchExpressionsSidebarPane.ts | addWatchExpression":{"message":"Add watch expression"},"panels/sources/WatchExpressionsSidebarPane.ts | copyValue":{"message":"Copy value"},"panels/sources/WatchExpressionsSidebarPane.ts | deleteAllWatchExpressions":{"message":"Delete all watch expressions"},"panels/sources/WatchExpressionsSidebarPane.ts | deleteWatchExpression":{"message":"Delete watch expression"},"panels/sources/WatchExpressionsSidebarPane.ts | notAvailable":{"message":"<not available>"},"panels/sources/WatchExpressionsSidebarPane.ts | noWatchExpressions":{"message":"No watch expressions"},"panels/sources/WatchExpressionsSidebarPane.ts | refreshWatchExpressions":{"message":"Refresh watch expressions"},"panels/timeline/AppenderUtils.ts | sSelfS":{"message":"{PH1} (self {PH2})"},"panels/timeline/CountersGraph.ts | documents":{"message":"Documents"},"panels/timeline/CountersGraph.ts | gpuMemory":{"message":"GPU Memory"},"panels/timeline/CountersGraph.ts | jsHeap":{"message":"JS Heap"},"panels/timeline/CountersGraph.ts | listeners":{"message":"Listeners"},"panels/timeline/CountersGraph.ts | nodes":{"message":"Nodes"},"panels/timeline/CountersGraph.ts | ss":{"message":"[{PH1} – {PH2}]"},"panels/timeline/EventsTimelineTreeView.ts | all":{"message":"All"},"panels/timeline/EventsTimelineTreeView.ts | Dms":{"message":"{PH1} ms"},"panels/timeline/EventsTimelineTreeView.ts | durationFilter":{"message":"Duration filter"},"panels/timeline/EventsTimelineTreeView.ts | filterEventLog":{"message":"Filter event log"},"panels/timeline/EventsTimelineTreeView.ts | startTime":{"message":"Start Time"},"panels/timeline/GPUTrackAppender.ts | gpu":{"message":"GPU"},"panels/timeline/InteractionsTrackAppender.ts | interactions":{"message":"Interactions"},"panels/timeline/LayoutShiftsTrackAppender.ts | layoutShifts":{"message":"Layout Shifts"},"panels/timeline/timeline-meta.ts | hideChromeFrameInLayersView":{"message":"Hide chrome frame in Layers view"},"panels/timeline/timeline-meta.ts | javascriptProfiler":{"message":"JavaScript Profiler"},"panels/timeline/timeline-meta.ts | loadProfile":{"message":"Load profile…"},"panels/timeline/timeline-meta.ts | nextFrame":{"message":"Next frame"},"panels/timeline/timeline-meta.ts | nextRecording":{"message":"Next recording"},"panels/timeline/timeline-meta.ts | performance":{"message":"Performance"},"panels/timeline/timeline-meta.ts | previousFrame":{"message":"Previous frame"},"panels/timeline/timeline-meta.ts | previousRecording":{"message":"Previous recording"},"panels/timeline/timeline-meta.ts | record":{"message":"Record"},"panels/timeline/timeline-meta.ts | saveProfile":{"message":"Save profile…"},"panels/timeline/timeline-meta.ts | showJavascriptProfiler":{"message":"Show JavaScript Profiler"},"panels/timeline/timeline-meta.ts | showPerformance":{"message":"Show Performance"},"panels/timeline/timeline-meta.ts | showRecentTimelineSessions":{"message":"Show recent timeline sessions"},"panels/timeline/timeline-meta.ts | startProfilingAndReloadPage":{"message":"Start profiling and reload page"},"panels/timeline/timeline-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/timeline/timeline-meta.ts | stop":{"message":"Stop"},"panels/timeline/TimelineController.ts | cpuProfileForATargetIsNot":{"message":"CPU profile for a target is not available."},"panels/timeline/TimelineController.ts | tracingNotSupported":{"message":"Performance trace recording not supported for this type of target"},"panels/timeline/TimelineDetailsView.ts | bottomup":{"message":"Bottom-Up"},"panels/timeline/TimelineDetailsView.ts | callTree":{"message":"Call Tree"},"panels/timeline/TimelineDetailsView.ts | estimated":{"message":"estimated"},"panels/timeline/TimelineDetailsView.ts | eventLog":{"message":"Event Log"},"panels/timeline/TimelineDetailsView.ts | layers":{"message":"Layers"},"panels/timeline/TimelineDetailsView.ts | learnMore":{"message":"Learn more"},"panels/timeline/TimelineDetailsView.ts | paintProfiler":{"message":"Paint Profiler"},"panels/timeline/TimelineDetailsView.ts | rangeSS":{"message":"Range:  {PH1} – {PH2}"},"panels/timeline/TimelineDetailsView.ts | summary":{"message":"Summary"},"panels/timeline/TimelineDetailsView.ts | totalBlockingTimeSmss":{"message":"Total blocking time: {PH1}ms{PH2}"},"panels/timeline/TimelineEventOverview.ts | cpu":{"message":"CPU"},"panels/timeline/TimelineEventOverview.ts | heap":{"message":"HEAP"},"panels/timeline/TimelineEventOverview.ts | net":{"message":"NET"},"panels/timeline/TimelineEventOverview.ts | sSDash":{"message":"{PH1} – {PH2}"},"panels/timeline/TimelineFlameChartDataProvider.ts | animation":{"message":"Animation"},"panels/timeline/TimelineFlameChartDataProvider.ts | droppedFrame":{"message":"Dropped Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | frame":{"message":"Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | frames":{"message":"Frames"},"panels/timeline/TimelineFlameChartDataProvider.ts | frameS":{"message":"Frame — {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | idleFrame":{"message":"Idle Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | longFrame":{"message":"Long frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | main":{"message":"Main"},"panels/timeline/TimelineFlameChartDataProvider.ts | mainS":{"message":"Main — {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | onIgnoreList":{"message":"On ignore list"},"panels/timeline/TimelineFlameChartDataProvider.ts | partiallyPresentedFrame":{"message":"Partially Presented Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | raster":{"message":"Raster"},"panels/timeline/TimelineFlameChartDataProvider.ts | rasterizerThreadS":{"message":"Rasterizer Thread {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | sSelfS":{"message":"{PH1} (self {PH2})"},"panels/timeline/TimelineFlameChartDataProvider.ts | subframe":{"message":"Subframe"},"panels/timeline/TimelineFlameChartDataProvider.ts | thread":{"message":"Thread"},"panels/timeline/TimelineFlameChartNetworkDataProvider.ts | network":{"message":"Network"},"panels/timeline/TimelineFlameChartView.ts | sAtS":{"message":"{PH1} at {PH2}"},"panels/timeline/TimelineHistoryManager.ts | currentSessionSS":{"message":"Current Session: {PH1}. {PH2}"},"panels/timeline/TimelineHistoryManager.ts | moments":{"message":"moments"},"panels/timeline/TimelineHistoryManager.ts | noRecordings":{"message":"(no recordings)"},"panels/timeline/TimelineHistoryManager.ts | sAgo":{"message":"({PH1} ago)"},"panels/timeline/TimelineHistoryManager.ts | sD":{"message":"{PH1} #{PH2}"},"panels/timeline/TimelineHistoryManager.ts | selectTimelineSession":{"message":"Select Timeline Session"},"panels/timeline/TimelineHistoryManager.ts | sH":{"message":"{PH1} h"},"panels/timeline/TimelineHistoryManager.ts | sM":{"message":"{PH1} m"},"panels/timeline/TimelineLoader.ts | legacyTimelineFormatIsNot":{"message":"Legacy Timeline format is not supported."},"panels/timeline/TimelineLoader.ts | malformedCpuProfileFormat":{"message":"Malformed CPU profile format"},"panels/timeline/TimelineLoader.ts | malformedTimelineDataS":{"message":"Malformed timeline data: {PH1}"},"panels/timeline/TimelineLoader.ts | malformedTimelineDataUnknownJson":{"message":"Malformed timeline data: Unknown JSON format"},"panels/timeline/TimelineLoader.ts | malformedTimelineInputWrongJson":{"message":"Malformed timeline input, wrong JSON brackets balance"},"panels/timeline/TimelinePanel.ts | afterRecordingSelectAnAreaOf":{"message":"After recording, select an area of interest in the overview by dragging. Then, zoom and pan the timeline with the mousewheel or {PH1} keys. {PH2}"},"panels/timeline/TimelinePanel.ts | bufferUsage":{"message":"Buffer usage"},"panels/timeline/TimelinePanel.ts | capturesAdvancedPaint":{"message":"Captures advanced paint instrumentation, introduces significant performance overhead"},"panels/timeline/TimelinePanel.ts | captureScreenshots":{"message":"Capture screenshots"},"panels/timeline/TimelinePanel.ts | captureSettings":{"message":"Capture settings"},"panels/timeline/TimelinePanel.ts | clear":{"message":"Clear"},"panels/timeline/TimelinePanel.ts | clickTheRecordButtonSOrHitSTo":{"message":"Click the record button {PH1} or hit {PH2} to start a new recording."},"panels/timeline/TimelinePanel.ts | clickTheReloadButtonSOrHitSTo":{"message":"Click the reload button {PH1} or hit {PH2} to record the page load."},"panels/timeline/TimelinePanel.ts | close":{"message":"Close"},"panels/timeline/TimelinePanel.ts | couldNotStart":{"message":"Could not start recording, please try again later"},"panels/timeline/TimelinePanel.ts | cpu":{"message":"CPU:"},"panels/timeline/TimelinePanel.ts | CpuThrottlingIsEnabled":{"message":"- CPU throttling is enabled"},"panels/timeline/TimelinePanel.ts | description":{"message":"Description"},"panels/timeline/TimelinePanel.ts | disableJavascriptSamples":{"message":"Disable JavaScript samples"},"panels/timeline/TimelinePanel.ts | disablesJavascriptSampling":{"message":"Disables JavaScript sampling, reduces overhead when running against mobile devices"},"panels/timeline/TimelinePanel.ts | dropTimelineFileOrUrlHere":{"message":"Drop timeline file or URL here"},"panels/timeline/TimelinePanel.ts | enableAdvancedPaint":{"message":"Enable advanced paint instrumentation (slow)"},"panels/timeline/TimelinePanel.ts | failedToSaveTimelineSS":{"message":"Failed to save timeline: {PH1} ({PH2})"},"panels/timeline/TimelinePanel.ts | HardwareConcurrencyIsEnabled":{"message":"- Hardware concurrency override is enabled"},"panels/timeline/TimelinePanel.ts | initializingProfiler":{"message":"Initializing profiler…"},"panels/timeline/TimelinePanel.ts | JavascriptSamplingIsDisabled":{"message":"- JavaScript sampling is disabled"},"panels/timeline/TimelinePanel.ts | learnmore":{"message":"Learn more"},"panels/timeline/TimelinePanel.ts | loadingProfile":{"message":"Loading profile…"},"panels/timeline/TimelinePanel.ts | loadProfile":{"message":"Load profile…"},"panels/timeline/TimelinePanel.ts | memory":{"message":"Memory"},"panels/timeline/TimelinePanel.ts | network":{"message":"Network:"},"panels/timeline/TimelinePanel.ts | networkConditions":{"message":"Network conditions"},"panels/timeline/TimelinePanel.ts | NetworkThrottlingIsEnabled":{"message":"- Network throttling is enabled"},"panels/timeline/TimelinePanel.ts | processingProfile":{"message":"Processing profile…"},"panels/timeline/TimelinePanel.ts | profiling":{"message":"Profiling…"},"panels/timeline/TimelinePanel.ts | received":{"message":"Received"},"panels/timeline/TimelinePanel.ts | recordingFailed":{"message":"Recording failed"},"panels/timeline/TimelinePanel.ts | saveProfile":{"message":"Save profile…"},"panels/timeline/TimelinePanel.ts | screenshots":{"message":"Screenshots"},"panels/timeline/TimelinePanel.ts | showMemoryTimeline":{"message":"Show memory timeline"},"panels/timeline/TimelinePanel.ts | SignificantOverheadDueToPaint":{"message":"- Significant overhead due to paint instrumentation"},"panels/timeline/TimelinePanel.ts | ssec":{"message":"{PH1} sec"},"panels/timeline/TimelinePanel.ts | status":{"message":"Status"},"panels/timeline/TimelinePanel.ts | stop":{"message":"Stop"},"panels/timeline/TimelinePanel.ts | stoppingTimeline":{"message":"Stopping timeline…"},"panels/timeline/TimelinePanel.ts | time":{"message":"Time"},"panels/timeline/TimelinePanel.ts | wasd":{"message":"WASD"},"panels/timeline/TimelineTreeView.ts | activity":{"message":"Activity"},"panels/timeline/TimelineTreeView.ts | chromeExtensionsOverhead":{"message":"[Chrome extensions overhead]"},"panels/timeline/TimelineTreeView.ts | filter":{"message":"Filter"},"panels/timeline/TimelineTreeView.ts | filterBottomup":{"message":"Filter bottom-up"},"panels/timeline/TimelineTreeView.ts | filterCallTree":{"message":"Filter call tree"},"panels/timeline/TimelineTreeView.ts | fms":{"message":"{PH1} ms"},"panels/timeline/TimelineTreeView.ts | groupBy":{"message":"Group by"},"panels/timeline/TimelineTreeView.ts | groupByActivity":{"message":"Group by Activity"},"panels/timeline/TimelineTreeView.ts | groupByCategory":{"message":"Group by Category"},"panels/timeline/TimelineTreeView.ts | groupByDomain":{"message":"Group by Domain"},"panels/timeline/TimelineTreeView.ts | groupByFrame":{"message":"Group by Frame"},"panels/timeline/TimelineTreeView.ts | groupBySubdomain":{"message":"Group by Subdomain"},"panels/timeline/TimelineTreeView.ts | groupByUrl":{"message":"Group by URL"},"panels/timeline/TimelineTreeView.ts | heaviestStack":{"message":"Heaviest stack"},"panels/timeline/TimelineTreeView.ts | heaviestStackHidden":{"message":"Heaviest stack sidebar hidden"},"panels/timeline/TimelineTreeView.ts | heaviestStackShown":{"message":"Heaviest stack sidebar shown"},"panels/timeline/TimelineTreeView.ts | hideHeaviestStack":{"message":"Hide Heaviest stack"},"panels/timeline/TimelineTreeView.ts | javascript":{"message":"JavaScript"},"panels/timeline/TimelineTreeView.ts | noGrouping":{"message":"No Grouping"},"panels/timeline/TimelineTreeView.ts | notOptimizedS":{"message":"Not optimized: {PH1}"},"panels/timeline/TimelineTreeView.ts | page":{"message":"Page"},"panels/timeline/TimelineTreeView.ts | percentPlaceholder":{"message":"{PH1} %"},"panels/timeline/TimelineTreeView.ts | performance":{"message":"Performance"},"panels/timeline/TimelineTreeView.ts | selectItemForDetails":{"message":"Select item for details."},"panels/timeline/TimelineTreeView.ts | selfTime":{"message":"Self Time"},"panels/timeline/TimelineTreeView.ts | showHeaviestStack":{"message":"Show Heaviest stack"},"panels/timeline/TimelineTreeView.ts | timelineStack":{"message":"Timeline Stack"},"panels/timeline/TimelineTreeView.ts | totalTime":{"message":"Total Time"},"panels/timeline/TimelineTreeView.ts | unattributed":{"message":"[unattributed]"},"panels/timeline/TimelineTreeView.ts | vRuntime":{"message":"[V8 Runtime]"},"panels/timeline/TimelineUIUtils.ts | aggregatedTime":{"message":"Aggregated Time"},"panels/timeline/TimelineUIUtils.ts | allottedTime":{"message":"Allotted Time"},"panels/timeline/TimelineUIUtils.ts | animation":{"message":"Animation"},"panels/timeline/TimelineUIUtils.ts | animationFrameFired":{"message":"Animation Frame Fired"},"panels/timeline/TimelineUIUtils.ts | animationFrameRequested":{"message":"Animation Frame Requested"},"panels/timeline/TimelineUIUtils.ts | async":{"message":"Async"},"panels/timeline/TimelineUIUtils.ts | asyncTask":{"message":"Async Task"},"panels/timeline/TimelineUIUtils.ts | cachedWasmModule":{"message":"Cached Wasm Module"},"panels/timeline/TimelineUIUtils.ts | cacheModule":{"message":"Cache Module Code"},"panels/timeline/TimelineUIUtils.ts | cacheScript":{"message":"Cache Script Code"},"panels/timeline/TimelineUIUtils.ts | callbackFunction":{"message":"Callback Function"},"panels/timeline/TimelineUIUtils.ts | callbackId":{"message":"Callback ID"},"panels/timeline/TimelineUIUtils.ts | callStacks":{"message":"Call Stacks"},"panels/timeline/TimelineUIUtils.ts | cancelAnimationFrame":{"message":"Cancel Animation Frame"},"panels/timeline/TimelineUIUtils.ts | cancelIdleCallback":{"message":"Cancel Idle Callback"},"panels/timeline/TimelineUIUtils.ts | changedAttributeToSs":{"message":"(changed attribute to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedClassToSs":{"message":"(changed class to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedIdToSs":{"message":"(changed id to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedPesudoToSs":{"message":"(changed pseudo to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedSs":{"message":"(changed \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | collected":{"message":"Collected"},"panels/timeline/TimelineUIUtils.ts | commit":{"message":"Commit"},"panels/timeline/TimelineUIUtils.ts | compilationCacheSize":{"message":"Compilation cache size"},"panels/timeline/TimelineUIUtils.ts | compilationCacheStatus":{"message":"Compilation cache status"},"panels/timeline/TimelineUIUtils.ts | compile":{"message":"Compile"},"panels/timeline/TimelineUIUtils.ts | compileCode":{"message":"Compile Code"},"panels/timeline/TimelineUIUtils.ts | compiledWasmModule":{"message":"Compiled Wasm Module"},"panels/timeline/TimelineUIUtils.ts | compileModule":{"message":"Compile Module"},"panels/timeline/TimelineUIUtils.ts | compileScript":{"message":"Compile Script"},"panels/timeline/TimelineUIUtils.ts | compositeLayers":{"message":"Composite Layers"},"panels/timeline/TimelineUIUtils.ts | computeIntersections":{"message":"Compute Intersections"},"panels/timeline/TimelineUIUtils.ts | consoleTime":{"message":"Console Time"},"panels/timeline/TimelineUIUtils.ts | consumedCacheSize":{"message":"Consumed Cache Size"},"panels/timeline/TimelineUIUtils.ts | cpuTime":{"message":"CPU time"},"panels/timeline/TimelineUIUtils.ts | createWebsocket":{"message":"Create WebSocket"},"panels/timeline/TimelineUIUtils.ts | cumulativeLayoutShifts":{"message":"Cumulative Layout Shifts"},"panels/timeline/TimelineUIUtils.ts | cumulativeScore":{"message":"Cumulative Score"},"panels/timeline/TimelineUIUtils.ts | currentClusterId":{"message":"Current Cluster ID"},"panels/timeline/TimelineUIUtils.ts | currentClusterScore":{"message":"Current Cluster Score"},"panels/timeline/TimelineUIUtils.ts | decodedBody":{"message":"Decoded Body"},"panels/timeline/TimelineUIUtils.ts | decrypt":{"message":"Decrypt"},"panels/timeline/TimelineUIUtils.ts | decryptReply":{"message":"Decrypt Reply"},"panels/timeline/TimelineUIUtils.ts | deserializeCodeCache":{"message":"Deserialize Code Cache"},"panels/timeline/TimelineUIUtils.ts | destroyWebsocket":{"message":"Destroy WebSocket"},"panels/timeline/TimelineUIUtils.ts | details":{"message":"Details"},"panels/timeline/TimelineUIUtils.ts | digest":{"message":"Digest"},"panels/timeline/TimelineUIUtils.ts | digestReply":{"message":"Digest Reply"},"panels/timeline/TimelineUIUtils.ts | dimensions":{"message":"Dimensions"},"panels/timeline/TimelineUIUtils.ts | domcontentloadedEvent":{"message":"DOMContentLoaded Event"},"panels/timeline/TimelineUIUtils.ts | domGc":{"message":"DOM GC"},"panels/timeline/TimelineUIUtils.ts | drawFrame":{"message":"Draw Frame"},"panels/timeline/TimelineUIUtils.ts | duration":{"message":"Duration"},"panels/timeline/TimelineUIUtils.ts | eagerCompile":{"message":"Compiling all functions eagerly"},"panels/timeline/TimelineUIUtils.ts | elementsAffected":{"message":"Elements Affected"},"panels/timeline/TimelineUIUtils.ts | embedderCallback":{"message":"Embedder Callback"},"panels/timeline/TimelineUIUtils.ts | emptyPlaceholder":{"message":"{PH1}"},"panels/timeline/TimelineUIUtils.ts | emptyPlaceholderColon":{"message":": {PH1}"},"panels/timeline/TimelineUIUtils.ts | encodedData":{"message":"Encoded Data"},"panels/timeline/TimelineUIUtils.ts | encrypt":{"message":"Encrypt"},"panels/timeline/TimelineUIUtils.ts | encryptReply":{"message":"Encrypt Reply"},"panels/timeline/TimelineUIUtils.ts | evaluateModule":{"message":"Evaluate Module"},"panels/timeline/TimelineUIUtils.ts | evaluateScript":{"message":"Evaluate Script"},"panels/timeline/TimelineUIUtils.ts | event":{"message":"Event"},"panels/timeline/TimelineUIUtils.ts | eventTiming":{"message":"Event Timing"},"panels/timeline/TimelineUIUtils.ts | evolvedClsLink":{"message":"evolved"},"panels/timeline/TimelineUIUtils.ts | experience":{"message":"Experience"},"panels/timeline/TimelineUIUtils.ts | failedToLoadScriptFromCache":{"message":"failed to load script from cache"},"panels/timeline/TimelineUIUtils.ts | finishLoading":{"message":"Finish Loading"},"panels/timeline/TimelineUIUtils.ts | fireIdleCallback":{"message":"Fire Idle Callback"},"panels/timeline/TimelineUIUtils.ts | firstContentfulPaint":{"message":"First Contentful Paint"},"panels/timeline/TimelineUIUtils.ts | firstInvalidated":{"message":"First Invalidated"},"panels/timeline/TimelineUIUtils.ts | firstLayoutInvalidation":{"message":"First Layout Invalidation"},"panels/timeline/TimelineUIUtils.ts | firstPaint":{"message":"First Paint"},"panels/timeline/TimelineUIUtils.ts | forcedReflow":{"message":"Forced reflow"},"panels/timeline/TimelineUIUtils.ts | frame":{"message":"Frame"},"panels/timeline/TimelineUIUtils.ts | frameStart":{"message":"Frame Start"},"panels/timeline/TimelineUIUtils.ts | frameStartedLoading":{"message":"Frame Started Loading"},"panels/timeline/TimelineUIUtils.ts | frameStartMainThread":{"message":"Frame Start (main thread)"},"panels/timeline/TimelineUIUtils.ts | FromCache":{"message":" (from cache)"},"panels/timeline/TimelineUIUtils.ts | FromMemoryCache":{"message":" (from memory cache)"},"panels/timeline/TimelineUIUtils.ts | FromPush":{"message":" (from push)"},"panels/timeline/TimelineUIUtils.ts | FromServiceWorker":{"message":" (from service worker)"},"panels/timeline/TimelineUIUtils.ts | function":{"message":"Function"},"panels/timeline/TimelineUIUtils.ts | functionCall":{"message":"Function Call"},"panels/timeline/TimelineUIUtils.ts | gcEvent":{"message":"GC Event"},"panels/timeline/TimelineUIUtils.ts | gpu":{"message":"GPU"},"panels/timeline/TimelineUIUtils.ts | hadRecentInput":{"message":"Had recent input"},"panels/timeline/TimelineUIUtils.ts | handlerTookS":{"message":"Handler took {PH1}"},"panels/timeline/TimelineUIUtils.ts | hitTest":{"message":"Hit Test"},"panels/timeline/TimelineUIUtils.ts | idle":{"message":"Idle"},"panels/timeline/TimelineUIUtils.ts | idleCallbackExecutionExtended":{"message":"Idle callback execution extended beyond deadline by {PH1}"},"panels/timeline/TimelineUIUtils.ts | idleCallbackRequested":{"message":"Idle Callback Requested"},"panels/timeline/TimelineUIUtils.ts | imageDecode":{"message":"Image Decode"},"panels/timeline/TimelineUIUtils.ts | imageResize":{"message":"Image Resize"},"panels/timeline/TimelineUIUtils.ts | imageUrl":{"message":"Image URL"},"panels/timeline/TimelineUIUtils.ts | initiator":{"message":"Initiator"},"panels/timeline/TimelineUIUtils.ts | installTimer":{"message":"Install Timer"},"panels/timeline/TimelineUIUtils.ts | interactionID":{"message":"ID"},"panels/timeline/TimelineUIUtils.ts | invalidateLayout":{"message":"Invalidate Layout"},"panels/timeline/TimelineUIUtils.ts | invalidations":{"message":"Invalidations"},"panels/timeline/TimelineUIUtils.ts | invokedByTimeout":{"message":"Invoked by Timeout"},"panels/timeline/TimelineUIUtils.ts | jank":{"message":"jank"},"panels/timeline/TimelineUIUtils.ts | jsFrame":{"message":"JS Frame"},"panels/timeline/TimelineUIUtils.ts | jsIdleFrame":{"message":"JS Idle Frame"},"panels/timeline/TimelineUIUtils.ts | jsRoot":{"message":"JS Root"},"panels/timeline/TimelineUIUtils.ts | jsSystemFrame":{"message":"JS System Frame"},"panels/timeline/TimelineUIUtils.ts | largestContentfulPaint":{"message":"Largest Contentful Paint"},"panels/timeline/TimelineUIUtils.ts | layerize":{"message":"Layerize"},"panels/timeline/TimelineUIUtils.ts | layerRoot":{"message":"Layer Root"},"panels/timeline/TimelineUIUtils.ts | layerTree":{"message":"Layer tree"},"panels/timeline/TimelineUIUtils.ts | layout":{"message":"Layout"},"panels/timeline/TimelineUIUtils.ts | layoutForced":{"message":"Layout Forced"},"panels/timeline/TimelineUIUtils.ts | layoutInvalidations":{"message":"Layout Invalidations"},"panels/timeline/TimelineUIUtils.ts | layoutRoot":{"message":"Layout root"},"panels/timeline/TimelineUIUtils.ts | layoutShift":{"message":"Layout Shift"},"panels/timeline/TimelineUIUtils.ts | learnMore":{"message":"Learn more"},"panels/timeline/TimelineUIUtils.ts | loadFromCache":{"message":"load from cache"},"panels/timeline/TimelineUIUtils.ts | loading":{"message":"Loading"},"panels/timeline/TimelineUIUtils.ts | location":{"message":"Location"},"panels/timeline/TimelineUIUtils.ts | longInteractionINP":{"message":"Long interaction"},"panels/timeline/TimelineUIUtils.ts | longTask":{"message":"Long task"},"panels/timeline/TimelineUIUtils.ts | majorGc":{"message":"Major GC"},"panels/timeline/TimelineUIUtils.ts | message":{"message":"Message"},"panels/timeline/TimelineUIUtils.ts | mimeType":{"message":"Mime Type"},"panels/timeline/TimelineUIUtils.ts | mimeTypeCaps":{"message":"MIME Type"},"panels/timeline/TimelineUIUtils.ts | minorGc":{"message":"Minor GC"},"panels/timeline/TimelineUIUtils.ts | module":{"message":"Module"},"panels/timeline/TimelineUIUtils.ts | movedFrom":{"message":"Moved from"},"panels/timeline/TimelineUIUtils.ts | movedTo":{"message":"Moved to"},"panels/timeline/TimelineUIUtils.ts | networkRequest":{"message":"Network request"},"panels/timeline/TimelineUIUtils.ts | networkTransfer":{"message":"network transfer"},"panels/timeline/TimelineUIUtils.ts | no":{"message":"No"},"panels/timeline/TimelineUIUtils.ts | node":{"message":"Node:"},"panels/timeline/TimelineUIUtils.ts | nodes":{"message":"Nodes:"},"panels/timeline/TimelineUIUtils.ts | nodesThatNeedLayout":{"message":"Nodes That Need Layout"},"panels/timeline/TimelineUIUtils.ts | notOptimized":{"message":"Not optimized"},"panels/timeline/TimelineUIUtils.ts | onloadEvent":{"message":"Onload Event"},"panels/timeline/TimelineUIUtils.ts | optimizeCode":{"message":"Optimize Code"},"panels/timeline/TimelineUIUtils.ts | other":{"message":"Other"},"panels/timeline/TimelineUIUtils.ts | otherInvalidations":{"message":"Other Invalidations"},"panels/timeline/TimelineUIUtils.ts | ownerElement":{"message":"Owner Element"},"panels/timeline/TimelineUIUtils.ts | paint":{"message":"Paint"},"panels/timeline/TimelineUIUtils.ts | paintImage":{"message":"Paint Image"},"panels/timeline/TimelineUIUtils.ts | painting":{"message":"Painting"},"panels/timeline/TimelineUIUtils.ts | paintProfiler":{"message":"Paint Profiler"},"panels/timeline/TimelineUIUtils.ts | paintSetup":{"message":"Paint Setup"},"panels/timeline/TimelineUIUtils.ts | parse":{"message":"Parse"},"panels/timeline/TimelineUIUtils.ts | parseAndCompile":{"message":"Parse and Compile"},"panels/timeline/TimelineUIUtils.ts | parseHtml":{"message":"Parse HTML"},"panels/timeline/TimelineUIUtils.ts | parseStylesheet":{"message":"Parse Stylesheet"},"panels/timeline/TimelineUIUtils.ts | pendingFor":{"message":"Pending for"},"panels/timeline/TimelineUIUtils.ts | prePaint":{"message":"Pre-Paint"},"panels/timeline/TimelineUIUtils.ts | preview":{"message":"Preview"},"panels/timeline/TimelineUIUtils.ts | priority":{"message":"Priority"},"panels/timeline/TimelineUIUtils.ts | producedCacheSize":{"message":"Produced Cache Size"},"panels/timeline/TimelineUIUtils.ts | profilingOverhead":{"message":"Profiling Overhead"},"panels/timeline/TimelineUIUtils.ts | range":{"message":"Range"},"panels/timeline/TimelineUIUtils.ts | rasterizePaint":{"message":"Rasterize Paint"},"panels/timeline/TimelineUIUtils.ts | recalculateStyle":{"message":"Recalculate Style"},"panels/timeline/TimelineUIUtils.ts | recalculationForced":{"message":"Recalculation Forced"},"panels/timeline/TimelineUIUtils.ts | receiveData":{"message":"Receive Data"},"panels/timeline/TimelineUIUtils.ts | receiveResponse":{"message":"Receive Response"},"panels/timeline/TimelineUIUtils.ts | receiveWebsocketHandshake":{"message":"Receive WebSocket Handshake"},"panels/timeline/TimelineUIUtils.ts | recurringHandlerTookS":{"message":"Recurring handler took {PH1}"},"panels/timeline/TimelineUIUtils.ts | relatedNode":{"message":"Related Node"},"panels/timeline/TimelineUIUtils.ts | removeTimer":{"message":"Remove Timer"},"panels/timeline/TimelineUIUtils.ts | rendering":{"message":"Rendering"},"panels/timeline/TimelineUIUtils.ts | repeats":{"message":"Repeats"},"panels/timeline/TimelineUIUtils.ts | requestAnimationFrame":{"message":"Request Animation Frame"},"panels/timeline/TimelineUIUtils.ts | requestIdleCallback":{"message":"Request Idle Callback"},"panels/timeline/TimelineUIUtils.ts | requestMainThreadFrame":{"message":"Request Main Thread Frame"},"panels/timeline/TimelineUIUtils.ts | requestMethod":{"message":"Request Method"},"panels/timeline/TimelineUIUtils.ts | resource":{"message":"Resource"},"panels/timeline/TimelineUIUtils.ts | reveal":{"message":"Reveal"},"panels/timeline/TimelineUIUtils.ts | runMicrotasks":{"message":"Run Microtasks"},"panels/timeline/TimelineUIUtils.ts | sAndS":{"message":"{PH1} and {PH2}"},"panels/timeline/TimelineUIUtils.ts | sAndSOther":{"message":"{PH1}, {PH2}, and 1 other"},"panels/timeline/TimelineUIUtils.ts | sAtS":{"message":"{PH1} at {PH2}"},"panels/timeline/TimelineUIUtils.ts | sAtSParentheses":{"message":"{PH1} (at {PH2})"},"panels/timeline/TimelineUIUtils.ts | sBytes":{"message":"{n, plural, =1 {# Byte} other {# Bytes}}"},"panels/timeline/TimelineUIUtils.ts | scheduleStyleRecalculation":{"message":"Schedule Style Recalculation"},"panels/timeline/TimelineUIUtils.ts | sChildren":{"message":"{PH1} (children)"},"panels/timeline/TimelineUIUtils.ts | sCLSInformation":{"message":"{PH1} can result in poor user experiences. It has recently {PH2}."},"panels/timeline/TimelineUIUtils.ts | sCollected":{"message":"{PH1} collected"},"panels/timeline/TimelineUIUtils.ts | score":{"message":"Score"},"panels/timeline/TimelineUIUtils.ts | script":{"message":"Script"},"panels/timeline/TimelineUIUtils.ts | scripting":{"message":"Scripting"},"panels/timeline/TimelineUIUtils.ts | scriptLoadedFromCache":{"message":"script loaded from cache"},"panels/timeline/TimelineUIUtils.ts | scriptNotEligible":{"message":"script not eligible"},"panels/timeline/TimelineUIUtils.ts | scroll":{"message":"Scroll"},"panels/timeline/TimelineUIUtils.ts | selfTime":{"message":"Self Time"},"panels/timeline/TimelineUIUtils.ts | sendRequest":{"message":"Send Request"},"panels/timeline/TimelineUIUtils.ts | sendWebsocketHandshake":{"message":"Send WebSocket Handshake"},"panels/timeline/TimelineUIUtils.ts | sForS":{"message":"{PH1} for {PH2}"},"panels/timeline/TimelineUIUtils.ts | show":{"message":"Show"},"panels/timeline/TimelineUIUtils.ts | sign":{"message":"Sign"},"panels/timeline/TimelineUIUtils.ts | signReply":{"message":"Sign Reply"},"panels/timeline/TimelineUIUtils.ts | sIsALikelyPerformanceBottleneck":{"message":"{PH1} is a likely performance bottleneck."},"panels/timeline/TimelineUIUtils.ts | sIsLikelyPoorPageResponsiveness":{"message":"{PH1} is indicating poor page responsiveness."},"panels/timeline/TimelineUIUtils.ts | size":{"message":"Size"},"panels/timeline/TimelineUIUtils.ts | sLongFrameTimesAreAnIndicationOf":{"message":"{PH1}. Long frame times are an indication of {PH2}"},"panels/timeline/TimelineUIUtils.ts | sOfS":{"message":"{PH1} of {PH2}"},"panels/timeline/TimelineUIUtils.ts | sS":{"message":"{PH1}: {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSAndSOthers":{"message":"{PH1}, {PH2}, and {PH3} others"},"panels/timeline/TimelineUIUtils.ts | sSCurlyBrackets":{"message":"({PH1}, {PH2})"},"panels/timeline/TimelineUIUtils.ts | sSDimensions":{"message":"{PH1} × {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSDot":{"message":"{PH1}. {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSelf":{"message":"{PH1} (self)"},"panels/timeline/TimelineUIUtils.ts | sSs":{"message":"{PH1} [{PH2}…{PH3}]"},"panels/timeline/TimelineUIUtils.ts | sSSquareBrackets":{"message":"{PH1} [{PH2}…]"},"panels/timeline/TimelineUIUtils.ts | SSSResourceLoading":{"message":" ({PH1} {PH2} + {PH3} resource loading)"},"panels/timeline/TimelineUIUtils.ts | stackTrace":{"message":"Stack Trace"},"panels/timeline/TimelineUIUtils.ts | stackTraceColon":{"message":"Stack trace:"},"panels/timeline/TimelineUIUtils.ts | state":{"message":"State"},"panels/timeline/TimelineUIUtils.ts | statusCode":{"message":"Status Code"},"panels/timeline/TimelineUIUtils.ts | sTookS":{"message":"{PH1} took {PH2}."},"panels/timeline/TimelineUIUtils.ts | streamed":{"message":"Streamed"},"panels/timeline/TimelineUIUtils.ts | streamingCompileTask":{"message":"Streaming Compile Task"},"panels/timeline/TimelineUIUtils.ts | streamingWasmResponse":{"message":"Streaming Wasm Response"},"panels/timeline/TimelineUIUtils.ts | styleInvalidations":{"message":"Style Invalidations"},"panels/timeline/TimelineUIUtils.ts | stylesheetUrl":{"message":"Stylesheet URL"},"panels/timeline/TimelineUIUtils.ts | system":{"message":"System"},"panels/timeline/TimelineUIUtils.ts | task":{"message":"Task"},"panels/timeline/TimelineUIUtils.ts | timeout":{"message":"Timeout"},"panels/timeline/TimelineUIUtils.ts | timerFired":{"message":"Timer Fired"},"panels/timeline/TimelineUIUtils.ts | timerId":{"message":"Timer ID"},"panels/timeline/TimelineUIUtils.ts | timerInstalled":{"message":"Timer Installed"},"panels/timeline/TimelineUIUtils.ts | timeSpentInRendering":{"message":"Time spent in rendering"},"panels/timeline/TimelineUIUtils.ts | timestamp":{"message":"Timestamp"},"panels/timeline/TimelineUIUtils.ts | totalTime":{"message":"Total Time"},"panels/timeline/TimelineUIUtils.ts | type":{"message":"Type"},"panels/timeline/TimelineUIUtils.ts | unknown":{"message":"unknown"},"panels/timeline/TimelineUIUtils.ts | unknownCause":{"message":"Unknown cause"},"panels/timeline/TimelineUIUtils.ts | UnknownNode":{"message":"[ unknown node ]"},"panels/timeline/TimelineUIUtils.ts | updateLayer":{"message":"Update Layer"},"panels/timeline/TimelineUIUtils.ts | updateLayerTree":{"message":"Update Layer Tree"},"panels/timeline/TimelineUIUtils.ts | url":{"message":"Url"},"panels/timeline/TimelineUIUtils.ts | userTiming":{"message":"User Timing"},"panels/timeline/TimelineUIUtils.ts | verify":{"message":"Verify"},"panels/timeline/TimelineUIUtils.ts | verifyReply":{"message":"Verify Reply"},"panels/timeline/TimelineUIUtils.ts | waitingForNetwork":{"message":"Waiting for Network"},"panels/timeline/TimelineUIUtils.ts | warning":{"message":"Warning"},"panels/timeline/TimelineUIUtils.ts | wasmModuleCacheHit":{"message":"Wasm Module Cache Hit"},"panels/timeline/TimelineUIUtils.ts | wasmModuleCacheInvalid":{"message":"Wasm Module Cache Invalid"},"panels/timeline/TimelineUIUtils.ts | websocketProtocol":{"message":"WebSocket Protocol"},"panels/timeline/TimelineUIUtils.ts | willSendRequest":{"message":"Will Send Request"},"panels/timeline/TimelineUIUtils.ts | xhrLoad":{"message":"XHR Load"},"panels/timeline/TimelineUIUtils.ts | xhrReadyStateChange":{"message":"XHR Ready State Change"},"panels/timeline/TimelineUIUtils.ts | yes":{"message":"Yes"},"panels/timeline/TimingsTrackAppender.ts | timings":{"message":"Timings"},"panels/timeline/UIDevtoolsUtils.ts | drawFrame":{"message":"Draw Frame"},"panels/timeline/UIDevtoolsUtils.ts | drawing":{"message":"Drawing"},"panels/timeline/UIDevtoolsUtils.ts | frameStart":{"message":"Frame Start"},"panels/timeline/UIDevtoolsUtils.ts | idle":{"message":"Idle"},"panels/timeline/UIDevtoolsUtils.ts | layout":{"message":"Layout"},"panels/timeline/UIDevtoolsUtils.ts | painting":{"message":"Painting"},"panels/timeline/UIDevtoolsUtils.ts | rasterizing":{"message":"Rasterizing"},"panels/timeline/UIDevtoolsUtils.ts | system":{"message":"System"},"panels/web_audio/AudioContextContentBuilder.ts | callbackBufferSize":{"message":"Callback Buffer Size"},"panels/web_audio/AudioContextContentBuilder.ts | callbackInterval":{"message":"Callback Interval"},"panels/web_audio/AudioContextContentBuilder.ts | currentTime":{"message":"Current Time"},"panels/web_audio/AudioContextContentBuilder.ts | maxOutputChannels":{"message":"Max Output Channels"},"panels/web_audio/AudioContextContentBuilder.ts | renderCapacity":{"message":"Render Capacity"},"panels/web_audio/AudioContextContentBuilder.ts | sampleRate":{"message":"Sample Rate"},"panels/web_audio/AudioContextContentBuilder.ts | state":{"message":"State"},"panels/web_audio/AudioContextSelector.ts | audioContextS":{"message":"Audio context: {PH1}"},"panels/web_audio/AudioContextSelector.ts | noRecordings":{"message":"(no recordings)"},"panels/web_audio/web_audio-meta.ts | audio":{"message":"audio"},"panels/web_audio/web_audio-meta.ts | showWebaudio":{"message":"Show WebAudio"},"panels/web_audio/web_audio-meta.ts | webaudio":{"message":"WebAudio"},"panels/web_audio/WebAudioView.ts | openAPageThatUsesWebAudioApiTo":{"message":"Open a page that uses Web Audio API to start monitoring."},"panels/webauthn/webauthn-meta.ts | showWebauthn":{"message":"Show WebAuthn"},"panels/webauthn/webauthn-meta.ts | webauthn":{"message":"WebAuthn"},"panels/webauthn/WebauthnPane.ts | actions":{"message":"Actions"},"panels/webauthn/WebauthnPane.ts | active":{"message":"Active"},"panels/webauthn/WebauthnPane.ts | add":{"message":"Add"},"panels/webauthn/WebauthnPane.ts | addAuthenticator":{"message":"Add authenticator"},"panels/webauthn/WebauthnPane.ts | authenticatorS":{"message":"Authenticator {PH1}"},"panels/webauthn/WebauthnPane.ts | credentials":{"message":"Credentials"},"panels/webauthn/WebauthnPane.ts | editName":{"message":"Edit name"},"panels/webauthn/WebauthnPane.ts | enableVirtualAuthenticator":{"message":"Enable virtual authenticator environment"},"panels/webauthn/WebauthnPane.ts | export":{"message":"Export"},"panels/webauthn/WebauthnPane.ts | id":{"message":"ID"},"panels/webauthn/WebauthnPane.ts | isResident":{"message":"Is Resident"},"panels/webauthn/WebauthnPane.ts | learnMore":{"message":"Learn more"},"panels/webauthn/WebauthnPane.ts | newAuthenticator":{"message":"New authenticator"},"panels/webauthn/WebauthnPane.ts | no":{"message":"No"},"panels/webauthn/WebauthnPane.ts | noCredentialsTryCallingSFromYour":{"message":"No credentials. Try calling {PH1} from your website."},"panels/webauthn/WebauthnPane.ts | privateKeypem":{"message":"Private key.pem"},"panels/webauthn/WebauthnPane.ts | protocol":{"message":"Protocol"},"panels/webauthn/WebauthnPane.ts | remove":{"message":"Remove"},"panels/webauthn/WebauthnPane.ts | rpId":{"message":"RP ID"},"panels/webauthn/WebauthnPane.ts | saveName":{"message":"Save name"},"panels/webauthn/WebauthnPane.ts | setSAsTheActiveAuthenticator":{"message":"Set {PH1} as the active authenticator"},"panels/webauthn/WebauthnPane.ts | signCount":{"message":"Signature Count"},"panels/webauthn/WebauthnPane.ts | supportsLargeBlob":{"message":"Supports large blob"},"panels/webauthn/WebauthnPane.ts | supportsResidentKeys":{"message":"Supports resident keys"},"panels/webauthn/WebauthnPane.ts | supportsUserVerification":{"message":"Supports user verification"},"panels/webauthn/WebauthnPane.ts | transport":{"message":"Transport"},"panels/webauthn/WebauthnPane.ts | userHandle":{"message":"User Handle"},"panels/webauthn/WebauthnPane.ts | useWebauthnForPhishingresistant":{"message":"Use WebAuthn for phishing-resistant authentication"},"panels/webauthn/WebauthnPane.ts | uuid":{"message":"UUID"},"panels/webauthn/WebauthnPane.ts | yes":{"message":"Yes"},"ui/components/data_grid/DataGrid.ts | enterToSort":{"message":"Column sort state: {PH1}. Press enter to apply sorting filter"},"ui/components/data_grid/DataGrid.ts | headerOptions":{"message":"Header Options"},"ui/components/data_grid/DataGrid.ts | resetColumns":{"message":"Reset Columns"},"ui/components/data_grid/DataGrid.ts | sortAsc":{"message":"ascending"},"ui/components/data_grid/DataGrid.ts | sortBy":{"message":"Sort By"},"ui/components/data_grid/DataGrid.ts | sortDesc":{"message":"descending"},"ui/components/data_grid/DataGrid.ts | sortNone":{"message":"none"},"ui/components/data_grid/DataGridController.ts | sortInAscendingOrder":{"message":"{PH1} sorted in ascending order"},"ui/components/data_grid/DataGridController.ts | sortInDescendingOrder":{"message":"{PH1} sorted in descending order"},"ui/components/data_grid/DataGridController.ts | sortingCanceled":{"message":"{PH1} sorting canceled"},"ui/components/dialogs/ShortcutDialog.ts | close":{"message":"Close"},"ui/components/dialogs/ShortcutDialog.ts | dialogTitle":{"message":"Keyboard shortcuts"},"ui/components/dialogs/ShortcutDialog.ts | showShortcutTitle":{"message":"Show shortcuts"},"ui/components/diff_view/DiffView.ts | additions":{"message":"Addition:"},"ui/components/diff_view/DiffView.ts | changesDiffViewer":{"message":"Changes diff viewer"},"ui/components/diff_view/DiffView.ts | deletions":{"message":"Deletion:"},"ui/components/diff_view/DiffView.ts | SkippingDMatchingLines":{"message":"( … Skipping {PH1} matching lines … )"},"ui/components/issue_counter/IssueCounter.ts | breakingChanges":{"message":"{issueCount, plural, =1 {# breaking change} other {# breaking changes}}"},"ui/components/issue_counter/IssueCounter.ts | pageErrors":{"message":"{issueCount, plural, =1 {# page error} other {# page errors}}"},"ui/components/issue_counter/IssueCounter.ts | possibleImprovements":{"message":"{issueCount, plural, =1 {# possible improvement} other {# possible improvements}}"},"ui/components/issue_counter/IssueLinkIcon.ts | clickToShowIssue":{"message":"Click to show issue in the issues tab"},"ui/components/issue_counter/IssueLinkIcon.ts | clickToShowIssueWithTitle":{"message":"Click to open the issue tab and show issue: {title}"},"ui/components/issue_counter/IssueLinkIcon.ts | issueUnavailable":{"message":"Issue unavailable at this time"},"ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | memoryInspector":{"message":"Memory Inspector"},"ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | showMemoryInspector":{"message":"Show Memory Inspector"},"ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | deleteHighlight":{"message":"Stop highlighting this memory"},"ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | jumpToAddress":{"message":"Jump to this memory"},"ui/components/linear_memory_inspector/LinearMemoryInspector.ts | addressHasToBeANumberBetweenSAnd":{"message":"Address has to be a number between {PH1} and {PH2}"},"ui/components/linear_memory_inspector/LinearMemoryInspectorController.ts | couldNotOpenLinearMemory":{"message":"Could not open linear memory inspector: failed locating buffer."},"ui/components/linear_memory_inspector/LinearMemoryInspectorPane.ts | noOpenInspections":{"message":"No open inspections"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | enterAddress":{"message":"Enter address"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | goBackInAddressHistory":{"message":"Go back in address history"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | goForwardInAddressHistory":{"message":"Go forward in address history"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | nextPage":{"message":"Next page"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | previousPage":{"message":"Previous page"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | refresh":{"message":"Refresh"},"ui/components/linear_memory_inspector/LinearMemoryValueInterpreter.ts | changeEndianness":{"message":"Change Endianness"},"ui/components/linear_memory_inspector/LinearMemoryValueInterpreter.ts | toggleValueTypeSettings":{"message":"Toggle value type settings"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | addressOutOfRange":{"message":"Address out of memory range"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | changeValueTypeMode":{"message":"Change mode"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | jumpToPointer":{"message":"Jump to address"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | signedValue":{"message":"Signed value"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | unsignedValue":{"message":"Unsigned value"},"ui/components/linear_memory_inspector/ValueInterpreterDisplayUtils.ts | notApplicable":{"message":"N/A"},"ui/components/linear_memory_inspector/ValueInterpreterSettings.ts | otherGroup":{"message":"Other"},"ui/components/panel_feedback/FeedbackButton.ts | feedback":{"message":"Feedback"},"ui/components/panel_feedback/PanelFeedback.ts | previewFeature":{"message":"Preview feature"},"ui/components/panel_feedback/PanelFeedback.ts | previewText":{"message":"Our team is actively working on this feature and we would love to know what you think."},"ui/components/panel_feedback/PanelFeedback.ts | previewTextFeedbackLink":{"message":"Send us your feedback."},"ui/components/panel_feedback/PanelFeedback.ts | videoAndDocumentation":{"message":"Video and documentation"},"ui/components/panel_feedback/PreviewToggle.ts | learnMoreLink":{"message":"Learn More"},"ui/components/panel_feedback/PreviewToggle.ts | previewTextFeedbackLink":{"message":"Send us your feedback."},"ui/components/panel_feedback/PreviewToggle.ts | shortFeedbackLink":{"message":"Send feedback"},"ui/components/request_link_icon/RequestLinkIcon.ts | clickToShowRequestInTheNetwork":{"message":"Click to open the network panel and show request for URL: {url}"},"ui/components/request_link_icon/RequestLinkIcon.ts | requestUnavailableInTheNetwork":{"message":"Request unavailable in the network panel, try reloading the inspected page"},"ui/components/request_link_icon/RequestLinkIcon.ts | shortenedURL":{"message":"Shortened URL"},"ui/components/survey_link/SurveyLink.ts | anErrorOccurredWithTheSurvey":{"message":"An error occurred with the survey"},"ui/components/survey_link/SurveyLink.ts | openingSurvey":{"message":"Opening survey …"},"ui/components/survey_link/SurveyLink.ts | thankYouForYourFeedback":{"message":"Thank you for your feedback"},"ui/components/text_editor/config.ts | codeEditor":{"message":"Code editor"},"ui/components/text_editor/config.ts | sSuggestionSOfS":{"message":"{PH1}, suggestion {PH2} of {PH3}"},"ui/legacy/ActionRegistration.ts | background_services":{"message":"Background Services"},"ui/legacy/ActionRegistration.ts | console":{"message":"Console"},"ui/legacy/ActionRegistration.ts | debugger":{"message":"Debugger"},"ui/legacy/ActionRegistration.ts | drawer":{"message":"Drawer"},"ui/legacy/ActionRegistration.ts | elements":{"message":"Elements"},"ui/legacy/ActionRegistration.ts | global":{"message":"Global"},"ui/legacy/ActionRegistration.ts | help":{"message":"Help"},"ui/legacy/ActionRegistration.ts | javascript_profiler":{"message":"JavaScript Profiler"},"ui/legacy/ActionRegistration.ts | layers":{"message":"Layers"},"ui/legacy/ActionRegistration.ts | memory":{"message":"Memory"},"ui/legacy/ActionRegistration.ts | mobile":{"message":"Mobile"},"ui/legacy/ActionRegistration.ts | navigation":{"message":"Navigation"},"ui/legacy/ActionRegistration.ts | network":{"message":"Network"},"ui/legacy/ActionRegistration.ts | performance":{"message":"Performance"},"ui/legacy/ActionRegistration.ts | rendering":{"message":"Rendering"},"ui/legacy/ActionRegistration.ts | resources":{"message":"Resources"},"ui/legacy/ActionRegistration.ts | screenshot":{"message":"Screenshot"},"ui/legacy/ActionRegistration.ts | settings":{"message":"Settings"},"ui/legacy/ActionRegistration.ts | sources":{"message":"Sources"},"ui/legacy/components/color_picker/ContrastDetails.ts | aa":{"message":"AA"},"ui/legacy/components/color_picker/ContrastDetails.ts | aaa":{"message":"AAA"},"ui/legacy/components/color_picker/ContrastDetails.ts | apca":{"message":"APCA"},"ui/legacy/components/color_picker/ContrastDetails.ts | contrastRatio":{"message":"Contrast ratio"},"ui/legacy/components/color_picker/ContrastDetails.ts | noContrastInformationAvailable":{"message":"No contrast information available"},"ui/legacy/components/color_picker/ContrastDetails.ts | pickBackgroundColor":{"message":"Pick background color"},"ui/legacy/components/color_picker/ContrastDetails.ts | placeholderWithColon":{"message":": {PH1}"},"ui/legacy/components/color_picker/ContrastDetails.ts | showLess":{"message":"Show less"},"ui/legacy/components/color_picker/ContrastDetails.ts | showMore":{"message":"Show more"},"ui/legacy/components/color_picker/ContrastDetails.ts | toggleBackgroundColorPicker":{"message":"Toggle background color picker"},"ui/legacy/components/color_picker/ContrastDetails.ts | useSuggestedColorStoFixLow":{"message":"Use suggested color {PH1}to fix low contrast"},"ui/legacy/components/color_picker/FormatPickerContextMenu.ts | colorClippedTooltipText":{"message":"This color was clipped to match the format's gamut. The actual result was {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | addToPalette":{"message":"Add to palette"},"ui/legacy/components/color_picker/Spectrum.ts | changeAlpha":{"message":"Change alpha"},"ui/legacy/components/color_picker/Spectrum.ts | changeColorFormat":{"message":"Change color format"},"ui/legacy/components/color_picker/Spectrum.ts | changeHue":{"message":"Change hue"},"ui/legacy/components/color_picker/Spectrum.ts | clearPalette":{"message":"Clear palette"},"ui/legacy/components/color_picker/Spectrum.ts | colorPalettes":{"message":"Color Palettes"},"ui/legacy/components/color_picker/Spectrum.ts | colorS":{"message":"Color {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | copyColorToClipboard":{"message":"Copy color to clipboard"},"ui/legacy/components/color_picker/Spectrum.ts | hex":{"message":"HEX"},"ui/legacy/components/color_picker/Spectrum.ts | longclickOrLongpressSpaceToShow":{"message":"Long-click or long-press space to show alternate shades of {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | pressArrowKeysMessage":{"message":"Press arrow keys with or without modifiers to move swatch position. Arrow key with Shift key moves position largely, with Ctrl key it is less and with Alt key it is even less"},"ui/legacy/components/color_picker/Spectrum.ts | previewPalettes":{"message":"Preview palettes"},"ui/legacy/components/color_picker/Spectrum.ts | removeAllToTheRight":{"message":"Remove all to the right"},"ui/legacy/components/color_picker/Spectrum.ts | removeColor":{"message":"Remove color"},"ui/legacy/components/color_picker/Spectrum.ts | returnToColorPicker":{"message":"Return to color picker"},"ui/legacy/components/color_picker/Spectrum.ts | sInS":{"message":"{PH1} in {PH2}"},"ui/legacy/components/color_picker/Spectrum.ts | toggleColorPicker":{"message":"Eye dropper [{PH1}]"},"ui/legacy/components/cookie_table/CookiesTable.ts | cookies":{"message":"Cookies"},"ui/legacy/components/cookie_table/CookiesTable.ts | editableCookies":{"message":"Editable Cookies"},"ui/legacy/components/cookie_table/CookiesTable.ts | na":{"message":"N/A"},"ui/legacy/components/cookie_table/CookiesTable.ts | name":{"message":"Name"},"ui/legacy/components/cookie_table/CookiesTable.ts | opaquePartitionKey":{"message":"(opaque)"},"ui/legacy/components/cookie_table/CookiesTable.ts | session":{"message":"Session"},"ui/legacy/components/cookie_table/CookiesTable.ts | showIssueAssociatedWithThis":{"message":"Show issue associated with this cookie"},"ui/legacy/components/cookie_table/CookiesTable.ts | showRequestsWithThisCookie":{"message":"Show Requests With This Cookie"},"ui/legacy/components/cookie_table/CookiesTable.ts | size":{"message":"Size"},"ui/legacy/components/cookie_table/CookiesTable.ts | sourcePortTooltip":{"message":"Shows the source port (range 1-65535) the cookie was set on. If the port is unknown, this shows -1."},"ui/legacy/components/cookie_table/CookiesTable.ts | sourceSchemeTooltip":{"message":"Shows the source scheme (Secure, NonSecure) the cookie was set on. If the scheme is unknown, this shows Unset."},"ui/legacy/components/cookie_table/CookiesTable.ts | timeAfter":{"message":"after {date}"},"ui/legacy/components/cookie_table/CookiesTable.ts | timeAfterTooltip":{"message":"The expiration timestamp is {seconds}, which corresponds to a date after {date}"},"ui/legacy/components/cookie_table/CookiesTable.ts | value":{"message":"Value"},"ui/legacy/components/data_grid/DataGrid.ts | addNew":{"message":"Add new"},"ui/legacy/components/data_grid/DataGrid.ts | checked":{"message":"checked"},"ui/legacy/components/data_grid/DataGrid.ts | collapsed":{"message":"collapsed"},"ui/legacy/components/data_grid/DataGrid.ts | delete":{"message":"Delete"},"ui/legacy/components/data_grid/DataGrid.ts | editS":{"message":"Edit \"{PH1}\""},"ui/legacy/components/data_grid/DataGrid.ts | emptyRowCreated":{"message":"An empty table row has been created. You may double click or use context menu to edit."},"ui/legacy/components/data_grid/DataGrid.ts | expanded":{"message":"expanded"},"ui/legacy/components/data_grid/DataGrid.ts | headerOptions":{"message":"Header Options"},"ui/legacy/components/data_grid/DataGrid.ts | levelS":{"message":"level {PH1}"},"ui/legacy/components/data_grid/DataGrid.ts | refresh":{"message":"Refresh"},"ui/legacy/components/data_grid/DataGrid.ts | resetColumns":{"message":"Reset Columns"},"ui/legacy/components/data_grid/DataGrid.ts | rowsS":{"message":"Rows: {PH1}"},"ui/legacy/components/data_grid/DataGrid.ts | sortByString":{"message":"Sort By"},"ui/legacy/components/data_grid/DataGrid.ts | sRowS":{"message":"{PH1} Row {PH2}"},"ui/legacy/components/data_grid/DataGrid.ts | sSUseTheUpAndDownArrowKeysTo":{"message":"{PH1} {PH2}, use the up and down arrow keys to navigate and interact with the rows of the table; Use browse mode to read cell by cell."},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showAllD":{"message":"Show all {PH1}"},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showDAfter":{"message":"Show {PH1} after"},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showDBefore":{"message":"Show {PH1} before"},"ui/legacy/components/data_grid/ViewportDataGrid.ts | collapsed":{"message":"collapsed"},"ui/legacy/components/inline_editor/ColorSwatch.ts | shiftclickToChangeColorFormat":{"message":"Shift-click to change color format"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | blur":{"message":"Blur"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | spread":{"message":"Spread"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | type":{"message":"Type"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | xOffset":{"message":"X offset"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | yOffset":{"message":"Y offset"},"ui/legacy/components/inline_editor/FontEditor.ts | cssProperties":{"message":"CSS Properties"},"ui/legacy/components/inline_editor/FontEditor.ts | deleteS":{"message":"Delete {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fallbackS":{"message":"Fallback {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fontFamily":{"message":"Font Family"},"ui/legacy/components/inline_editor/FontEditor.ts | fontSelectorDeletedAtIndexS":{"message":"Font Selector deleted at index: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fontSize":{"message":"Font Size"},"ui/legacy/components/inline_editor/FontEditor.ts | fontWeight":{"message":"Font Weight"},"ui/legacy/components/inline_editor/FontEditor.ts | lineHeight":{"message":"Line Height"},"ui/legacy/components/inline_editor/FontEditor.ts | PleaseEnterAValidValueForSText":{"message":"* Please enter a valid value for {PH1} text input"},"ui/legacy/components/inline_editor/FontEditor.ts | selectorInputMode":{"message":"Selector Input Mode"},"ui/legacy/components/inline_editor/FontEditor.ts | sKeyValueSelector":{"message":"{PH1} Key Value Selector"},"ui/legacy/components/inline_editor/FontEditor.ts | sliderInputMode":{"message":"Slider Input Mode"},"ui/legacy/components/inline_editor/FontEditor.ts | spacing":{"message":"Spacing"},"ui/legacy/components/inline_editor/FontEditor.ts | sSliderInput":{"message":"{PH1} Slider Input"},"ui/legacy/components/inline_editor/FontEditor.ts | sTextInput":{"message":"{PH1} Text Input"},"ui/legacy/components/inline_editor/FontEditor.ts | sToggleInputType":{"message":"{PH1} toggle input type"},"ui/legacy/components/inline_editor/FontEditor.ts | sUnitInput":{"message":"{PH1} Unit Input"},"ui/legacy/components/inline_editor/FontEditor.ts | thereIsNoValueToDeleteAtIndexS":{"message":"There is no value to delete at index: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | thisPropertyIsSetToContainUnits":{"message":"This property is set to contain units but does not have a defined corresponding unitsArray: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | units":{"message":"Units"},"ui/legacy/components/inline_editor/LinkSwatch.ts | sIsNotDefined":{"message":"{PH1} is not defined"},"ui/legacy/components/object_ui/CustomPreviewComponent.ts | showAsJavascriptObject":{"message":"Show as JavaScript object"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | collapseChildren":{"message":"Collapse children"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copy":{"message":"Copy"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copyPropertyPath":{"message":"Copy property path"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copyValue":{"message":"Copy value"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | dots":{"message":"(...)"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | exceptionS":{"message":"[Exception: {PH1}]"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | expandRecursively":{"message":"Expand recursively"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | invokePropertyGetter":{"message":"Invoke property getter"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | longTextWasTruncatedS":{"message":"long text was truncated ({PH1})"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noProperties":{"message":"No properties"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | revealInMemoryInpector":{"message":"Reveal in Memory Inspector panel"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showAllD":{"message":"Show all {PH1}"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showMoreS":{"message":"Show more ({PH1})"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | stringIsTooLargeToEdit":{"message":"<string is too large to edit>"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unknown":{"message":"unknown"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueNotAccessibleToTheDebugger":{"message":"Value is not accessible to the debugger"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueUnavailable":{"message":"<value unavailable>"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | empty":{"message":"empty"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | emptyD":{"message":"empty × {PH1}"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | thePropertyIsComputedWithAGetter":{"message":"The property is computed with a getter"},"ui/legacy/components/perf_ui/FilmStripView.ts | doubleclickToZoomImageClickTo":{"message":"Doubleclick to zoom image. Click to view preceding requests."},"ui/legacy/components/perf_ui/FilmStripView.ts | nextFrame":{"message":"Next frame"},"ui/legacy/components/perf_ui/FilmStripView.ts | previousFrame":{"message":"Previous frame"},"ui/legacy/components/perf_ui/FilmStripView.ts | screenshot":{"message":"Screenshot"},"ui/legacy/components/perf_ui/FilmStripView.ts | screenshotForSSelectToView":{"message":"Screenshot for {PH1} - select to view preceding requests."},"ui/legacy/components/perf_ui/FlameChart.ts | flameChart":{"message":"Flame Chart"},"ui/legacy/components/perf_ui/FlameChart.ts | sCollapsed":{"message":"{PH1} collapsed"},"ui/legacy/components/perf_ui/FlameChart.ts | sExpanded":{"message":"{PH1} expanded"},"ui/legacy/components/perf_ui/FlameChart.ts | sHovered":{"message":"{PH1} hovered"},"ui/legacy/components/perf_ui/FlameChart.ts | sSelected":{"message":"{PH1} selected"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | high":{"message":"High"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | highest":{"message":"Highest"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | low":{"message":"Low"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | lowest":{"message":"Lowest"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | medium":{"message":"Medium"},"ui/legacy/components/perf_ui/OverviewGrid.ts | leftResizer":{"message":"Left Resizer"},"ui/legacy/components/perf_ui/OverviewGrid.ts | overviewGridWindow":{"message":"Overview grid window"},"ui/legacy/components/perf_ui/OverviewGrid.ts | rightResizer":{"message":"Right Resizer"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | collectGarbage":{"message":"Collect garbage"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | flamechartMouseWheelAction":{"message":"Flamechart mouse wheel action:"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | hideLiveMemoryAllocation":{"message":"Hide live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | liveMemoryAllocationAnnotations":{"message":"Live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | scroll":{"message":"Scroll"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | showLiveMemoryAllocation":{"message":"Show live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | zoom":{"message":"Zoom"},"ui/legacy/components/perf_ui/PieChart.ts | total":{"message":"Total"},"ui/legacy/components/quick_open/CommandMenu.ts | command":{"message":"Command"},"ui/legacy/components/quick_open/CommandMenu.ts | deprecated":{"message":"— deprecated"},"ui/legacy/components/quick_open/CommandMenu.ts | noCommandsFound":{"message":"No commands found"},"ui/legacy/components/quick_open/CommandMenu.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"ui/legacy/components/quick_open/CommandMenu.ts | run":{"message":"Run"},"ui/legacy/components/quick_open/FilteredListWidget.ts | noResultsFound":{"message":"No results found"},"ui/legacy/components/quick_open/FilteredListWidget.ts | quickOpen":{"message":"Quick open"},"ui/legacy/components/quick_open/FilteredListWidget.ts | quickOpenPrompt":{"message":"Quick open prompt"},"ui/legacy/components/quick_open/quick_open-meta.ts | openFile":{"message":"Open file"},"ui/legacy/components/quick_open/quick_open-meta.ts | runCommand":{"message":"Run command"},"ui/legacy/components/quick_open/QuickOpen.ts | typeToSeeAvailableCommands":{"message":"Type ? to see available commands"},"ui/legacy/components/source_frame/FontView.ts | font":{"message":"Font"},"ui/legacy/components/source_frame/FontView.ts | previewOfFontFromS":{"message":"Preview of font from {PH1}"},"ui/legacy/components/source_frame/ImageView.ts | copyImageAsDataUri":{"message":"Copy image as data URI"},"ui/legacy/components/source_frame/ImageView.ts | copyImageUrl":{"message":"Copy image URL"},"ui/legacy/components/source_frame/ImageView.ts | dD":{"message":"{PH1} × {PH2}"},"ui/legacy/components/source_frame/ImageView.ts | download":{"message":"download"},"ui/legacy/components/source_frame/ImageView.ts | dropImageFileHere":{"message":"Drop image file here"},"ui/legacy/components/source_frame/ImageView.ts | image":{"message":"Image"},"ui/legacy/components/source_frame/ImageView.ts | imageFromS":{"message":"Image from {PH1}"},"ui/legacy/components/source_frame/ImageView.ts | openImageInNewTab":{"message":"Open image in new tab"},"ui/legacy/components/source_frame/ImageView.ts | saveImageAs":{"message":"Save image as..."},"ui/legacy/components/source_frame/JSONView.ts | find":{"message":"Find"},"ui/legacy/components/source_frame/PreviewFactory.ts | nothingToPreview":{"message":"Nothing to preview"},"ui/legacy/components/source_frame/ResourceSourceFrame.ts | find":{"message":"Find"},"ui/legacy/components/source_frame/source_frame-meta.ts | defaultIndentation":{"message":"Default indentation:"},"ui/legacy/components/source_frame/source_frame-meta.ts | eSpaces":{"message":"8 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | fSpaces":{"message":"4 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToESpaces":{"message":"Set indentation to 8 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToFSpaces":{"message":"Set indentation to 4 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToSpaces":{"message":"Set indentation to 2 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToTabCharacter":{"message":"Set indentation to tab character"},"ui/legacy/components/source_frame/source_frame-meta.ts | Spaces":{"message":"2 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | tabCharacter":{"message":"Tab character"},"ui/legacy/components/source_frame/SourceFrame.ts | bytecodePositionXs":{"message":"Bytecode position 0x{PH1}"},"ui/legacy/components/source_frame/SourceFrame.ts | dCharactersSelected":{"message":"{PH1} characters selected"},"ui/legacy/components/source_frame/SourceFrame.ts | dLinesDCharactersSelected":{"message":"{PH1} lines, {PH2} characters selected"},"ui/legacy/components/source_frame/SourceFrame.ts | dSelectionRegions":{"message":"{PH1} selection regions"},"ui/legacy/components/source_frame/SourceFrame.ts | lineSColumnS":{"message":"Line {PH1}, Column {PH2}"},"ui/legacy/components/source_frame/SourceFrame.ts | loading":{"message":"Loading…"},"ui/legacy/components/source_frame/SourceFrame.ts | prettyPrint":{"message":"Pretty print"},"ui/legacy/components/source_frame/SourceFrame.ts | source":{"message":"Source"},"ui/legacy/components/source_frame/XMLView.ts | find":{"message":"Find"},"ui/legacy/components/utils/ImagePreview.ts | currentSource":{"message":"Current source:"},"ui/legacy/components/utils/ImagePreview.ts | fileSize":{"message":"File size:"},"ui/legacy/components/utils/ImagePreview.ts | imageFromS":{"message":"Image from {PH1}"},"ui/legacy/components/utils/ImagePreview.ts | intrinsicAspectRatio":{"message":"Intrinsic aspect ratio:"},"ui/legacy/components/utils/ImagePreview.ts | intrinsicSize":{"message":"Intrinsic size:"},"ui/legacy/components/utils/ImagePreview.ts | renderedAspectRatio":{"message":"Rendered aspect ratio:"},"ui/legacy/components/utils/ImagePreview.ts | renderedSize":{"message":"Rendered size:"},"ui/legacy/components/utils/ImagePreview.ts | unknownSource":{"message":"unknown source"},"ui/legacy/components/utils/JSPresentationUtils.ts | addToIgnore":{"message":"Add script to ignore list"},"ui/legacy/components/utils/JSPresentationUtils.ts | removeFromIgnore":{"message":"Remove from ignore list"},"ui/legacy/components/utils/JSPresentationUtils.ts | showLess":{"message":"Show less"},"ui/legacy/components/utils/JSPresentationUtils.ts | showSMoreFrames":{"message":"{n, plural, =1 {Show # more frame} other {Show # more frames}}"},"ui/legacy/components/utils/JSPresentationUtils.ts | unknownSource":{"message":"unknown"},"ui/legacy/components/utils/Linkifier.ts | auto":{"message":"auto"},"ui/legacy/components/utils/Linkifier.ts | linkHandling":{"message":"Link handling:"},"ui/legacy/components/utils/Linkifier.ts | openUsingS":{"message":"Open using {PH1}"},"ui/legacy/components/utils/Linkifier.ts | reveal":{"message":"Reveal"},"ui/legacy/components/utils/Linkifier.ts | revealInS":{"message":"Reveal in {PH1}"},"ui/legacy/components/utils/Linkifier.ts | unknown":{"message":"(unknown)"},"ui/legacy/components/utils/TargetDetachedDialog.ts | websocketDisconnected":{"message":"WebSocket disconnected"},"ui/legacy/DockController.ts | close":{"message":"Close"},"ui/legacy/DockController.ts | devToolsDockedTo":{"message":"DevTools is docked to {PH1}"},"ui/legacy/DockController.ts | devtoolsUndocked":{"message":"DevTools is undocked"},"ui/legacy/DockController.ts | dockToBottom":{"message":"Dock to bottom"},"ui/legacy/DockController.ts | dockToLeft":{"message":"Dock to left"},"ui/legacy/DockController.ts | dockToRight":{"message":"Dock to right"},"ui/legacy/DockController.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"ui/legacy/EmptyWidget.ts | learnMore":{"message":"Learn more"},"ui/legacy/FilterBar.ts | allStrings":{"message":"All"},"ui/legacy/FilterBar.ts | clearFilter":{"message":"Clear input"},"ui/legacy/FilterBar.ts | egSmalldUrlacomb":{"message":"e.g. /small[d]+/ url:a.com/b"},"ui/legacy/FilterBar.ts | filter":{"message":"Filter"},"ui/legacy/FilterBar.ts | sclickToSelectMultipleTypes":{"message":"{PH1}Click to select multiple types"},"ui/legacy/Infobar.ts | close":{"message":"Close"},"ui/legacy/Infobar.ts | dontShowAgain":{"message":"Don't show again"},"ui/legacy/Infobar.ts | learnMore":{"message":"Learn more"},"ui/legacy/InspectorView.ts | closeDrawer":{"message":"Close drawer"},"ui/legacy/InspectorView.ts | devToolsLanguageMissmatch":{"message":"DevTools is now available in {PH1}!"},"ui/legacy/InspectorView.ts | drawer":{"message":"Tool drawer"},"ui/legacy/InspectorView.ts | drawerHidden":{"message":"Drawer hidden"},"ui/legacy/InspectorView.ts | drawerShown":{"message":"Drawer shown"},"ui/legacy/InspectorView.ts | mainToolbar":{"message":"Main toolbar"},"ui/legacy/InspectorView.ts | moreTools":{"message":"More Tools"},"ui/legacy/InspectorView.ts | moveToBottom":{"message":"Move to bottom"},"ui/legacy/InspectorView.ts | moveToTop":{"message":"Move to top"},"ui/legacy/InspectorView.ts | panels":{"message":"Panels"},"ui/legacy/InspectorView.ts | reloadDevtools":{"message":"Reload DevTools"},"ui/legacy/InspectorView.ts | selectFolder":{"message":"Select folder"},"ui/legacy/InspectorView.ts | selectOverrideFolder":{"message":"Select a folder to store override files in."},"ui/legacy/InspectorView.ts | setToBrowserLanguage":{"message":"Always match Chrome's language"},"ui/legacy/InspectorView.ts | setToSpecificLanguage":{"message":"Switch DevTools to {PH1}"},"ui/legacy/ListWidget.ts | addString":{"message":"Add"},"ui/legacy/ListWidget.ts | cancelString":{"message":"Cancel"},"ui/legacy/ListWidget.ts | editString":{"message":"Edit"},"ui/legacy/ListWidget.ts | removeString":{"message":"Remove"},"ui/legacy/ListWidget.ts | saveString":{"message":"Save"},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | debuggingConnectionWasClosed":{"message":"Debugging connection was closed. Reason: "},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectDevtools":{"message":"Reconnect DevTools"},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectWhenReadyByReopening":{"message":"Reconnect when ready by reopening DevTools."},"ui/legacy/SearchableView.ts | cancel":{"message":"Cancel"},"ui/legacy/SearchableView.ts | dMatches":{"message":"{PH1} matches"},"ui/legacy/SearchableView.ts | dOfD":{"message":"{PH1} of {PH2}"},"ui/legacy/SearchableView.ts | findString":{"message":"Find"},"ui/legacy/SearchableView.ts | matchCase":{"message":"Match Case"},"ui/legacy/SearchableView.ts | matchString":{"message":"1 match"},"ui/legacy/SearchableView.ts | replace":{"message":"Replace"},"ui/legacy/SearchableView.ts | replaceAll":{"message":"Replace all"},"ui/legacy/SearchableView.ts | searchNext":{"message":"Search next"},"ui/legacy/SearchableView.ts | searchPrevious":{"message":"Search previous"},"ui/legacy/SearchableView.ts | useRegularExpression":{"message":"Use Regular Expression"},"ui/legacy/SettingsUI.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"ui/legacy/SettingsUI.ts | srequiresReload":{"message":"*Requires reload"},"ui/legacy/SoftContextMenu.ts | checked":{"message":"checked"},"ui/legacy/SoftContextMenu.ts | sS":{"message":"{PH1}, {PH2}"},"ui/legacy/SoftContextMenu.ts | sSS":{"message":"{PH1}, {PH2}, {PH3}"},"ui/legacy/SoftContextMenu.ts | unchecked":{"message":"unchecked"},"ui/legacy/SoftDropDown.ts | noItemSelected":{"message":"(no item selected)"},"ui/legacy/SuggestBox.ts | sSuggestionSOfS":{"message":"{PH1}, suggestion {PH2} of {PH3}"},"ui/legacy/SuggestBox.ts | sSuggestionSSelected":{"message":"{PH1}, suggestion selected"},"ui/legacy/TabbedPane.ts | close":{"message":"Close"},"ui/legacy/TabbedPane.ts | closeAll":{"message":"Close all"},"ui/legacy/TabbedPane.ts | closeOthers":{"message":"Close others"},"ui/legacy/TabbedPane.ts | closeS":{"message":"Close {PH1}"},"ui/legacy/TabbedPane.ts | closeTabsToTheRight":{"message":"Close tabs to the right"},"ui/legacy/TabbedPane.ts | moreTabs":{"message":"More tabs"},"ui/legacy/TabbedPane.ts | previewFeature":{"message":"Preview feature"},"ui/legacy/TargetCrashedScreen.ts | devtoolsWasDisconnectedFromThe":{"message":"DevTools was disconnected from the page."},"ui/legacy/TargetCrashedScreen.ts | oncePageIsReloadedDevtoolsWill":{"message":"Once page is reloaded, DevTools will automatically reconnect."},"ui/legacy/Toolbar.ts | clearInput":{"message":"Clear input"},"ui/legacy/Toolbar.ts | notPressed":{"message":"not pressed"},"ui/legacy/Toolbar.ts | pressed":{"message":"pressed"},"ui/legacy/UIUtils.ts | anonymous":{"message":"(anonymous)"},"ui/legacy/UIUtils.ts | anotherProfilerIsAlreadyActive":{"message":"Another profiler is already active"},"ui/legacy/UIUtils.ts | asyncCall":{"message":"Async Call"},"ui/legacy/UIUtils.ts | cancel":{"message":"Cancel"},"ui/legacy/UIUtils.ts | close":{"message":"Close"},"ui/legacy/UIUtils.ts | copyFileName":{"message":"Copy file name"},"ui/legacy/UIUtils.ts | copyLinkAddress":{"message":"Copy link address"},"ui/legacy/UIUtils.ts | ok":{"message":"OK"},"ui/legacy/UIUtils.ts | openInNewTab":{"message":"Open in new tab"},"ui/legacy/UIUtils.ts | promiseRejectedAsync":{"message":"Promise rejected (async)"},"ui/legacy/UIUtils.ts | promiseResolvedAsync":{"message":"Promise resolved (async)"},"ui/legacy/UIUtils.ts | sAsync":{"message":"{PH1} (async)"},"ui/legacy/ViewManager.ts | sPanel":{"message":"{PH1} panel"},"ui/legacy/ViewRegistration.ts | drawer":{"message":"Drawer"},"ui/legacy/ViewRegistration.ts | drawer_sidebar":{"message":"Drawer sidebar"},"ui/legacy/ViewRegistration.ts | elements":{"message":"Elements"},"ui/legacy/ViewRegistration.ts | network":{"message":"Network"},"ui/legacy/ViewRegistration.ts | panel":{"message":"Panel"},"ui/legacy/ViewRegistration.ts | settings":{"message":"Settings"},"ui/legacy/ViewRegistration.ts | sources":{"message":"Sources"}}
\ No newline at end of file
+{"core/common/ResourceType.ts | cspviolationreport":{"message":"CSPViolationReport"},"core/common/ResourceType.ts | css":{"message":"CSS"},"core/common/ResourceType.ts | doc":{"message":"Doc"},"core/common/ResourceType.ts | document":{"message":"Document"},"core/common/ResourceType.ts | documents":{"message":"Documents"},"core/common/ResourceType.ts | eventsource":{"message":"EventSource"},"core/common/ResourceType.ts | fetch":{"message":"Fetch"},"core/common/ResourceType.ts | font":{"message":"Font"},"core/common/ResourceType.ts | fonts":{"message":"Fonts"},"core/common/ResourceType.ts | image":{"message":"Image"},"core/common/ResourceType.ts | images":{"message":"Images"},"core/common/ResourceType.ts | img":{"message":"Img"},"core/common/ResourceType.ts | js":{"message":"JS"},"core/common/ResourceType.ts | manifest":{"message":"Manifest"},"core/common/ResourceType.ts | media":{"message":"Media"},"core/common/ResourceType.ts | other":{"message":"Other"},"core/common/ResourceType.ts | ping":{"message":"Ping"},"core/common/ResourceType.ts | preflight":{"message":"Preflight"},"core/common/ResourceType.ts | script":{"message":"Script"},"core/common/ResourceType.ts | scripts":{"message":"Scripts"},"core/common/ResourceType.ts | signedexchange":{"message":"SignedExchange"},"core/common/ResourceType.ts | stylesheet":{"message":"Stylesheet"},"core/common/ResourceType.ts | stylesheets":{"message":"Stylesheets"},"core/common/ResourceType.ts | texttrack":{"message":"TextTrack"},"core/common/ResourceType.ts | wasm":{"message":"Wasm"},"core/common/ResourceType.ts | webassembly":{"message":"WebAssembly"},"core/common/ResourceType.ts | webbundle":{"message":"WebBundle"},"core/common/ResourceType.ts | websocket":{"message":"WebSocket"},"core/common/ResourceType.ts | websockets":{"message":"WebSockets"},"core/common/ResourceType.ts | webtransport":{"message":"WebTransport"},"core/common/ResourceType.ts | ws":{"message":"WS"},"core/common/ResourceType.ts | xhrAndFetch":{"message":"XHR and Fetch"},"core/common/Revealer.ts | applicationPanel":{"message":"Application panel"},"core/common/Revealer.ts | changesDrawer":{"message":"Changes drawer"},"core/common/Revealer.ts | elementsPanel":{"message":"Elements panel"},"core/common/Revealer.ts | issuesView":{"message":"Issues view"},"core/common/Revealer.ts | networkPanel":{"message":"Network panel"},"core/common/Revealer.ts | sourcesPanel":{"message":"Sources panel"},"core/common/Revealer.ts | stylesSidebar":{"message":"styles sidebar"},"core/common/SettingRegistration.ts | adorner":{"message":"Adorner"},"core/common/SettingRegistration.ts | appearance":{"message":"Appearance"},"core/common/SettingRegistration.ts | console":{"message":"Console"},"core/common/SettingRegistration.ts | debugger":{"message":"Debugger"},"core/common/SettingRegistration.ts | elements":{"message":"Elements"},"core/common/SettingRegistration.ts | extension":{"message":"Extension"},"core/common/SettingRegistration.ts | global":{"message":"Global"},"core/common/SettingRegistration.ts | grid":{"message":"Grid"},"core/common/SettingRegistration.ts | memory":{"message":"Memory"},"core/common/SettingRegistration.ts | mobile":{"message":"Mobile"},"core/common/SettingRegistration.ts | network":{"message":"Network"},"core/common/SettingRegistration.ts | performance":{"message":"Performance"},"core/common/SettingRegistration.ts | persistence":{"message":"Persistence"},"core/common/SettingRegistration.ts | rendering":{"message":"Rendering"},"core/common/SettingRegistration.ts | sources":{"message":"Sources"},"core/common/SettingRegistration.ts | sync":{"message":"Sync"},"core/host/InspectorFrontendHost.ts | devtoolsS":{"message":"DevTools - {PH1}"},"core/host/ResourceLoader.ts | cacheError":{"message":"Cache error"},"core/host/ResourceLoader.ts | certificateError":{"message":"Certificate error"},"core/host/ResourceLoader.ts | certificateManagerError":{"message":"Certificate manager error"},"core/host/ResourceLoader.ts | connectionError":{"message":"Connection error"},"core/host/ResourceLoader.ts | decodingDataUrlFailed":{"message":"Decoding Data URL failed"},"core/host/ResourceLoader.ts | dnsResolverError":{"message":"DNS resolver error"},"core/host/ResourceLoader.ts | ftpError":{"message":"FTP error"},"core/host/ResourceLoader.ts | httpError":{"message":"HTTP error"},"core/host/ResourceLoader.ts | httpErrorStatusCodeSS":{"message":"HTTP error: status code {PH1}, {PH2}"},"core/host/ResourceLoader.ts | invalidUrl":{"message":"Invalid URL"},"core/host/ResourceLoader.ts | signedExchangeError":{"message":"Signed Exchange error"},"core/host/ResourceLoader.ts | systemError":{"message":"System error"},"core/host/ResourceLoader.ts | unknownError":{"message":"Unknown error"},"core/i18n/time-utilities.ts | fdays":{"message":"{PH1} days"},"core/i18n/time-utilities.ts | fhrs":{"message":"{PH1} hrs"},"core/i18n/time-utilities.ts | fmin":{"message":"{PH1} min"},"core/i18n/time-utilities.ts | fmms":{"message":"{PH1} μs"},"core/i18n/time-utilities.ts | fms":{"message":"{PH1} ms"},"core/i18n/time-utilities.ts | fs":{"message":"{PH1} s"},"core/sdk/CompilerSourceMappingContentProvider.ts | couldNotLoadContentForSS":{"message":"Could not load content for {PH1} ({PH2})"},"core/sdk/ConsoleModel.ts | bfcacheNavigation":{"message":"Navigation to {PH1} was restored from back/forward cache (see https://web.dev/bfcache/)"},"core/sdk/ConsoleModel.ts | failedToSaveToTempVariable":{"message":"Failed to save to temp variable."},"core/sdk/ConsoleModel.ts | navigatedToS":{"message":"Navigated to {PH1}"},"core/sdk/ConsoleModel.ts | profileSFinished":{"message":"Profile ''{PH1}'' finished."},"core/sdk/ConsoleModel.ts | profileSStarted":{"message":"Profile ''{PH1}'' started."},"core/sdk/CPUProfilerModel.ts | profileD":{"message":"Profile {PH1}"},"core/sdk/CSSStyleSheetHeader.ts | couldNotFindTheOriginalStyle":{"message":"Could not find the original style sheet."},"core/sdk/CSSStyleSheetHeader.ts | thereWasAnErrorRetrievingThe":{"message":"There was an error retrieving the source styles."},"core/sdk/DebuggerModel.ts | block":{"message":"Block"},"core/sdk/DebuggerModel.ts | catchBlock":{"message":"Catch block"},"core/sdk/DebuggerModel.ts | closure":{"message":"Closure"},"core/sdk/DebuggerModel.ts | expression":{"message":"Expression"},"core/sdk/DebuggerModel.ts | global":{"message":"Global"},"core/sdk/DebuggerModel.ts | local":{"message":"Local"},"core/sdk/DebuggerModel.ts | module":{"message":"Module"},"core/sdk/DebuggerModel.ts | script":{"message":"Script"},"core/sdk/DebuggerModel.ts | withBlock":{"message":"With block"},"core/sdk/DOMDebuggerModel.ts | animation":{"message":"Animation"},"core/sdk/DOMDebuggerModel.ts | animationFrameFired":{"message":"Animation Frame Fired"},"core/sdk/DOMDebuggerModel.ts | cancelAnimationFrame":{"message":"Cancel Animation Frame"},"core/sdk/DOMDebuggerModel.ts | canvas":{"message":"Canvas"},"core/sdk/DOMDebuggerModel.ts | clipboard":{"message":"Clipboard"},"core/sdk/DOMDebuggerModel.ts | closeAudiocontext":{"message":"Close AudioContext"},"core/sdk/DOMDebuggerModel.ts | control":{"message":"Control"},"core/sdk/DOMDebuggerModel.ts | createAudiocontext":{"message":"Create AudioContext"},"core/sdk/DOMDebuggerModel.ts | createCanvasContext":{"message":"Create canvas context"},"core/sdk/DOMDebuggerModel.ts | device":{"message":"Device"},"core/sdk/DOMDebuggerModel.ts | domMutation":{"message":"DOM Mutation"},"core/sdk/DOMDebuggerModel.ts | dragDrop":{"message":"Drag / drop"},"core/sdk/DOMDebuggerModel.ts | geolocation":{"message":"Geolocation"},"core/sdk/DOMDebuggerModel.ts | keyboard":{"message":"Keyboard"},"core/sdk/DOMDebuggerModel.ts | load":{"message":"Load"},"core/sdk/DOMDebuggerModel.ts | media":{"message":"Media"},"core/sdk/DOMDebuggerModel.ts | mouse":{"message":"Mouse"},"core/sdk/DOMDebuggerModel.ts | notification":{"message":"Notification"},"core/sdk/DOMDebuggerModel.ts | parse":{"message":"Parse"},"core/sdk/DOMDebuggerModel.ts | pictureinpicture":{"message":"Picture-in-Picture"},"core/sdk/DOMDebuggerModel.ts | pointer":{"message":"Pointer"},"core/sdk/DOMDebuggerModel.ts | policyViolations":{"message":"Policy Violations"},"core/sdk/DOMDebuggerModel.ts | requestAnimationFrame":{"message":"Request Animation Frame"},"core/sdk/DOMDebuggerModel.ts | resumeAudiocontext":{"message":"Resume AudioContext"},"core/sdk/DOMDebuggerModel.ts | script":{"message":"Script"},"core/sdk/DOMDebuggerModel.ts | scriptBlockedByContentSecurity":{"message":"Script Blocked by Content Security Policy"},"core/sdk/DOMDebuggerModel.ts | scriptBlockedDueToContent":{"message":"Script blocked due to Content Security Policy directive: {PH1}"},"core/sdk/DOMDebuggerModel.ts | scriptFirstStatement":{"message":"Script First Statement"},"core/sdk/DOMDebuggerModel.ts | setInnerhtml":{"message":"Set innerHTML"},"core/sdk/DOMDebuggerModel.ts | setTimeoutOrIntervalFired":{"message":"{PH1} fired"},"core/sdk/DOMDebuggerModel.ts | sinkViolations":{"message":"Sink Violations"},"core/sdk/DOMDebuggerModel.ts | suspendAudiocontext":{"message":"Suspend AudioContext"},"core/sdk/DOMDebuggerModel.ts | timer":{"message":"Timer"},"core/sdk/DOMDebuggerModel.ts | touch":{"message":"Touch"},"core/sdk/DOMDebuggerModel.ts | trustedTypeViolations":{"message":"Trusted Type Violations"},"core/sdk/DOMDebuggerModel.ts | webaudio":{"message":"WebAudio"},"core/sdk/DOMDebuggerModel.ts | webglErrorFired":{"message":"WebGL Error Fired"},"core/sdk/DOMDebuggerModel.ts | webglErrorFiredS":{"message":"WebGL Error Fired ({PH1})"},"core/sdk/DOMDebuggerModel.ts | webglWarningFired":{"message":"WebGL Warning Fired"},"core/sdk/DOMDebuggerModel.ts | window":{"message":"Window"},"core/sdk/DOMDebuggerModel.ts | worker":{"message":"Worker"},"core/sdk/DOMDebuggerModel.ts | xhr":{"message":"XHR"},"core/sdk/EventBreakpointsModel.ts | auctionWorklet":{"message":"Ad Auction Worklet"},"core/sdk/EventBreakpointsModel.ts | beforeBidderWorkletBiddingStart":{"message":"Bidder Bidding Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeBidderWorkletReportingStart":{"message":"Bidder Reporting Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeSellerWorkletReportingStart":{"message":"Seller Reporting Phase Start"},"core/sdk/EventBreakpointsModel.ts | beforeSellerWorkletScoringStart":{"message":"Seller Scoring Phase Start"},"core/sdk/NetworkManager.ts | crossoriginReadBlockingCorb":{"message":"Cross-Origin Read Blocking (CORB) blocked cross-origin response {PH1} with MIME type {PH2}. See https://www.chromestatus.com/feature/5629709824032768 for more details."},"core/sdk/NetworkManager.ts | fastG":{"message":"Fast 3G"},"core/sdk/NetworkManager.ts | noContentForPreflight":{"message":"No content available for preflight request"},"core/sdk/NetworkManager.ts | noContentForRedirect":{"message":"No content available because this request was redirected"},"core/sdk/NetworkManager.ts | noContentForWebSocket":{"message":"Content for WebSockets is currently not supported"},"core/sdk/NetworkManager.ts | noThrottling":{"message":"No throttling"},"core/sdk/NetworkManager.ts | offline":{"message":"Offline"},"core/sdk/NetworkManager.ts | requestWasBlockedByDevtoolsS":{"message":"Request was blocked by DevTools: \"{PH1}\""},"core/sdk/NetworkManager.ts | sFailedLoadingSS":{"message":"{PH1} failed loading: {PH2} \"{PH3}\"."},"core/sdk/NetworkManager.ts | sFinishedLoadingSS":{"message":"{PH1} finished loading: {PH2} \"{PH3}\"."},"core/sdk/NetworkManager.ts | slowG":{"message":"Slow 3G"},"core/sdk/NetworkRequest.ts | anUnknownErrorWasEncounteredWhenTrying":{"message":"An unknown error was encountered when trying to store this cookie."},"core/sdk/NetworkRequest.ts | binary":{"message":"(binary)"},"core/sdk/NetworkRequest.ts | blockedReasonInvalidDomain":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because its Domain attribute was invalid with regards to the current host url."},"core/sdk/NetworkRequest.ts | blockedReasonInvalidPrefix":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it used the \"__Secure-\" or \"__Host-\" prefix in its name and broke the additional rules applied to cookies with these prefixes as defined in https://tools.ietf.org/html/draft-west-cookie-prefixes-05."},"core/sdk/NetworkRequest.ts | blockedReasonOverwriteSecure":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it was not sent over a secure connection and would have overwritten a cookie with the Secure attribute."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteNoneInsecure":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameSite=None\" attribute but did not have the \"Secure\" attribute, which is required in order to use \"SameSite=None\"."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteStrictLax":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"{PH1}\" attribute but came from a cross-site response which was not the response to a top-level navigation."},"core/sdk/NetworkRequest.ts | blockedReasonSameSiteUnspecifiedTreatedAsLax":{"message":"This Set-Cookie header didn't specify a \"SameSite\" attribute and was defaulted to \"SameSite=Lax,\" and was blocked because it came from a cross-site response which was not the response to a top-level navigation. The Set-Cookie had to have been set with \"SameSite=None\" to enable cross-site usage."},"core/sdk/NetworkRequest.ts | blockedReasonSecureOnly":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"Secure\" attribute but was not received over a secure connection."},"core/sdk/NetworkRequest.ts | domainMismatch":{"message":"This cookie was blocked because neither did the request URL's domain exactly match the cookie's domain, nor was the request URL's domain a subdomain of the cookie's Domain attribute value."},"core/sdk/NetworkRequest.ts | nameValuePairExceedsMaxSize":{"message":"This cookie was blocked because it was too large. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | notOnPath":{"message":"This cookie was blocked because its path was not an exact match for or a superdirectory of the request url's path."},"core/sdk/NetworkRequest.ts | samePartyFromCrossPartyContext":{"message":"This cookie was blocked because it had the \"SameParty\" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource's URL and the domains of the resource's enclosing frames/documents are neither owners nor members in the same First-Party Set."},"core/sdk/NetworkRequest.ts | sameSiteLax":{"message":"This cookie was blocked because it had the \"SameSite=Lax\" attribute and the request was made from a different site and was not initiated by a top-level navigation."},"core/sdk/NetworkRequest.ts | sameSiteNoneInsecure":{"message":"This cookie was blocked because it had the \"SameSite=None\" attribute but was not marked \"Secure\". Cookies without SameSite restrictions must be marked \"Secure\" and sent over a secure connection."},"core/sdk/NetworkRequest.ts | sameSiteStrict":{"message":"This cookie was blocked because it had the \"SameSite=Strict\" attribute and the request was made from a different site. This includes top-level navigation requests initiated by other sites."},"core/sdk/NetworkRequest.ts | sameSiteUnspecifiedTreatedAsLax":{"message":"This cookie didn't specify a \"SameSite\" attribute when it was stored and was defaulted to \"SameSite=Lax,\" and was blocked because the request was made from a different site and was not initiated by a top-level navigation. The cookie had to have been set with \"SameSite=None\" to enable cross-site usage."},"core/sdk/NetworkRequest.ts | schemefulSameSiteLax":{"message":"This cookie was blocked because it had the \"SameSite=Lax\" attribute but the request was cross-site and was not initiated by a top-level navigation. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | schemefulSameSiteStrict":{"message":"This cookie was blocked because it had the \"SameSite=Strict\" attribute but the request was cross-site. This includes top-level navigation requests initiated by other sites. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | schemefulSameSiteUnspecifiedTreatedAsLax":{"message":"This cookie didn't specify a \"SameSite\" attribute when it was stored, was defaulted to \"SameSite=Lax\", and was blocked because the request was cross-site and was not initiated by a top-level navigation. This request is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | secureOnly":{"message":"This cookie was blocked because it had the \"Secure\" attribute and the connection was not secure."},"core/sdk/NetworkRequest.ts | setcookieHeaderIsIgnoredIn":{"message":"Set-Cookie header is ignored in response from url: {PH1}. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | theSchemeOfThisConnectionIsNot":{"message":"The scheme of this connection is not allowed to store cookies."},"core/sdk/NetworkRequest.ts | thisSetcookieDidntSpecifyASamesite":{"message":"This Set-Cookie header didn't specify a \"SameSite\" attribute, was defaulted to \"SameSite=Lax\", and was blocked because it came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | thisSetcookieHadInvalidSyntax":{"message":"This Set-Cookie header had invalid syntax."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSameparty":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameParty\" attribute but the request was cross-party. The request was considered cross-party because the domain of the resource's URL and the domains of the resource's enclosing frames/documents are neither owners nor members in the same First-Party Set."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSamepartyAttribute":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"SameParty\" attribute but also had other conflicting attributes. Chrome requires cookies that use the \"SameParty\" attribute to also have the \"Secure\" attribute, and to not be restricted to \"SameSite=Strict\"."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseItHadTheSamesiteStrictLax":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because it had the \"{PH1}\" attribute but came from a cross-site response which was not the response to a top-level navigation. This response is considered cross-site because the URL has a different scheme than the current site."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedBecauseTheNameValuePairExceedsMaxSize":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked because the cookie was too large. The combined size of the name and value must be less than or equal to 4096 characters."},"core/sdk/NetworkRequest.ts | thisSetcookieWasBlockedDueToUser":{"message":"This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences."},"core/sdk/NetworkRequest.ts | unknownError":{"message":"An unknown error was encountered when trying to send this cookie."},"core/sdk/NetworkRequest.ts | userPreferences":{"message":"This cookie was blocked due to user preferences."},"core/sdk/OverlayModel.ts | pausedInDebugger":{"message":"Paused in debugger"},"core/sdk/PageResourceLoader.ts | loadCanceledDueToReloadOf":{"message":"Load canceled due to reload of inspected page"},"core/sdk/Script.ts | scriptRemovedOrDeleted":{"message":"Script removed or deleted."},"core/sdk/Script.ts | unableToFetchScriptSource":{"message":"Unable to fetch script source."},"core/sdk/sdk-meta.ts | achromatopsia":{"message":"Achromatopsia (no color)"},"core/sdk/sdk-meta.ts | blurredVision":{"message":"Blurred vision"},"core/sdk/sdk-meta.ts | captureAsyncStackTraces":{"message":"Capture async stack traces"},"core/sdk/sdk-meta.ts | deuteranopia":{"message":"Deuteranopia (no green)"},"core/sdk/sdk-meta.ts | disableAsyncStackTraces":{"message":"Disable async stack traces"},"core/sdk/sdk-meta.ts | disableAvifFormat":{"message":"Disable AVIF format"},"core/sdk/sdk-meta.ts | disableCache":{"message":"Disable cache (while DevTools is open)"},"core/sdk/sdk-meta.ts | disableJavascript":{"message":"Disable JavaScript"},"core/sdk/sdk-meta.ts | disableLocalFonts":{"message":"Disable local fonts"},"core/sdk/sdk-meta.ts | disableNetworkRequestBlocking":{"message":"Disable network request blocking"},"core/sdk/sdk-meta.ts | disableWebpFormat":{"message":"Disable WebP format"},"core/sdk/sdk-meta.ts | doNotCaptureAsyncStackTraces":{"message":"Do not capture async stack traces"},"core/sdk/sdk-meta.ts | doNotEmulateAFocusedPage":{"message":"Do not emulate a focused page"},"core/sdk/sdk-meta.ts | doNotEmulateAnyVisionDeficiency":{"message":"Do not emulate any vision deficiency"},"core/sdk/sdk-meta.ts | doNotEmulateCss":{"message":"Do not emulate CSS {PH1}"},"core/sdk/sdk-meta.ts | doNotEmulateCssMediaType":{"message":"Do not emulate CSS media type"},"core/sdk/sdk-meta.ts | doNotExtendGridLines":{"message":"Do not extend grid lines"},"core/sdk/sdk-meta.ts | doNotHighlightAdFrames":{"message":"Do not highlight ad frames"},"core/sdk/sdk-meta.ts | doNotPauseOnExceptions":{"message":"Do not pause on exceptions"},"core/sdk/sdk-meta.ts | doNotPreserveLogUponNavigation":{"message":"Do not preserve log upon navigation"},"core/sdk/sdk-meta.ts | doNotShowGridNamedAreas":{"message":"Do not show grid named areas"},"core/sdk/sdk-meta.ts | doNotShowGridTrackSizes":{"message":"Do not show grid track sizes"},"core/sdk/sdk-meta.ts | doNotShowRulersOnHover":{"message":"Do not show rulers on hover"},"core/sdk/sdk-meta.ts | emulateAchromatopsia":{"message":"Emulate achromatopsia (no color)"},"core/sdk/sdk-meta.ts | emulateAFocusedPage":{"message":"Emulate a focused page"},"core/sdk/sdk-meta.ts | emulateAutoDarkMode":{"message":"Emulate auto dark mode"},"core/sdk/sdk-meta.ts | emulateBlurredVision":{"message":"Emulate blurred vision"},"core/sdk/sdk-meta.ts | emulateCss":{"message":"Emulate CSS {PH1}"},"core/sdk/sdk-meta.ts | emulateCssMediaFeature":{"message":"Emulate CSS media feature {PH1}"},"core/sdk/sdk-meta.ts | emulateCssMediaType":{"message":"Emulate CSS media type"},"core/sdk/sdk-meta.ts | emulateCssPrintMediaType":{"message":"Emulate CSS print media type"},"core/sdk/sdk-meta.ts | emulateCssScreenMediaType":{"message":"Emulate CSS screen media type"},"core/sdk/sdk-meta.ts | emulateDeuteranopia":{"message":"Emulate deuteranopia (no green)"},"core/sdk/sdk-meta.ts | emulateProtanopia":{"message":"Emulate protanopia (no red)"},"core/sdk/sdk-meta.ts | emulateReducedContrast":{"message":"Emulate reduced contrast"},"core/sdk/sdk-meta.ts | emulateTritanopia":{"message":"Emulate tritanopia (no blue)"},"core/sdk/sdk-meta.ts | emulateVisionDeficiencies":{"message":"Emulate vision deficiencies"},"core/sdk/sdk-meta.ts | enableAvifFormat":{"message":"Enable AVIF format"},"core/sdk/sdk-meta.ts | enableCache":{"message":"Enable cache"},"core/sdk/sdk-meta.ts | enableCustomFormatters":{"message":"Enable custom formatters"},"core/sdk/sdk-meta.ts | enableJavascript":{"message":"Enable JavaScript"},"core/sdk/sdk-meta.ts | enableLocalFonts":{"message":"Enable local fonts"},"core/sdk/sdk-meta.ts | enableNetworkRequestBlocking":{"message":"Enable network request blocking"},"core/sdk/sdk-meta.ts | enableRemoteFileLoading":{"message":"Allow DevTools to load resources, such as source maps, from remote file paths. Disabled by default for security reasons."},"core/sdk/sdk-meta.ts | enableWebpFormat":{"message":"Enable WebP format"},"core/sdk/sdk-meta.ts | extendGridLines":{"message":"Extend grid lines"},"core/sdk/sdk-meta.ts | hideCoreWebVitalsOverlay":{"message":"Hide Core Web Vitals overlay"},"core/sdk/sdk-meta.ts | hideFramesPerSecondFpsMeter":{"message":"Hide frames per second (FPS) meter"},"core/sdk/sdk-meta.ts | hideLayerBorders":{"message":"Hide layer borders"},"core/sdk/sdk-meta.ts | hideLayoutShiftRegions":{"message":"Hide layout shift regions"},"core/sdk/sdk-meta.ts | hideLineLabels":{"message":"Hide line labels"},"core/sdk/sdk-meta.ts | hidePaintFlashingRectangles":{"message":"Hide paint flashing rectangles"},"core/sdk/sdk-meta.ts | hideScrollPerformanceBottlenecks":{"message":"Hide scroll performance bottlenecks"},"core/sdk/sdk-meta.ts | highlightAdFrames":{"message":"Highlight ad frames"},"core/sdk/sdk-meta.ts | noEmulation":{"message":"No emulation"},"core/sdk/sdk-meta.ts | pauseOnExceptions":{"message":"Pause on exceptions"},"core/sdk/sdk-meta.ts | preserveLogUponNavigation":{"message":"Preserve log upon navigation"},"core/sdk/sdk-meta.ts | print":{"message":"print"},"core/sdk/sdk-meta.ts | protanopia":{"message":"Protanopia (no red)"},"core/sdk/sdk-meta.ts | query":{"message":"query"},"core/sdk/sdk-meta.ts | reducedContrast":{"message":"Reduced contrast"},"core/sdk/sdk-meta.ts | screen":{"message":"screen"},"core/sdk/sdk-meta.ts | showAreaNames":{"message":"Show area names"},"core/sdk/sdk-meta.ts | showCoreWebVitalsOverlay":{"message":"Show Core Web Vitals overlay"},"core/sdk/sdk-meta.ts | showFramesPerSecondFpsMeter":{"message":"Show frames per second (FPS) meter"},"core/sdk/sdk-meta.ts | showGridNamedAreas":{"message":"Show grid named areas"},"core/sdk/sdk-meta.ts | showGridTrackSizes":{"message":"Show grid track sizes"},"core/sdk/sdk-meta.ts | showLayerBorders":{"message":"Show layer borders"},"core/sdk/sdk-meta.ts | showLayoutShiftRegions":{"message":"Show layout shift regions"},"core/sdk/sdk-meta.ts | showLineLabels":{"message":"Show line labels"},"core/sdk/sdk-meta.ts | showLineNames":{"message":"Show line names"},"core/sdk/sdk-meta.ts | showLineNumbers":{"message":"Show line numbers"},"core/sdk/sdk-meta.ts | showPaintFlashingRectangles":{"message":"Show paint flashing rectangles"},"core/sdk/sdk-meta.ts | showRulersOnHover":{"message":"Show rulers on hover"},"core/sdk/sdk-meta.ts | showScrollPerformanceBottlenecks":{"message":"Show scroll performance bottlenecks"},"core/sdk/sdk-meta.ts | showTrackSizes":{"message":"Show track sizes"},"core/sdk/sdk-meta.ts | tritanopia":{"message":"Tritanopia (no blue)"},"core/sdk/ServerTiming.ts | deprecatedSyntaxFoundPleaseUse":{"message":"Deprecated syntax found. Please use: <name>;dur=<duration>;desc=<description>"},"core/sdk/ServerTiming.ts | duplicateParameterSIgnored":{"message":"Duplicate parameter \"{PH1}\" ignored."},"core/sdk/ServerTiming.ts | extraneousTrailingCharacters":{"message":"Extraneous trailing characters."},"core/sdk/ServerTiming.ts | noValueFoundForParameterS":{"message":"No value found for parameter \"{PH1}\"."},"core/sdk/ServerTiming.ts | unableToParseSValueS":{"message":"Unable to parse \"{PH1}\" value \"{PH2}\"."},"core/sdk/ServerTiming.ts | unrecognizedParameterS":{"message":"Unrecognized parameter \"{PH1}\"."},"core/sdk/ServiceWorkerCacheModel.ts | serviceworkercacheagentError":{"message":"ServiceWorkerCacheAgent error deleting cache entry {PH1} in cache: {PH2}"},"core/sdk/ServiceWorkerManager.ts | activated":{"message":"activated"},"core/sdk/ServiceWorkerManager.ts | activating":{"message":"activating"},"core/sdk/ServiceWorkerManager.ts | installed":{"message":"installed"},"core/sdk/ServiceWorkerManager.ts | installing":{"message":"installing"},"core/sdk/ServiceWorkerManager.ts | new":{"message":"new"},"core/sdk/ServiceWorkerManager.ts | redundant":{"message":"redundant"},"core/sdk/ServiceWorkerManager.ts | running":{"message":"running"},"core/sdk/ServiceWorkerManager.ts | sSS":{"message":"{PH1} #{PH2} ({PH3})"},"core/sdk/ServiceWorkerManager.ts | starting":{"message":"starting"},"core/sdk/ServiceWorkerManager.ts | stopped":{"message":"stopped"},"core/sdk/ServiceWorkerManager.ts | stopping":{"message":"stopping"},"entrypoints/inspector_main/inspector_main-meta.ts | autoOpenDevTools":{"message":"Auto-open DevTools for popups"},"entrypoints/inspector_main/inspector_main-meta.ts | blockAds":{"message":"Block ads on this site"},"entrypoints/inspector_main/inspector_main-meta.ts | colorVisionDeficiency":{"message":"color vision deficiency"},"entrypoints/inspector_main/inspector_main-meta.ts | cssMediaFeature":{"message":"CSS media feature"},"entrypoints/inspector_main/inspector_main-meta.ts | cssMediaType":{"message":"CSS media type"},"entrypoints/inspector_main/inspector_main-meta.ts | disablePaused":{"message":"Disable paused state overlay"},"entrypoints/inspector_main/inspector_main-meta.ts | doNotAutoOpen":{"message":"Do not auto-open DevTools for popups"},"entrypoints/inspector_main/inspector_main-meta.ts | forceAdBlocking":{"message":"Force ad blocking on this site"},"entrypoints/inspector_main/inspector_main-meta.ts | fps":{"message":"fps"},"entrypoints/inspector_main/inspector_main-meta.ts | hardReloadPage":{"message":"Hard reload page"},"entrypoints/inspector_main/inspector_main-meta.ts | layout":{"message":"layout"},"entrypoints/inspector_main/inspector_main-meta.ts | paint":{"message":"paint"},"entrypoints/inspector_main/inspector_main-meta.ts | reloadPage":{"message":"Reload page"},"entrypoints/inspector_main/inspector_main-meta.ts | rendering":{"message":"Rendering"},"entrypoints/inspector_main/inspector_main-meta.ts | showAds":{"message":"Show ads on this site, if allowed"},"entrypoints/inspector_main/inspector_main-meta.ts | showRendering":{"message":"Show Rendering"},"entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia":{"message":"Toggle CSS media feature prefers-color-scheme"},"entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency":{"message":"vision deficiency"},"entrypoints/inspector_main/InspectorMain.ts | javascriptIsDisabled":{"message":"JavaScript is disabled"},"entrypoints/inspector_main/InspectorMain.ts | main":{"message":"Main"},"entrypoints/inspector_main/InspectorMain.ts | openDedicatedTools":{"message":"Open dedicated DevTools for Node.js"},"entrypoints/inspector_main/InspectorMain.ts | tab":{"message":"Tab"},"entrypoints/inspector_main/OutermostTargetSelector.ts | targetNotSelected":{"message":"Page: Not selected"},"entrypoints/inspector_main/OutermostTargetSelector.ts | targetS":{"message":"Page: {PH1}"},"entrypoints/inspector_main/RenderingOptions.ts | coreWebVitals":{"message":"Core Web Vitals"},"entrypoints/inspector_main/RenderingOptions.ts | disableAvifImageFormat":{"message":"Disable AVIF image format"},"entrypoints/inspector_main/RenderingOptions.ts | disableLocalFonts":{"message":"Disable local fonts"},"entrypoints/inspector_main/RenderingOptions.ts | disablesLocalSourcesInFontface":{"message":"Disables local() sources in @font-face rules. Requires a page reload to apply."},"entrypoints/inspector_main/RenderingOptions.ts | disableWebpImageFormat":{"message":"Disable WebP image format"},"entrypoints/inspector_main/RenderingOptions.ts | emulateAFocusedPage":{"message":"Emulate a focused page"},"entrypoints/inspector_main/RenderingOptions.ts | emulateAutoDarkMode":{"message":"Enable automatic dark mode"},"entrypoints/inspector_main/RenderingOptions.ts | emulatesAFocusedPage":{"message":"Emulates a focused page."},"entrypoints/inspector_main/RenderingOptions.ts | emulatesAutoDarkMode":{"message":"Enables automatic dark mode and sets prefers-color-scheme to dark."},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssColorgamutMediaFeature":{"message":"Forces CSS color-gamut media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssForcedColors":{"message":"Forces CSS forced-colors media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscolorschemeMedia":{"message":"Forces CSS prefers-color-scheme media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPreferscontrastMedia":{"message":"Forces CSS prefers-contrast media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPrefersreduceddataMedia":{"message":"Forces CSS prefers-reduced-data media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesCssPrefersreducedmotion":{"message":"Forces CSS prefers-reduced-motion media feature"},"entrypoints/inspector_main/RenderingOptions.ts | forcesMediaTypeForTestingPrint":{"message":"Forces media type for testing print and screen styles"},"entrypoints/inspector_main/RenderingOptions.ts | forcesVisionDeficiencyEmulation":{"message":"Forces vision deficiency emulation"},"entrypoints/inspector_main/RenderingOptions.ts | frameRenderingStats":{"message":"Frame Rendering Stats"},"entrypoints/inspector_main/RenderingOptions.ts | highlightAdFrames":{"message":"Highlight ad frames"},"entrypoints/inspector_main/RenderingOptions.ts | highlightsAreasOfThePageBlueThat":{"message":"Highlights areas of the page (blue) that were shifted. May not be suitable for people prone to photosensitive epilepsy."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsAreasOfThePageGreen":{"message":"Highlights areas of the page (green) that need to be repainted. May not be suitable for people prone to photosensitive epilepsy."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsElementsTealThatCan":{"message":"Highlights elements (teal) that can slow down scrolling, including touch & wheel event handlers and other main-thread scrolling situations."},"entrypoints/inspector_main/RenderingOptions.ts | highlightsFramesRedDetectedToBe":{"message":"Highlights frames (red) detected to be ads."},"entrypoints/inspector_main/RenderingOptions.ts | layerBorders":{"message":"Layer borders"},"entrypoints/inspector_main/RenderingOptions.ts | layoutShiftRegions":{"message":"Layout Shift Regions"},"entrypoints/inspector_main/RenderingOptions.ts | paintFlashing":{"message":"Paint flashing"},"entrypoints/inspector_main/RenderingOptions.ts | plotsFrameThroughputDropped":{"message":"Plots frame throughput, dropped frames distribution, and GPU memory."},"entrypoints/inspector_main/RenderingOptions.ts | requiresAPageReloadToApplyAnd":{"message":"Requires a page reload to apply and disables caching for image requests."},"entrypoints/inspector_main/RenderingOptions.ts | scrollingPerformanceIssues":{"message":"Scrolling performance issues"},"entrypoints/inspector_main/RenderingOptions.ts | showsAnOverlayWithCoreWebVitals":{"message":"Shows an overlay with Core Web Vitals."},"entrypoints/inspector_main/RenderingOptions.ts | showsLayerBordersOrangeoliveAnd":{"message":"Shows layer borders (orange/olive) and tiles (cyan)."},"entrypoints/js_app/js_app.ts | main":{"message":"Main"},"entrypoints/main/main-meta.ts | asAuthored":{"message":"As authored"},"entrypoints/main/main-meta.ts | auto":{"message":"auto"},"entrypoints/main/main-meta.ts | bottom":{"message":"Bottom"},"entrypoints/main/main-meta.ts | browserLanguage":{"message":"Browser UI language"},"entrypoints/main/main-meta.ts | cancelSearch":{"message":"Cancel search"},"entrypoints/main/main-meta.ts | colorFormat":{"message":"Color format:"},"entrypoints/main/main-meta.ts | colorFormatSettingDisabled":{"message":"This setting is deprecated because it is incompatible with modern color spaces. To re-enable it, disable the corresponding experiment."},"entrypoints/main/main-meta.ts | darkCapital":{"message":"Dark"},"entrypoints/main/main-meta.ts | darkLower":{"message":"dark"},"entrypoints/main/main-meta.ts | devtoolsDefault":{"message":"DevTools (Default)"},"entrypoints/main/main-meta.ts | dockToBottom":{"message":"Dock to bottom"},"entrypoints/main/main-meta.ts | dockToLeft":{"message":"Dock to left"},"entrypoints/main/main-meta.ts | dockToRight":{"message":"Dock to right"},"entrypoints/main/main-meta.ts | enableCtrlShortcutToSwitchPanels":{"message":"Enable Ctrl + 1-9 shortcut to switch panels"},"entrypoints/main/main-meta.ts | enableShortcutToSwitchPanels":{"message":"Enable ⌘ + 1-9 shortcut to switch panels"},"entrypoints/main/main-meta.ts | enableSync":{"message":"Enable settings sync"},"entrypoints/main/main-meta.ts | findNextResult":{"message":"Find next result"},"entrypoints/main/main-meta.ts | findPreviousResult":{"message":"Find previous result"},"entrypoints/main/main-meta.ts | focusDebuggee":{"message":"Focus debuggee"},"entrypoints/main/main-meta.ts | horizontal":{"message":"horizontal"},"entrypoints/main/main-meta.ts | language":{"message":"Language:"},"entrypoints/main/main-meta.ts | left":{"message":"Left"},"entrypoints/main/main-meta.ts | lightCapital":{"message":"Light"},"entrypoints/main/main-meta.ts | lightLower":{"message":"light"},"entrypoints/main/main-meta.ts | nextPanel":{"message":"Next panel"},"entrypoints/main/main-meta.ts | panelLayout":{"message":"Panel layout:"},"entrypoints/main/main-meta.ts | previousPanel":{"message":"Previous panel"},"entrypoints/main/main-meta.ts | reloadDevtools":{"message":"Reload DevTools"},"entrypoints/main/main-meta.ts | resetZoomLevel":{"message":"Reset zoom level"},"entrypoints/main/main-meta.ts | restoreLastDockPosition":{"message":"Restore last dock position"},"entrypoints/main/main-meta.ts | right":{"message":"Right"},"entrypoints/main/main-meta.ts | searchAsYouTypeCommand":{"message":"Enable search as you type"},"entrypoints/main/main-meta.ts | searchAsYouTypeSetting":{"message":"Search as you type"},"entrypoints/main/main-meta.ts | searchInPanel":{"message":"Search in panel"},"entrypoints/main/main-meta.ts | searchOnEnterCommand":{"message":"Disable search as you type (press Enter to search)"},"entrypoints/main/main-meta.ts | setColorFormatAsAuthored":{"message":"Set color format as authored"},"entrypoints/main/main-meta.ts | setColorFormatToHex":{"message":"Set color format to HEX"},"entrypoints/main/main-meta.ts | setColorFormatToHsl":{"message":"Set color format to HSL"},"entrypoints/main/main-meta.ts | setColorFormatToRgb":{"message":"Set color format to RGB"},"entrypoints/main/main-meta.ts | switchToDarkTheme":{"message":"Switch to dark theme"},"entrypoints/main/main-meta.ts | switchToLightTheme":{"message":"Switch to light theme"},"entrypoints/main/main-meta.ts | switchToSystemPreferredColor":{"message":"Switch to system preferred color theme"},"entrypoints/main/main-meta.ts | systemPreference":{"message":"System preference"},"entrypoints/main/main-meta.ts | theme":{"message":"Theme:"},"entrypoints/main/main-meta.ts | toggleDrawer":{"message":"Toggle drawer"},"entrypoints/main/main-meta.ts | undocked":{"message":"Undocked"},"entrypoints/main/main-meta.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"entrypoints/main/main-meta.ts | useAutomaticPanelLayout":{"message":"Use automatic panel layout"},"entrypoints/main/main-meta.ts | useHorizontalPanelLayout":{"message":"Use horizontal panel layout"},"entrypoints/main/main-meta.ts | useVerticalPanelLayout":{"message":"Use vertical panel layout"},"entrypoints/main/main-meta.ts | vertical":{"message":"vertical"},"entrypoints/main/main-meta.ts | zoomIn":{"message":"Zoom in"},"entrypoints/main/main-meta.ts | zoomOut":{"message":"Zoom out"},"entrypoints/main/MainImpl.ts | customizeAndControlDevtools":{"message":"Customize and control DevTools"},"entrypoints/main/MainImpl.ts | dockSide":{"message":"Dock side"},"entrypoints/main/MainImpl.ts | dockSideNaviation":{"message":"Use left and right arrow keys to navigate the options"},"entrypoints/main/MainImpl.ts | dockToBottom":{"message":"Dock to bottom"},"entrypoints/main/MainImpl.ts | dockToLeft":{"message":"Dock to left"},"entrypoints/main/MainImpl.ts | dockToRight":{"message":"Dock to right"},"entrypoints/main/MainImpl.ts | focusDebuggee":{"message":"Focus debuggee"},"entrypoints/main/MainImpl.ts | help":{"message":"Help"},"entrypoints/main/MainImpl.ts | hideConsoleDrawer":{"message":"Hide console drawer"},"entrypoints/main/MainImpl.ts | moreTools":{"message":"More tools"},"entrypoints/main/MainImpl.ts | placementOfDevtoolsRelativeToThe":{"message":"Placement of DevTools relative to the page. ({PH1} to restore last position)"},"entrypoints/main/MainImpl.ts | showConsoleDrawer":{"message":"Show console drawer"},"entrypoints/main/MainImpl.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"entrypoints/node_app/node_app.ts | connection":{"message":"Connection"},"entrypoints/node_app/node_app.ts | networkTitle":{"message":"Node"},"entrypoints/node_app/node_app.ts | node":{"message":"node"},"entrypoints/node_app/node_app.ts | showConnection":{"message":"Show Connection"},"entrypoints/node_app/node_app.ts | showNode":{"message":"Show Node"},"entrypoints/node_app/NodeConnectionsPanel.ts | addConnection":{"message":"Add connection"},"entrypoints/node_app/NodeConnectionsPanel.ts | networkAddressEgLocalhost":{"message":"Network address (e.g. localhost:9229)"},"entrypoints/node_app/NodeConnectionsPanel.ts | noConnectionsSpecified":{"message":"No connections specified"},"entrypoints/node_app/NodeConnectionsPanel.ts | nodejsDebuggingGuide":{"message":"Node.js debugging guide"},"entrypoints/node_app/NodeConnectionsPanel.ts | specifyNetworkEndpointAnd":{"message":"Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more."},"entrypoints/node_app/NodeMain.ts | main":{"message":"Main"},"entrypoints/node_app/NodeMain.ts | nodejsS":{"message":"Node.js: {PH1}"},"entrypoints/worker_app/WorkerMain.ts | main":{"message":"Main"},"generated/Deprecation.ts | AuthorizationCoveredByWildcard":{"message":"Authorization will not be covered by the wildcard symbol (*) in CORS Access-Control-Allow-Headers handling."},"generated/Deprecation.ts | CanRequestURLHTTPContainingNewline":{"message":"Resource requests whose URLs contained both removed whitespace \\(n|r|t) characters and less-than characters (<) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources."},"generated/Deprecation.ts | ChromeLoadTimesConnectionInfo":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: Navigation Timing 2."},"generated/Deprecation.ts | ChromeLoadTimesFirstPaintAfterLoadTime":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: Paint Timing."},"generated/Deprecation.ts | ChromeLoadTimesWasAlternateProtocolAvailable":{"message":"chrome.loadTimes() is deprecated, instead use standardized API: nextHopProtocol in Navigation Timing 2."},"generated/Deprecation.ts | CookieWithTruncatingChar":{"message":"Cookies containing a \\(0|r|n) character will be rejected instead of truncated."},"generated/Deprecation.ts | CrossOriginAccessBasedOnDocumentDomain":{"message":"Relaxing the same-origin policy by setting document.domain is deprecated, and will be disabled by default. This deprecation warning is for a cross-origin access that was enabled by setting document.domain."},"generated/Deprecation.ts | CrossOriginWindowAlert":{"message":"Triggering window.alert from cross origin iframes has been deprecated and will be removed in the future."},"generated/Deprecation.ts | CrossOriginWindowConfirm":{"message":"Triggering window.confirm from cross origin iframes has been deprecated and will be removed in the future."},"generated/Deprecation.ts | CSSSelectorInternalMediaControlsOverlayCastButton":{"message":"The disableRemotePlayback attribute should be used in order to disable the default Cast integration instead of using -internal-media-controls-overlay-cast-button selector."},"generated/Deprecation.ts | DataUrlInSvgUse":{"message":"Support for data: URLs in SVGUseElement is deprecated and it will be removed in the future."},"generated/Deprecation.ts | DocumentDomainSettingWithoutOriginAgentClusterHeader":{"message":"Relaxing the same-origin policy by setting document.domain is deprecated, and will be disabled by default. To continue using this feature, please opt-out of origin-keyed agent clusters by sending an Origin-Agent-Cluster: ?0 header along with the HTTP response for the document and frames. See https://developer.chrome.com/blog/immutable-document-domain/ for more details."},"generated/Deprecation.ts | DOMMutationEvents":{"message":"DOM Mutation Events, including DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, and DOMCharacterDataModified are deprecated (https://w3c.github.io/uievents/#legacy-event-types) and will be removed. Please use MutationObserver instead."},"generated/Deprecation.ts | ExpectCTHeader":{"message":"The Expect-CT header is deprecated and will be removed. Chrome requires Certificate Transparency for all publicly trusted certificates issued after April 30, 2018."},"generated/Deprecation.ts | GeolocationInsecureOrigin":{"message":"getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | GeolocationInsecureOriginDeprecatedNotRemoved":{"message":"getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | GetUserMediaInsecureOrigin":{"message":"getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | HostCandidateAttributeGetter":{"message":"RTCPeerConnectionIceErrorEvent.hostCandidate is deprecated. Please use RTCPeerConnectionIceErrorEvent.address or RTCPeerConnectionIceErrorEvent.port instead."},"generated/Deprecation.ts | IdentityInCanMakePaymentEvent":{"message":"The merchant origin and arbitrary data from the canmakepayment service worker event are deprecated and will be removed: topOrigin, paymentRequestOrigin, methodData, modifiers."},"generated/Deprecation.ts | InsecurePrivateNetworkSubresourceRequest":{"message":"The website requested a subresource from a network that it could only access because of its users' privileged network position. These requests expose non-public devices and servers to the internet, increasing the risk of a cross-site request forgery (CSRF) attack, and/or information leakage. To mitigate these risks, Chrome deprecates requests to non-public subresources when initiated from non-secure contexts, and will start blocking them."},"generated/Deprecation.ts | InterestGroupDailyUpdateUrl":{"message":"The dailyUpdateUrl field of InterestGroups passed to joinAdInterestGroup() has been renamed to updateUrl, to more accurately reflect its behavior."},"generated/Deprecation.ts | LocalCSSFileExtensionRejected":{"message":"CSS cannot be loaded from file: URLs unless they end in a .css file extension."},"generated/Deprecation.ts | MediaSourceAbortRemove":{"message":"Using SourceBuffer.abort() to abort remove()'s asynchronous range removal is deprecated due to specification change. Support will be removed in the future. You should listen to the updateend event instead. abort() is intended to only abort an asynchronous media append or reset parser state."},"generated/Deprecation.ts | MediaSourceDurationTruncatingBuffered":{"message":"Setting MediaSource.duration below the highest presentation timestamp of any buffered coded frames is deprecated due to specification change. Support for implicit removal of truncated buffered media will be removed in the future. You should instead perform explicit remove(newDuration, oldDuration) on all sourceBuffers, where newDuration < oldDuration."},"generated/Deprecation.ts | NonStandardDeclarativeShadowDOM":{"message":"The older, non-standardized shadowroot attribute is deprecated, and will *no longer function* in M119. Please use the new, standardized shadowrootmode attribute instead."},"generated/Deprecation.ts | NoSysexWebMIDIWithoutPermission":{"message":"Web MIDI will ask a permission to use even if the sysex is not specified in the MIDIOptions."},"generated/Deprecation.ts | NotificationInsecureOrigin":{"message":"The Notification API may no longer be used from insecure origins. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."},"generated/Deprecation.ts | NotificationPermissionRequestedIframe":{"message":"Permission for the Notification API may no longer be requested from a cross-origin iframe. You should consider requesting permission from a top-level frame or opening a new window instead."},"generated/Deprecation.ts | ObsoleteCreateImageBitmapImageOrientationNone":{"message":"Option imageOrientation: 'none' in createImageBitmap is deprecated. Please use createImageBitmap with option {imageOrientation: 'from-image'} instead."},"generated/Deprecation.ts | ObsoleteWebRtcCipherSuite":{"message":"Your partner is negotiating an obsolete (D)TLS version. Please check with your partner to have this fixed."},"generated/Deprecation.ts | OverflowVisibleOnReplacedElement":{"message":"Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds. See https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md."},"generated/Deprecation.ts | PaymentInstruments":{"message":"paymentManager.instruments is deprecated. Please use just-in-time install for payment handlers instead."},"generated/Deprecation.ts | PaymentRequestCSPViolation":{"message":"Your PaymentRequest call bypassed Content-Security-Policy (CSP) connect-src directive. This bypass is deprecated. Please add the payment method identifier from the PaymentRequest API (in supportedMethods field) to your CSP connect-src directive."},"generated/Deprecation.ts | PersistentQuotaType":{"message":"StorageType.persistent is deprecated. Please use standardized navigator.storage instead."},"generated/Deprecation.ts | PictureSourceSrc":{"message":"<source src> with a <picture> parent is invalid and therefore ignored. Please use <source srcset> instead."},"generated/Deprecation.ts | PrefixedCancelAnimationFrame":{"message":"webkitCancelAnimationFrame is vendor-specific. Please use the standard cancelAnimationFrame instead."},"generated/Deprecation.ts | PrefixedRequestAnimationFrame":{"message":"webkitRequestAnimationFrame is vendor-specific. Please use the standard requestAnimationFrame instead."},"generated/Deprecation.ts | PrefixedVideoDisplayingFullscreen":{"message":"HTMLVideoElement.webkitDisplayingFullscreen is deprecated. Please use Document.fullscreenElement instead."},"generated/Deprecation.ts | PrefixedVideoEnterFullscreen":{"message":"HTMLVideoElement.webkitEnterFullscreen() is deprecated. Please use Element.requestFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoEnterFullScreen":{"message":"HTMLVideoElement.webkitEnterFullScreen() is deprecated. Please use Element.requestFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoExitFullscreen":{"message":"HTMLVideoElement.webkitExitFullscreen() is deprecated. Please use Document.exitFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoExitFullScreen":{"message":"HTMLVideoElement.webkitExitFullScreen() is deprecated. Please use Document.exitFullscreen() instead."},"generated/Deprecation.ts | PrefixedVideoSupportsFullscreen":{"message":"HTMLVideoElement.webkitSupportsFullscreen is deprecated. Please use Document.fullscreenEnabled instead."},"generated/Deprecation.ts | PrivacySandboxExtensionsAPI":{"message":"We're deprecating the API chrome.privacy.websites.privacySandboxEnabled, though it will remain active for backward compatibility until release M113. Instead, please use chrome.privacy.websites.topicsEnabled, chrome.privacy.websites.fledgeEnabled and chrome.privacy.websites.adMeasurementEnabled. See https://developer.chrome.com/docs/extensions/reference/privacy/#property-websites-privacySandboxEnabled."},"generated/Deprecation.ts | RangeExpand":{"message":"Range.expand() is deprecated. Please use Selection.modify() instead."},"generated/Deprecation.ts | RequestedSubresourceWithEmbeddedCredentials":{"message":"Subresource requests whose URLs contain embedded credentials (e.g. https://user:pass@host/) are blocked."},"generated/Deprecation.ts | RTCConstraintEnableDtlsSrtpFalse":{"message":"The constraint DtlsSrtpKeyAgreement is removed. You have specified a false value for this constraint, which is interpreted as an attempt to use the removed SDES key negotiation method. This functionality is removed; use a service that supports DTLS key negotiation instead."},"generated/Deprecation.ts | RTCConstraintEnableDtlsSrtpTrue":{"message":"The constraint DtlsSrtpKeyAgreement is removed. You have specified a true value for this constraint, which had no effect, but you can remove this constraint for tidiness."},"generated/Deprecation.ts | RTCPeerConnectionGetStatsLegacyNonCompliant":{"message":"The callback-based getStats() is deprecated and will be removed. Use the spec-compliant getStats() instead."},"generated/Deprecation.ts | RtcpMuxPolicyNegotiate":{"message":"The rtcpMuxPolicy option is deprecated and will be removed."},"generated/Deprecation.ts | SharedArrayBufferConstructedWithoutIsolation":{"message":"SharedArrayBuffer will require cross-origin isolation. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details."},"generated/Deprecation.ts | TextToSpeech_DisallowedByAutoplay":{"message":"speechSynthesis.speak() without user activation is deprecated and will be removed."},"generated/Deprecation.ts | V8SharedArrayBufferConstructedInExtensionWithoutIsolation":{"message":"Extensions should opt into cross-origin isolation to continue using SharedArrayBuffer. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/."},"generated/Deprecation.ts | WebSQL":{"message":"Web SQL is deprecated. Please use SQLite WebAssembly or Indexed Database"},"generated/Deprecation.ts | WindowPlacementPermissionDescriptorUsed":{"message":"The permission descriptor window-placement is deprecated. Use window-management instead. For more help, check https://bit.ly/window-placement-rename."},"generated/Deprecation.ts | WindowPlacementPermissionPolicyParsed":{"message":"The permission policy window-placement is deprecated. Use window-management instead. For more help, check https://bit.ly/window-placement-rename."},"generated/Deprecation.ts | XHRJSONEncodingDetection":{"message":"UTF-16 is not supported by response json in XMLHttpRequest"},"generated/Deprecation.ts | XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload":{"message":"Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/."},"generated/Deprecation.ts | XRSupportsSession":{"message":"supportsSession() is deprecated. Please use isSessionSupported() and check the resolved boolean value instead."},"models/bindings/ContentProviderBasedProject.ts | unknownErrorLoadingFile":{"message":"Unknown error loading file"},"models/bindings/DebuggerLanguagePlugins.ts | debugSymbolsIncomplete":{"message":"The debug information for function {PH1} is incomplete"},"models/bindings/DebuggerLanguagePlugins.ts | errorInDebuggerLanguagePlugin":{"message":"Error in debugger language plugin: {PH1}"},"models/bindings/DebuggerLanguagePlugins.ts | failedToLoadDebugSymbolsFor":{"message":"[{PH1}] Failed to load debug symbols for {PH2} ({PH3})"},"models/bindings/DebuggerLanguagePlugins.ts | failedToLoadDebugSymbolsForFunction":{"message":"No debug information for function \"{PH1}\""},"models/bindings/DebuggerLanguagePlugins.ts | loadedDebugSymbolsForButDidnt":{"message":"[{PH1}] Loaded debug symbols for {PH2}, but didn't find any source files"},"models/bindings/DebuggerLanguagePlugins.ts | loadedDebugSymbolsForFound":{"message":"[{PH1}] Loaded debug symbols for {PH2}, found {PH3} source file(s)"},"models/bindings/DebuggerLanguagePlugins.ts | loadingDebugSymbolsFor":{"message":"[{PH1}] Loading debug symbols for {PH2}..."},"models/bindings/DebuggerLanguagePlugins.ts | loadingDebugSymbolsForVia":{"message":"[{PH1}] Loading debug symbols for {PH2} (via {PH3})..."},"models/bindings/IgnoreListManager.ts | addAllContentScriptsToIgnoreList":{"message":"Add all extension scripts to ignore list"},"models/bindings/IgnoreListManager.ts | addAllThirdPartyScriptsToIgnoreList":{"message":"Add all third-party scripts to ignore list"},"models/bindings/IgnoreListManager.ts | addDirectoryToIgnoreList":{"message":"Add directory to ignore list"},"models/bindings/IgnoreListManager.ts | addScriptToIgnoreList":{"message":"Add script to ignore list"},"models/bindings/IgnoreListManager.ts | removeFromIgnoreList":{"message":"Remove from ignore list"},"models/bindings/ResourceScriptMapping.ts | liveEditCompileFailed":{"message":"LiveEdit compile failed: {PH1}"},"models/bindings/ResourceScriptMapping.ts | liveEditFailed":{"message":"LiveEdit failed: {PH1}"},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeANumberOr":{"message":"Device pixel ratio must be a number or blank."},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeGreater":{"message":"Device pixel ratio must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | devicePixelRatioMustBeLessThanOr":{"message":"Device pixel ratio must be less than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | heightMustBeANumber":{"message":"Height must be a number."},"models/emulation/DeviceModeModel.ts | heightMustBeGreaterThanOrEqualTo":{"message":"Height must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | heightMustBeLessThanOrEqualToS":{"message":"Height must be less than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | widthMustBeANumber":{"message":"Width must be a number."},"models/emulation/DeviceModeModel.ts | widthMustBeGreaterThanOrEqualToS":{"message":"Width must be greater than or equal to {PH1}."},"models/emulation/DeviceModeModel.ts | widthMustBeLessThanOrEqualToS":{"message":"Width must be less than or equal to {PH1}."},"models/emulation/EmulatedDevices.ts | laptopWithHiDPIScreen":{"message":"Laptop with HiDPI screen"},"models/emulation/EmulatedDevices.ts | laptopWithMDPIScreen":{"message":"Laptop with MDPI screen"},"models/emulation/EmulatedDevices.ts | laptopWithTouch":{"message":"Laptop with touch"},"models/har/Writer.ts | collectingContent":{"message":"Collecting content…"},"models/har/Writer.ts | writingFile":{"message":"Writing file…"},"models/issues_manager/BounceTrackingIssue.ts | bounceTrackingMitigations":{"message":"Bounce Tracking Mitigations"},"models/issues_manager/ClientHintIssue.ts | clientHintsInfrastructure":{"message":"Client Hints Infrastructure"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicyEval":{"message":"Content Security Policy - Eval"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicyInlineCode":{"message":"Content Security Policy - Inline Code"},"models/issues_manager/ContentSecurityPolicyIssue.ts | contentSecurityPolicySource":{"message":"Content Security Policy - Source Allowlists"},"models/issues_manager/ContentSecurityPolicyIssue.ts | trustedTypesFixViolations":{"message":"Trusted Types - Fix violations"},"models/issues_manager/ContentSecurityPolicyIssue.ts | trustedTypesPolicyViolation":{"message":"Trusted Types - Policy violation"},"models/issues_manager/CookieIssue.ts | anInsecure":{"message":"an insecure"},"models/issues_manager/CookieIssue.ts | aSecure":{"message":"a secure"},"models/issues_manager/CookieIssue.ts | firstPartySetsExplained":{"message":"First-Party Sets and the SameParty attribute"},"models/issues_manager/CookieIssue.ts | howSchemefulSamesiteWorks":{"message":"How Schemeful Same-Site Works"},"models/issues_manager/CookieIssue.ts | samesiteCookiesExplained":{"message":"SameSite cookies explained"},"models/issues_manager/CorsIssue.ts | CORS":{"message":"Cross-Origin Resource Sharing (CORS)"},"models/issues_manager/CorsIssue.ts | corsPrivateNetworkAccess":{"message":"Private Network Access"},"models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | coopAndCoep":{"message":"COOP and COEP"},"models/issues_manager/CrossOriginEmbedderPolicyIssue.ts | samesiteAndSameorigin":{"message":"Same-Site and Same-Origin"},"models/issues_manager/DeprecationIssue.ts | feature":{"message":"Check the feature status page for more details."},"models/issues_manager/DeprecationIssue.ts | milestone":{"message":"This change will go into effect with milestone {milestone}."},"models/issues_manager/DeprecationIssue.ts | title":{"message":"Deprecated Feature Used"},"models/issues_manager/FederatedAuthRequestIssue.ts | fedCm":{"message":"Federated Credential Management API"},"models/issues_manager/FederatedAuthUserInfoRequestIssue.ts | fedCmUserInfo":{"message":"Federated Credential Management User Info API"},"models/issues_manager/GenericIssue.ts | autocompleteAttributePageTitle":{"message":"HTML attribute: autocomplete"},"models/issues_manager/GenericIssue.ts | crossOriginPortalPostMessage":{"message":"Portals - Same-origin communication channels"},"models/issues_manager/GenericIssue.ts | howDoesAutofillWorkPageTitle":{"message":"How does autofill work?"},"models/issues_manager/GenericIssue.ts | inputFormElementPageTitle":{"message":"The form input element"},"models/issues_manager/GenericIssue.ts | labelFormlementsPageTitle":{"message":"The label elements"},"models/issues_manager/HeavyAdIssue.ts | handlingHeavyAdInterventions":{"message":"Handling Heavy Ad Interventions"},"models/issues_manager/Issue.ts | breakingChangeIssue":{"message":"A breaking change issue: the page may stop working in an upcoming version of Chrome"},"models/issues_manager/Issue.ts | breakingChanges":{"message":"Breaking Changes"},"models/issues_manager/Issue.ts | improvementIssue":{"message":"An improvement issue: there is an opportunity to improve the page"},"models/issues_manager/Issue.ts | improvements":{"message":"Improvements"},"models/issues_manager/Issue.ts | pageErrorIssue":{"message":"A page error issue: the page is not working correctly"},"models/issues_manager/Issue.ts | pageErrors":{"message":"Page Errors"},"models/issues_manager/LowTextContrastIssue.ts | colorAndContrastAccessibility":{"message":"Color and contrast accessibility"},"models/issues_manager/MixedContentIssue.ts | preventingMixedContent":{"message":"Preventing mixed content"},"models/issues_manager/QuirksModeIssue.ts | documentCompatibilityMode":{"message":"Document compatibility mode"},"models/issues_manager/SharedArrayBufferIssue.ts | enablingSharedArrayBuffer":{"message":"Enabling SharedArrayBuffer"},"models/logs/logs-meta.ts | clear":{"message":"clear"},"models/logs/logs-meta.ts | doNotPreserveLogOnPageReload":{"message":"Do not preserve log on page reload / navigation"},"models/logs/logs-meta.ts | preserve":{"message":"preserve"},"models/logs/logs-meta.ts | preserveLog":{"message":"Preserve log"},"models/logs/logs-meta.ts | preserveLogOnPageReload":{"message":"Preserve log on page reload / navigation"},"models/logs/logs-meta.ts | recordNetworkLog":{"message":"Record network log"},"models/logs/logs-meta.ts | reset":{"message":"reset"},"models/logs/NetworkLog.ts | anonymous":{"message":"<anonymous>"},"models/persistence/EditFileSystemView.ts | add":{"message":"Add"},"models/persistence/EditFileSystemView.ts | enterAPath":{"message":"Enter a path"},"models/persistence/EditFileSystemView.ts | enterAUniquePath":{"message":"Enter a unique path"},"models/persistence/EditFileSystemView.ts | excludedFolders":{"message":"Excluded folders"},"models/persistence/EditFileSystemView.ts | folderPath":{"message":"Folder path"},"models/persistence/EditFileSystemView.ts | none":{"message":"None"},"models/persistence/EditFileSystemView.ts | sViaDevtools":{"message":"{PH1} (via .devtools)"},"models/persistence/IsolatedFileSystem.ts | blobCouldNotBeLoaded":{"message":"Blob could not be loaded."},"models/persistence/IsolatedFileSystem.ts | cantReadFileSS":{"message":"Can't read file: {PH1}: {PH2}"},"models/persistence/IsolatedFileSystem.ts | fileSystemErrorS":{"message":"File system error: {PH1}"},"models/persistence/IsolatedFileSystem.ts | linkedToS":{"message":"Linked to {PH1}"},"models/persistence/IsolatedFileSystem.ts | unknownErrorReadingFileS":{"message":"Unknown error reading file: {PH1}"},"models/persistence/IsolatedFileSystemManager.ts | unableToAddFilesystemS":{"message":"Unable to add filesystem: {PH1}"},"models/persistence/persistence-meta.ts | disableOverrideNetworkRequests":{"message":"Disable override network requests"},"models/persistence/persistence-meta.ts | enableLocalOverrides":{"message":"Enable Local Overrides"},"models/persistence/persistence-meta.ts | enableOverrideNetworkRequests":{"message":"Enable override network requests"},"models/persistence/persistence-meta.ts | interception":{"message":"interception"},"models/persistence/persistence-meta.ts | network":{"message":"network"},"models/persistence/persistence-meta.ts | override":{"message":"override"},"models/persistence/persistence-meta.ts | request":{"message":"request"},"models/persistence/persistence-meta.ts | rewrite":{"message":"rewrite"},"models/persistence/persistence-meta.ts | showWorkspace":{"message":"Show Workspace"},"models/persistence/persistence-meta.ts | workspace":{"message":"Workspace"},"models/persistence/PersistenceActions.ts | openInContainingFolder":{"message":"Open in containing folder"},"models/persistence/PersistenceActions.ts | saveAs":{"message":"Save as..."},"models/persistence/PersistenceActions.ts | saveForOverrides":{"message":"Save for overrides"},"models/persistence/PersistenceActions.ts | saveImage":{"message":"Save image"},"models/persistence/PersistenceUtils.ts | linkedToS":{"message":"Linked to {PH1}"},"models/persistence/PersistenceUtils.ts | linkedToSourceMapS":{"message":"Linked to source map: {PH1}"},"models/persistence/PlatformFileSystem.ts | unableToReadFilesWithThis":{"message":"PlatformFileSystem cannot read files."},"models/persistence/WorkspaceSettingsTab.ts | addFolder":{"message":"Add folder…"},"models/persistence/WorkspaceSettingsTab.ts | folderExcludePattern":{"message":"Folder exclude pattern"},"models/persistence/WorkspaceSettingsTab.ts | mappingsAreInferredAutomatically":{"message":"Mappings are inferred automatically."},"models/persistence/WorkspaceSettingsTab.ts | remove":{"message":"Remove"},"models/persistence/WorkspaceSettingsTab.ts | workspace":{"message":"Workspace"},"models/timeline_model/TimelineJSProfile.ts | threadS":{"message":"Thread {PH1}"},"models/timeline_model/TimelineModel.ts | bidderWorklet":{"message":"Bidder Worklet"},"models/timeline_model/TimelineModel.ts | bidderWorkletS":{"message":"Bidder Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | dedicatedWorker":{"message":"Dedicated Worker"},"models/timeline_model/TimelineModel.ts | sellerWorklet":{"message":"Seller Worklet"},"models/timeline_model/TimelineModel.ts | sellerWorkletS":{"message":"Seller Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | threadS":{"message":"Thread {PH1}"},"models/timeline_model/TimelineModel.ts | unknownWorklet":{"message":"Auction Worklet"},"models/timeline_model/TimelineModel.ts | unknownWorkletS":{"message":"Auction Worklet — {PH1}"},"models/timeline_model/TimelineModel.ts | workerS":{"message":"Worker — {PH1}"},"models/timeline_model/TimelineModel.ts | workerSS":{"message":"Worker: {PH1} — {PH2}"},"models/timeline_model/TimelineModel.ts | workletService":{"message":"Auction Worklet Service"},"models/timeline_model/TimelineModel.ts | workletServiceS":{"message":"Auction Worklet Service — {PH1}"},"models/workspace/UISourceCode.ts | index":{"message":"(index)"},"models/workspace/UISourceCode.ts | thisFileWasChangedExternally":{"message":"This file was changed externally. Would you like to reload it?"},"panels/accessibility/accessibility-meta.ts | accessibility":{"message":"Accessibility"},"panels/accessibility/accessibility-meta.ts | shoAccessibility":{"message":"Show Accessibility"},"panels/accessibility/AccessibilityNodeView.ts | accessibilityNodeNotExposed":{"message":"Accessibility node not exposed"},"panels/accessibility/AccessibilityNodeView.ts | ancestorChildrenAreAll":{"message":"Ancestor's children are all presentational: "},"panels/accessibility/AccessibilityNodeView.ts | computedProperties":{"message":"Computed Properties"},"panels/accessibility/AccessibilityNodeView.ts | elementHasEmptyAltText":{"message":"Element has empty alt text."},"panels/accessibility/AccessibilityNodeView.ts | elementHasPlaceholder":{"message":"Element has {PH1}."},"panels/accessibility/AccessibilityNodeView.ts | elementIsHiddenBy":{"message":"Element is hidden by active modal dialog: "},"panels/accessibility/AccessibilityNodeView.ts | elementIsInAnInertSubTree":{"message":"Element is in an inert subtree from "},"panels/accessibility/AccessibilityNodeView.ts | elementIsInert":{"message":"Element is inert."},"panels/accessibility/AccessibilityNodeView.ts | elementIsNotRendered":{"message":"Element is not rendered."},"panels/accessibility/AccessibilityNodeView.ts | elementIsNotVisible":{"message":"Element is not visible."},"panels/accessibility/AccessibilityNodeView.ts | elementIsPlaceholder":{"message":"Element is {PH1}."},"panels/accessibility/AccessibilityNodeView.ts | elementIsPresentational":{"message":"Element is presentational."},"panels/accessibility/AccessibilityNodeView.ts | elementNotInteresting":{"message":"Element not interesting for accessibility."},"panels/accessibility/AccessibilityNodeView.ts | elementsInheritsPresentational":{"message":"Element inherits presentational role from "},"panels/accessibility/AccessibilityNodeView.ts | invalidSource":{"message":"Invalid source."},"panels/accessibility/AccessibilityNodeView.ts | labelFor":{"message":"Label for "},"panels/accessibility/AccessibilityNodeView.ts | noAccessibilityNode":{"message":"No accessibility node"},"panels/accessibility/AccessibilityNodeView.ts | noNodeWithThisId":{"message":"No node with this ID."},"panels/accessibility/AccessibilityNodeView.ts | noTextContent":{"message":"No text content."},"panels/accessibility/AccessibilityNodeView.ts | notSpecified":{"message":"Not specified"},"panels/accessibility/AccessibilityNodeView.ts | partOfLabelElement":{"message":"Part of label element: "},"panels/accessibility/AccessibilityNodeView.ts | placeholderIsPlaceholderOnAncestor":{"message":"{PH1} is {PH2} on ancestor: "},"panels/accessibility/AccessibilityStrings.ts | activeDescendant":{"message":"Active descendant"},"panels/accessibility/AccessibilityStrings.ts | aHumanreadableVersionOfTheValue":{"message":"A human-readable version of the value of a range widget (where necessary)."},"panels/accessibility/AccessibilityStrings.ts | atomicLiveRegions":{"message":"Atomic (live regions)"},"panels/accessibility/AccessibilityStrings.ts | busyLiveRegions":{"message":"Busy (live regions)"},"panels/accessibility/AccessibilityStrings.ts | canSetValue":{"message":"Can set value"},"panels/accessibility/AccessibilityStrings.ts | checked":{"message":"Checked"},"panels/accessibility/AccessibilityStrings.ts | contents":{"message":"Contents"},"panels/accessibility/AccessibilityStrings.ts | controls":{"message":"Controls"},"panels/accessibility/AccessibilityStrings.ts | describedBy":{"message":"Described by"},"panels/accessibility/AccessibilityStrings.ts | description":{"message":"Description"},"panels/accessibility/AccessibilityStrings.ts | disabled":{"message":"Disabled"},"panels/accessibility/AccessibilityStrings.ts | editable":{"message":"Editable"},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichFormThe":{"message":"Element or elements which form the description of this element."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichMayFormThe":{"message":"Element or elements which may form the name of this element."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhichShouldBe":{"message":"Element or elements which should be considered descendants of this element, despite not being descendants in the DOM."},"panels/accessibility/AccessibilityStrings.ts | elementOrElementsWhoseContentOr":{"message":"Element or elements whose content or presence is/are controlled by this widget."},"panels/accessibility/AccessibilityStrings.ts | elementToWhichTheUserMayChooseTo":{"message":"Element to which the user may choose to navigate after this one, instead of the next element in the DOM order."},"panels/accessibility/AccessibilityStrings.ts | expanded":{"message":"Expanded"},"panels/accessibility/AccessibilityStrings.ts | focusable":{"message":"Focusable"},"panels/accessibility/AccessibilityStrings.ts | focused":{"message":"Focused"},"panels/accessibility/AccessibilityStrings.ts | forARangeWidgetTheMaximumAllowed":{"message":"For a range widget, the maximum allowed value."},"panels/accessibility/AccessibilityStrings.ts | forARangeWidgetTheMinimumAllowed":{"message":"For a range widget, the minimum allowed value."},"panels/accessibility/AccessibilityStrings.ts | fromAttribute":{"message":"From attribute"},"panels/accessibility/AccessibilityStrings.ts | fromCaption":{"message":"From caption"},"panels/accessibility/AccessibilityStrings.ts | fromDescription":{"message":"From description"},"panels/accessibility/AccessibilityStrings.ts | fromLabel":{"message":"From label"},"panels/accessibility/AccessibilityStrings.ts | fromLabelFor":{"message":"From label (for= attribute)"},"panels/accessibility/AccessibilityStrings.ts | fromLabelWrapped":{"message":"From label (wrapped)"},"panels/accessibility/AccessibilityStrings.ts | fromLegend":{"message":"From legend"},"panels/accessibility/AccessibilityStrings.ts | fromNativeHtml":{"message":"From native HTML"},"panels/accessibility/AccessibilityStrings.ts | fromPlaceholderAttribute":{"message":"From placeholder attribute"},"panels/accessibility/AccessibilityStrings.ts | fromRubyAnnotation":{"message":"From ruby annotation"},"panels/accessibility/AccessibilityStrings.ts | fromStyle":{"message":"From style"},"panels/accessibility/AccessibilityStrings.ts | fromTitle":{"message":"From title"},"panels/accessibility/AccessibilityStrings.ts | hasAutocomplete":{"message":"Has autocomplete"},"panels/accessibility/AccessibilityStrings.ts | hasPopup":{"message":"Has popup"},"panels/accessibility/AccessibilityStrings.ts | help":{"message":"Help"},"panels/accessibility/AccessibilityStrings.ts | ifAndHowThisElementCanBeEdited":{"message":"If and how this element can be edited."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLive":{"message":"If this element may receive live updates, whether the entire live region should be presented to the user on changes, or only changed nodes."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLiveUpdates":{"message":"If this element may receive live updates, what type of updates should trigger a notification."},"panels/accessibility/AccessibilityStrings.ts | ifThisElementMayReceiveLiveUpdatesThe":{"message":"If this element may receive live updates, the root element of the containing live region."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCanReceiveFocus":{"message":"If true, this element can receive focus."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCurrentlyCannot":{"message":"If true, this element currently cannot be interacted with."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementCurrentlyHas":{"message":"If true, this element currently has focus."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementMayBeInteracted":{"message":"If true, this element may be interacted with, but its value cannot be changed."},"panels/accessibility/AccessibilityStrings.ts | ifTrueThisElementsUserentered":{"message":"If true, this element's user-entered value does not conform to validation requirement."},"panels/accessibility/AccessibilityStrings.ts | implicit":{"message":"Implicit"},"panels/accessibility/AccessibilityStrings.ts | implicitValue":{"message":"Implicit value."},"panels/accessibility/AccessibilityStrings.ts | indicatesThePurposeOfThisElement":{"message":"Indicates the purpose of this element, such as a user interface idiom for a widget, or structural role within a document."},"panels/accessibility/AccessibilityStrings.ts | invalidUserEntry":{"message":"Invalid user entry"},"panels/accessibility/AccessibilityStrings.ts | labeledBy":{"message":"Labeled by"},"panels/accessibility/AccessibilityStrings.ts | level":{"message":"Level"},"panels/accessibility/AccessibilityStrings.ts | liveRegion":{"message":"Live region"},"panels/accessibility/AccessibilityStrings.ts | liveRegionRoot":{"message":"Live region root"},"panels/accessibility/AccessibilityStrings.ts | maximumValue":{"message":"Maximum value"},"panels/accessibility/AccessibilityStrings.ts | minimumValue":{"message":"Minimum value"},"panels/accessibility/AccessibilityStrings.ts | multiline":{"message":"Multi-line"},"panels/accessibility/AccessibilityStrings.ts | multiselectable":{"message":"Multi-selectable"},"panels/accessibility/AccessibilityStrings.ts | orientation":{"message":"Orientation"},"panels/accessibility/AccessibilityStrings.ts | pressed":{"message":"Pressed"},"panels/accessibility/AccessibilityStrings.ts | readonlyString":{"message":"Read-only"},"panels/accessibility/AccessibilityStrings.ts | relatedElement":{"message":"Related element"},"panels/accessibility/AccessibilityStrings.ts | relevantLiveRegions":{"message":"Relevant (live regions)"},"panels/accessibility/AccessibilityStrings.ts | requiredString":{"message":"Required"},"panels/accessibility/AccessibilityStrings.ts | role":{"message":"Role"},"panels/accessibility/AccessibilityStrings.ts | selectedString":{"message":"Selected"},"panels/accessibility/AccessibilityStrings.ts | theAccessibleDescriptionForThis":{"message":"The accessible description for this element."},"panels/accessibility/AccessibilityStrings.ts | theComputedHelpTextForThis":{"message":"The computed help text for this element."},"panels/accessibility/AccessibilityStrings.ts | theComputedNameOfThisElement":{"message":"The computed name of this element."},"panels/accessibility/AccessibilityStrings.ts | theDescendantOfThisElementWhich":{"message":"The descendant of this element which is active; i.e. the element to which focus should be delegated."},"panels/accessibility/AccessibilityStrings.ts | theHierarchicalLevelOfThis":{"message":"The hierarchical level of this element."},"panels/accessibility/AccessibilityStrings.ts | theValueOfThisElementThisMayBe":{"message":"The value of this element; this may be user-provided or developer-provided, depending on the element."},"panels/accessibility/AccessibilityStrings.ts | value":{"message":"Value"},"panels/accessibility/AccessibilityStrings.ts | valueDescription":{"message":"Value description"},"panels/accessibility/AccessibilityStrings.ts | valueFromAttribute":{"message":"Value from attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromDescriptionElement":{"message":"Value from description element."},"panels/accessibility/AccessibilityStrings.ts | valueFromElementContents":{"message":"Value from element contents."},"panels/accessibility/AccessibilityStrings.ts | valueFromFigcaptionElement":{"message":"Value from figcaption element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElement":{"message":"Value from label element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElementWithFor":{"message":"Value from label element with for= attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromLabelElementWrapped":{"message":"Value from a wrapping label element."},"panels/accessibility/AccessibilityStrings.ts | valueFromLegendElement":{"message":"Value from legend element."},"panels/accessibility/AccessibilityStrings.ts | valueFromNativeHtmlRuby":{"message":"Value from plain HTML ruby annotation."},"panels/accessibility/AccessibilityStrings.ts | valueFromNativeHtmlUnknownSource":{"message":"Value from native HTML (unknown source)."},"panels/accessibility/AccessibilityStrings.ts | valueFromPlaceholderAttribute":{"message":"Value from placeholder attribute."},"panels/accessibility/AccessibilityStrings.ts | valueFromRelatedElement":{"message":"Value from related element."},"panels/accessibility/AccessibilityStrings.ts | valueFromStyle":{"message":"Value from style."},"panels/accessibility/AccessibilityStrings.ts | valueFromTableCaption":{"message":"Value from table caption."},"panels/accessibility/AccessibilityStrings.ts | valueFromTitleAttribute":{"message":"Value from title attribute."},"panels/accessibility/AccessibilityStrings.ts | whetherAndWhatPriorityOfLive":{"message":"Whether and what priority of live updates may be expected for this element."},"panels/accessibility/AccessibilityStrings.ts | whetherAndWhatTypeOfAutocomplete":{"message":"Whether and what type of autocomplete suggestions are currently provided by this element."},"panels/accessibility/AccessibilityStrings.ts | whetherAUserMaySelectMoreThanOne":{"message":"Whether a user may select more than one option from this widget."},"panels/accessibility/AccessibilityStrings.ts | whetherTheOptionRepresentedBy":{"message":"Whether the option represented by this element is currently selected."},"panels/accessibility/AccessibilityStrings.ts | whetherTheValueOfThisElementCan":{"message":"Whether the value of this element can be set."},"panels/accessibility/AccessibilityStrings.ts | whetherThisCheckboxRadioButtonOr":{"message":"Whether this checkbox, radio button or tree item is checked, unchecked, or mixed (e.g. has both checked and un-checked children)."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementHasCausedSome":{"message":"Whether this element has caused some kind of pop-up (such as a menu) to appear."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementIsARequired":{"message":"Whether this element is a required field in a form."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementOrAnother":{"message":"Whether this element, or another grouping element it controls, is expanded."},"panels/accessibility/AccessibilityStrings.ts | whetherThisElementOrItsSubtree":{"message":"Whether this element or its subtree are currently being updated (and thus may be in an inconsistent state)."},"panels/accessibility/AccessibilityStrings.ts | whetherThisLinearElements":{"message":"Whether this linear element's orientation is horizontal or vertical."},"panels/accessibility/AccessibilityStrings.ts | whetherThisTextBoxMayHaveMore":{"message":"Whether this text box may have more than one line."},"panels/accessibility/AccessibilityStrings.ts | whetherThisToggleButtonIs":{"message":"Whether this toggle button is currently in a pressed state."},"panels/accessibility/ARIAAttributesView.ts | ariaAttributes":{"message":"ARIA Attributes"},"panels/accessibility/ARIAAttributesView.ts | noAriaAttributes":{"message":"No ARIA attributes"},"panels/accessibility/AXBreadcrumbsPane.ts | accessibilityTree":{"message":"Accessibility Tree"},"panels/accessibility/AXBreadcrumbsPane.ts | fullTreeExperimentDescription":{"message":"The accessibility tree moved to the top right corner of the DOM tree."},"panels/accessibility/AXBreadcrumbsPane.ts | fullTreeExperimentName":{"message":"Enable full-page accessibility tree"},"panels/accessibility/AXBreadcrumbsPane.ts | ignored":{"message":"Ignored"},"panels/accessibility/AXBreadcrumbsPane.ts | reloadRequired":{"message":"Reload required before the change takes effect."},"panels/accessibility/AXBreadcrumbsPane.ts | scrollIntoView":{"message":"Scroll into view"},"panels/accessibility/SourceOrderView.ts | noSourceOrderInformation":{"message":"No source order information available"},"panels/accessibility/SourceOrderView.ts | showSourceOrder":{"message":"Show source order"},"panels/accessibility/SourceOrderView.ts | sourceOrderViewer":{"message":"Source Order Viewer"},"panels/accessibility/SourceOrderView.ts | thereMayBeADelayInDisplaying":{"message":"There may be a delay in displaying source order for elements with many children"},"panels/animation/animation-meta.ts | animations":{"message":"Animations"},"panels/animation/animation-meta.ts | showAnimations":{"message":"Show Animations"},"panels/animation/AnimationTimeline.ts | animationPreviews":{"message":"Animation previews"},"panels/animation/AnimationTimeline.ts | animationPreviewS":{"message":"Animation Preview {PH1}"},"panels/animation/AnimationTimeline.ts | clearAll":{"message":"Clear all"},"panels/animation/AnimationTimeline.ts | pause":{"message":"Pause"},"panels/animation/AnimationTimeline.ts | pauseAll":{"message":"Pause all"},"panels/animation/AnimationTimeline.ts | pauseTimeline":{"message":"Pause timeline"},"panels/animation/AnimationTimeline.ts | playbackRatePlaceholder":{"message":"{PH1}%"},"panels/animation/AnimationTimeline.ts | playbackRates":{"message":"Playback rates"},"panels/animation/AnimationTimeline.ts | playTimeline":{"message":"Play timeline"},"panels/animation/AnimationTimeline.ts | replayTimeline":{"message":"Replay timeline"},"panels/animation/AnimationTimeline.ts | resumeAll":{"message":"Resume all"},"panels/animation/AnimationTimeline.ts | selectAnEffectAboveToInspectAnd":{"message":"Select an effect above to inspect and modify."},"panels/animation/AnimationTimeline.ts | setSpeedToS":{"message":"Set speed to {PH1}"},"panels/animation/AnimationTimeline.ts | waitingForAnimations":{"message":"Waiting for animations..."},"panels/animation/AnimationUI.ts | animationEndpointSlider":{"message":"Animation Endpoint slider"},"panels/animation/AnimationUI.ts | animationKeyframeSlider":{"message":"Animation Keyframe slider"},"panels/animation/AnimationUI.ts | sSlider":{"message":"{PH1} slider"},"panels/application/application-meta.ts | application":{"message":"Application"},"panels/application/application-meta.ts | clearSiteData":{"message":"Clear site data"},"panels/application/application-meta.ts | clearSiteDataIncludingThirdparty":{"message":"Clear site data (including third-party cookies)"},"panels/application/application-meta.ts | pwa":{"message":"pwa"},"panels/application/application-meta.ts | showApplication":{"message":"Show Application"},"panels/application/application-meta.ts | startRecordingEvents":{"message":"Start recording events"},"panels/application/application-meta.ts | stopRecordingEvents":{"message":"Stop recording events"},"panels/application/ApplicationPanelSidebar.ts | application":{"message":"Application"},"panels/application/ApplicationPanelSidebar.ts | applicationSidebarPanel":{"message":"Application panel sidebar"},"panels/application/ApplicationPanelSidebar.ts | appManifest":{"message":"App Manifest"},"panels/application/ApplicationPanelSidebar.ts | backgroundServices":{"message":"Background Services"},"panels/application/ApplicationPanelSidebar.ts | beforeInvokeAlert":{"message":"{PH1}: Invoke to scroll to this section in manifest"},"panels/application/ApplicationPanelSidebar.ts | clear":{"message":"Clear"},"panels/application/ApplicationPanelSidebar.ts | cookies":{"message":"Cookies"},"panels/application/ApplicationPanelSidebar.ts | cookiesUsedByFramesFromS":{"message":"Cookies used by frames from {PH1}"},"panels/application/ApplicationPanelSidebar.ts | documentNotAvailable":{"message":"Document not available"},"panels/application/ApplicationPanelSidebar.ts | frames":{"message":"Frames"},"panels/application/ApplicationPanelSidebar.ts | indexeddb":{"message":"IndexedDB"},"panels/application/ApplicationPanelSidebar.ts | keyPathS":{"message":"Key path: {PH1}"},"panels/application/ApplicationPanelSidebar.ts | localFiles":{"message":"Local Files"},"panels/application/ApplicationPanelSidebar.ts | localStorage":{"message":"Local Storage"},"panels/application/ApplicationPanelSidebar.ts | manifest":{"message":"Manifest"},"panels/application/ApplicationPanelSidebar.ts | noManifestDetected":{"message":"No manifest detected"},"panels/application/ApplicationPanelSidebar.ts | onInvokeAlert":{"message":"Scrolled to {PH1}"},"panels/application/ApplicationPanelSidebar.ts | onInvokeManifestAlert":{"message":"Manifest: Invoke to scroll to the top of manifest"},"panels/application/ApplicationPanelSidebar.ts | openedWindows":{"message":"Opened Windows"},"panels/application/ApplicationPanelSidebar.ts | preloading":{"message":"Preloading"},"panels/application/ApplicationPanelSidebar.ts | refreshIndexeddb":{"message":"Refresh IndexedDB"},"panels/application/ApplicationPanelSidebar.ts | sessionStorage":{"message":"Session Storage"},"panels/application/ApplicationPanelSidebar.ts | storage":{"message":"Storage"},"panels/application/ApplicationPanelSidebar.ts | theContentOfThisDocumentHasBeen":{"message":"The content of this document has been generated dynamically via 'document.write()'."},"panels/application/ApplicationPanelSidebar.ts | versionS":{"message":"Version: {PH1}"},"panels/application/ApplicationPanelSidebar.ts | versionSEmpty":{"message":"Version: {PH1} (empty)"},"panels/application/ApplicationPanelSidebar.ts | webSql":{"message":"Web SQL"},"panels/application/ApplicationPanelSidebar.ts | webWorkers":{"message":"Web Workers"},"panels/application/ApplicationPanelSidebar.ts | windowWithoutTitle":{"message":"Window without title"},"panels/application/ApplicationPanelSidebar.ts | worker":{"message":"worker"},"panels/application/AppManifestView.ts | actualHeightSpxOfSSDoesNotMatch":{"message":"Actual height ({PH1}px) of {PH2} {PH3} does not match specified height ({PH4}px)"},"panels/application/AppManifestView.ts | actualSizeSspxOfSSDoesNotMatch":{"message":"Actual size ({PH1}×{PH2})px of {PH3} {PH4} does not match specified size ({PH5}×{PH6}px)"},"panels/application/AppManifestView.ts | actualWidthSpxOfSSDoesNotMatch":{"message":"Actual width ({PH1}px) of {PH2} {PH3} does not match specified width ({PH4}px)"},"panels/application/AppManifestView.ts | appIdExplainer":{"message":"This is used by the browser to know whether the manifest should be updating an existing application, or whether it refers to a new web app that can be installed."},"panels/application/AppManifestView.ts | appIdNote":{"message":"{PH1} {PH2} is not specified in the manifest, {PH3} is used instead. To specify an App Id that matches the current identity, set the {PH4} field to {PH5} {PH6}."},"panels/application/AppManifestView.ts | aUrlInTheManifestContainsA":{"message":"A URL in the manifest contains a username, password, or port"},"panels/application/AppManifestView.ts | avoidPurposeAnyAndMaskable":{"message":"Declaring an icon with 'purpose: \"any maskable\"' is discouraged. It is likely to look incorrect on some platforms due to too much or too little padding."},"panels/application/AppManifestView.ts | backgroundColor":{"message":"Background color"},"panels/application/AppManifestView.ts | computedAppId":{"message":"Computed App Id"},"panels/application/AppManifestView.ts | copiedToClipboard":{"message":"Copied suggested ID {PH1} to clipboard"},"panels/application/AppManifestView.ts | copyToClipboard":{"message":"Copy to clipboard"},"panels/application/AppManifestView.ts | couldNotCheckServiceWorker":{"message":"Could not check service worker without a 'start_url' field in the manifest"},"panels/application/AppManifestView.ts | couldNotDownloadARequiredIcon":{"message":"Could not download a required icon from the manifest"},"panels/application/AppManifestView.ts | customizePwaTitleBar":{"message":"Customize the window controls overlay of your PWA's title bar."},"panels/application/AppManifestView.ts | darkBackgroundColor":{"message":"Dark background color"},"panels/application/AppManifestView.ts | darkThemeColor":{"message":"Dark theme color"},"panels/application/AppManifestView.ts | description":{"message":"Description"},"panels/application/AppManifestView.ts | descriptionMayBeTruncated":{"message":"Description may be truncated."},"panels/application/AppManifestView.ts | display":{"message":"Display"},"panels/application/AppManifestView.ts | displayOverride":{"message":"display-override"},"panels/application/AppManifestView.ts | documentationOnMaskableIcons":{"message":"documentation on maskable icons"},"panels/application/AppManifestView.ts | downloadedIconWasEmptyOr":{"message":"Downloaded icon was empty or corrupted"},"panels/application/AppManifestView.ts | errorsAndWarnings":{"message":"Errors and warnings"},"panels/application/AppManifestView.ts | icon":{"message":"Icon"},"panels/application/AppManifestView.ts | icons":{"message":"Icons"},"panels/application/AppManifestView.ts | identity":{"message":"Identity"},"panels/application/AppManifestView.ts | imageFromS":{"message":"Image from {PH1}"},"panels/application/AppManifestView.ts | installability":{"message":"Installability"},"panels/application/AppManifestView.ts | learnMore":{"message":"Learn more"},"panels/application/AppManifestView.ts | manifestContainsDisplayoverride":{"message":"Manifest contains 'display_override' field, and the first supported display mode must be one of 'standalone', 'fullscreen', or 'minimal-ui'"},"panels/application/AppManifestView.ts | manifestCouldNotBeFetchedIsEmpty":{"message":"Manifest could not be fetched, is empty, or could not be parsed"},"panels/application/AppManifestView.ts | manifestDisplayPropertyMustBeOne":{"message":"Manifest 'display' property must be one of 'standalone', 'fullscreen', or 'minimal-ui'"},"panels/application/AppManifestView.ts | manifestDoesNotContainANameOr":{"message":"Manifest does not contain a 'name' or 'short_name' field"},"panels/application/AppManifestView.ts | manifestDoesNotContainASuitable":{"message":"Manifest does not contain a suitable icon - PNG, SVG or WebP format of at least {PH1}px is required, the 'sizes' attribute must be set, and the 'purpose' attribute, if set, must include 'any'."},"panels/application/AppManifestView.ts | manifestSpecifies":{"message":"Manifest specifies 'prefer_related_applications: true'"},"panels/application/AppManifestView.ts | manifestStartUrlIsNotValid":{"message":"Manifest 'start_URL' is not valid"},"panels/application/AppManifestView.ts | name":{"message":"Name"},"panels/application/AppManifestView.ts | needHelpReadOurS":{"message":"Need help? Read {PH1}."},"panels/application/AppManifestView.ts | newNoteUrl":{"message":"New note URL"},"panels/application/AppManifestView.ts | noPlayStoreIdProvided":{"message":"No Play store ID provided"},"panels/application/AppManifestView.ts | noSuppliedIconIsAtLeastSpxSquare":{"message":"No supplied icon is at least {PH1} pixels square in PNG, SVG or WebP format, with the purpose attribute unset or set to 'any'."},"panels/application/AppManifestView.ts | note":{"message":"Note:"},"panels/application/AppManifestView.ts | orientation":{"message":"Orientation"},"panels/application/AppManifestView.ts | pageDoesNotWorkOffline":{"message":"Page does not work offline"},"panels/application/AppManifestView.ts | pageDoesNotWorkOfflineThePage":{"message":"Page does not work offline. Starting in Chrome 93, the installability criteria are changing, and this site will not be installable. See {PH1} for more information."},"panels/application/AppManifestView.ts | pageHasNoManifestLinkUrl":{"message":"Page has no manifest <link> URL"},"panels/application/AppManifestView.ts | pageIsLoadedInAnIncognitoWindow":{"message":"Page is loaded in an incognito window"},"panels/application/AppManifestView.ts | pageIsNotLoadedInTheMainFrame":{"message":"Page is not loaded in the main frame"},"panels/application/AppManifestView.ts | pageIsNotServedFromASecureOrigin":{"message":"Page is not served from a secure origin"},"panels/application/AppManifestView.ts | preferrelatedapplicationsIsOnly":{"message":"'prefer_related_applications' is only supported on Chrome Beta and Stable channels on Android."},"panels/application/AppManifestView.ts | presentation":{"message":"Presentation"},"panels/application/AppManifestView.ts | protocolHandlers":{"message":"Protocol Handlers"},"panels/application/AppManifestView.ts | screenshot":{"message":"Screenshot"},"panels/application/AppManifestView.ts | screenshotPixelSize":{"message":"Screenshot {url} should specify a pixel size [width]x[height] instead of \"any\" as first size."},"panels/application/AppManifestView.ts | screenshotS":{"message":"Screenshot #{PH1}"},"panels/application/AppManifestView.ts | shortcutS":{"message":"Shortcut #{PH1}"},"panels/application/AppManifestView.ts | shortcutSShouldIncludeAXPixel":{"message":"Shortcut #{PH1} should include a 96x96 pixel icon"},"panels/application/AppManifestView.ts | shortName":{"message":"Short name"},"panels/application/AppManifestView.ts | showOnlyTheMinimumSafeAreaFor":{"message":"Show only the minimum safe area for maskable icons"},"panels/application/AppManifestView.ts | sSDoesNotSpecifyItsSizeInThe":{"message":"{PH1} {PH2} does not specify its size in the manifest"},"panels/application/AppManifestView.ts | sSFailedToLoad":{"message":"{PH1} {PH2} failed to load"},"panels/application/AppManifestView.ts | sSHeightDoesNotComplyWithRatioRequirement":{"message":"{PH1} {PH2} height can't be more than 2.3 times as long as the width"},"panels/application/AppManifestView.ts | sSrcIsNotSet":{"message":"{PH1} 'src' is not set"},"panels/application/AppManifestView.ts | sSShouldHaveSquareIcon":{"message":"Most operating systems require square icons. Please include at least one square icon in the array."},"panels/application/AppManifestView.ts | sSShouldSpecifyItsSizeAs":{"message":"{PH1} {PH2} should specify its size as [width]x[height]"},"panels/application/AppManifestView.ts | sSSizeShouldBeAtLeast320":{"message":"{PH1} {PH2} size should be at least 320×320"},"panels/application/AppManifestView.ts | sSSizeShouldBeAtMost3840":{"message":"{PH1} {PH2} size should be at most 3840×3840"},"panels/application/AppManifestView.ts | sSWidthDoesNotComplyWithRatioRequirement":{"message":"{PH1} {PH2} width can't be more than 2.3 times as long as the height"},"panels/application/AppManifestView.ts | startUrl":{"message":"Start URL"},"panels/application/AppManifestView.ts | sUrlSFailedToParse":{"message":"{PH1} URL ''{PH2}'' failed to parse"},"panels/application/AppManifestView.ts | theAppIsAlreadyInstalled":{"message":"The app is already installed"},"panels/application/AppManifestView.ts | themeColor":{"message":"Theme color"},"panels/application/AppManifestView.ts | thePlayStoreAppUrlAndPlayStoreId":{"message":"The Play Store app URL and Play Store ID do not match"},"panels/application/AppManifestView.ts | theSpecifiedApplicationPlatform":{"message":"The specified application platform is not supported on Android"},"panels/application/AppManifestView.ts | wcoFound":{"message":"Chrome has successfully found the {PH1} value for the {PH2} field in the {PH3}."},"panels/application/AppManifestView.ts | wcoNeedHelpReadMore":{"message":"Need help? Read {PH1}."},"panels/application/AppManifestView.ts | wcoNotFound":{"message":"Define {PH1} in the manifest to use the Window Controls Overlay API and customize your app's title bar."},"panels/application/AppManifestView.ts | windowControlsOverlay":{"message":"Window Controls Overlay"},"panels/application/BackForwardCacheTreeElement.ts | backForwardCache":{"message":"Back/forward cache"},"panels/application/BackgroundServiceView.ts | backgroundFetch":{"message":"Background Fetch"},"panels/application/BackgroundServiceView.ts | backgroundServices":{"message":"Background Services"},"panels/application/BackgroundServiceView.ts | backgroundSync":{"message":"Background Sync"},"panels/application/BackgroundServiceView.ts | clear":{"message":"Clear"},"panels/application/BackgroundServiceView.ts | clickTheRecordButtonSOrHitSTo":{"message":"Click the record button {PH1} or hit {PH2} to start recording."},"panels/application/BackgroundServiceView.ts | devtoolsWillRecordAllSActivity":{"message":"DevTools will record all {PH1} activity for up to 3 days, even when closed."},"panels/application/BackgroundServiceView.ts | empty":{"message":"empty"},"panels/application/BackgroundServiceView.ts | event":{"message":"Event"},"panels/application/BackgroundServiceView.ts | instanceId":{"message":"Instance ID"},"panels/application/BackgroundServiceView.ts | learnMore":{"message":"Learn more"},"panels/application/BackgroundServiceView.ts | noMetadataForThisEvent":{"message":"No metadata for this event"},"panels/application/BackgroundServiceView.ts | notifications":{"message":"Notifications"},"panels/application/BackgroundServiceView.ts | origin":{"message":"Origin"},"panels/application/BackgroundServiceView.ts | paymentHandler":{"message":"Payment Handler"},"panels/application/BackgroundServiceView.ts | periodicBackgroundSync":{"message":"Periodic Background Sync"},"panels/application/BackgroundServiceView.ts | pushMessaging":{"message":"Push Messaging"},"panels/application/BackgroundServiceView.ts | recordingSActivity":{"message":"Recording {PH1} activity..."},"panels/application/BackgroundServiceView.ts | saveEvents":{"message":"Save events"},"panels/application/BackgroundServiceView.ts | selectAnEntryToViewMetadata":{"message":"Select an entry to view metadata"},"panels/application/BackgroundServiceView.ts | showEventsForOtherStorageKeys":{"message":"Show events from other storage partitions"},"panels/application/BackgroundServiceView.ts | showEventsFromOtherDomains":{"message":"Show events from other domains"},"panels/application/BackgroundServiceView.ts | startRecordingEvents":{"message":"Start recording events"},"panels/application/BackgroundServiceView.ts | stopRecordingEvents":{"message":"Stop recording events"},"panels/application/BackgroundServiceView.ts | storageKey":{"message":"Storage Key"},"panels/application/BackgroundServiceView.ts | swScope":{"message":"Service Worker Scope"},"panels/application/BackgroundServiceView.ts | timestamp":{"message":"Timestamp"},"panels/application/BounceTrackingMitigationsTreeElement.ts | bounceTrackingMitigations":{"message":"Bounce Tracking Mitigations"},"panels/application/components/BackForwardCacheStrings.ts | appBanner":{"message":"Pages that requested an AppBanner are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabled":{"message":"Back/forward cache is disabled by flags. Visit chrome://flags/#back-forward-cache to enable it locally on this device."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledByCommandLine":{"message":"Back/forward cache is disabled by the command line."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledByLowMemory":{"message":"Back/forward cache is disabled due to insufficient memory."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledForDelegate":{"message":"Back/forward cache is not supported by delegate."},"panels/application/components/BackForwardCacheStrings.ts | backForwardCacheDisabledForPrerender":{"message":"Back/forward cache is disabled for prerenderer."},"panels/application/components/BackForwardCacheStrings.ts | broadcastChannel":{"message":"The page cannot be cached because it has a BroadcastChannel instance with registered listeners."},"panels/application/components/BackForwardCacheStrings.ts | cacheControlNoStore":{"message":"Pages with cache-control:no-store header cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | cacheFlushed":{"message":"The cache was intentionally cleared."},"panels/application/components/BackForwardCacheStrings.ts | cacheLimit":{"message":"The page was evicted from the cache to allow another page to be cached."},"panels/application/components/BackForwardCacheStrings.ts | containsPlugins":{"message":"Pages containing plugins are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentFileChooser":{"message":"Pages that use FileChooser API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentFileSystemAccess":{"message":"Pages that use File System Access API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaDevicesDispatcherHost":{"message":"Pages that use Media Device Dispatcher are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaPlay":{"message":"A media player was playing upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaSession":{"message":"Pages that use MediaSession API and set a playback state are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentMediaSessionService":{"message":"Pages that use MediaSession API and set action handlers are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentScreenReader":{"message":"Back/forward cache is disabled due to screen reader."},"panels/application/components/BackForwardCacheStrings.ts | contentSecurityHandler":{"message":"Pages that use SecurityHandler are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentSerial":{"message":"Pages that use Serial API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebAuthenticationAPI":{"message":"Pages that use WebAuthetication API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebBluetooth":{"message":"Pages that use WebBluetooth API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | contentWebUSB":{"message":"Pages that use WebUSB API are not eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | cookieDisabled":{"message":"Back/forward cache is disabled because cookies are disabled on a page that uses Cache-Control: no-store."},"panels/application/components/BackForwardCacheStrings.ts | dedicatedWorkerOrWorklet":{"message":"Pages that use a dedicated worker or worklet are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | documentLoaded":{"message":"The document did not finish loading before navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderAppBannerManager":{"message":"App Banner was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderChromePasswordManagerClientBindCredentialManager":{"message":"Chrome Password Manager was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerSelfDeletingRequestDelegate":{"message":"DOM distillation was in progress upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderDomDistillerViewerSource":{"message":"DOM Distiller Viewer was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessaging":{"message":"Back/forward cache is disabled due to extensions using messaging API."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionMessagingForOpenPort":{"message":"Extensions with long-lived connection should close the connection before entering back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensions":{"message":"Back/forward cache is disabled due to extensions."},"panels/application/components/BackForwardCacheStrings.ts | embedderExtensionSentMessageToCachedFrame":{"message":"Extensions with long-lived connection attempted to send messages to frames in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | embedderModalDialog":{"message":"Modal dialog such as form resubmission or http password dialog was shown for the page upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderOfflinePage":{"message":"The offline page was shown upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderOomInterventionTabHelper":{"message":"Out-Of-Memory Intervention bar was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderPermissionRequestManager":{"message":"There were permission requests upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderPopupBlockerTabHelper":{"message":"Popup blocker was present upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingThreatDetails":{"message":"Safe Browsing details were shown upon navigating away."},"panels/application/components/BackForwardCacheStrings.ts | embedderSafeBrowsingTriggeredPopupBlocker":{"message":"Safe Browsing considered this page to be abusive and blocked popup."},"panels/application/components/BackForwardCacheStrings.ts | enteredBackForwardCacheBeforeServiceWorkerHostAdded":{"message":"A service worker was activated while the page was in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | errorDocument":{"message":"Back/forward cache is disabled due to a document error."},"panels/application/components/BackForwardCacheStrings.ts | fencedFramesEmbedder":{"message":"Pages using FencedFrames cannot be stored in bfcache."},"panels/application/components/BackForwardCacheStrings.ts | foregroundCacheLimit":{"message":"The page was evicted from the cache to allow another page to be cached."},"panels/application/components/BackForwardCacheStrings.ts | grantedMediaStreamAccess":{"message":"Pages that have granted media stream access are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | haveInnerContents":{"message":"Pages that use portals are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | HTTPMethodNotGET":{"message":"Only pages loaded via a GET request are eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | HTTPStatusNotOK":{"message":"Only pages with a status code of 2XX can be cached."},"panels/application/components/BackForwardCacheStrings.ts | idleManager":{"message":"Pages that use IdleManager are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | indexedDBConnection":{"message":"Pages that have an open IndexedDB connection are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | indexedDBEvent":{"message":"Back/forward cache is disabled due to an IndexedDB event."},"panels/application/components/BackForwardCacheStrings.ts | ineligibleAPI":{"message":"Ineligible APIs were used."},"panels/application/components/BackForwardCacheStrings.ts | injectedJavascript":{"message":"Pages that JavaScript is injected into by extensions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | injectedStyleSheet":{"message":"Pages that a StyleSheet is injected into by extensions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | internalError":{"message":"Internal error."},"panels/application/components/BackForwardCacheStrings.ts | JavaScriptExecution":{"message":"Chrome detected an attempt to execute JavaScript while in the cache."},"panels/application/components/BackForwardCacheStrings.ts | jsNetworkRequestReceivedCacheControlNoStoreResource":{"message":"Back/forward cache is disabled because some JavaScript network request received resource with Cache-Control: no-store header."},"panels/application/components/BackForwardCacheStrings.ts | keepaliveRequest":{"message":"Back/forward cache is disabled due to a keepalive request."},"panels/application/components/BackForwardCacheStrings.ts | keyboardLock":{"message":"Pages that use Keyboard lock are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | loading":{"message":"The page did not finish loading before navigating away."},"panels/application/components/BackForwardCacheStrings.ts | mainResourceHasCacheControlNoCache":{"message":"Pages whose main resource has cache-control:no-cache cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | mainResourceHasCacheControlNoStore":{"message":"Pages whose main resource has cache-control:no-store cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | navigationCancelledWhileRestoring":{"message":"Navigation was cancelled before the page could be restored from back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | networkExceedsBufferLimit":{"message":"The page was evicted from the cache because an active network connection received too much data. Chrome limits the amount of data that a page may receive while cached."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestDatapipeDrainedAsBytesConsumer":{"message":"Pages that have inflight fetch() or XHR are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestRedirected":{"message":"The page was evicted from back/forward cache because an active network request involved a redirect."},"panels/application/components/BackForwardCacheStrings.ts | networkRequestTimeout":{"message":"The page was evicted from the cache because a network connection was open too long. Chrome limits the amount of time that a page may receive data while cached."},"panels/application/components/BackForwardCacheStrings.ts | noResponseHead":{"message":"Pages that do not have a valid response head cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | notMainFrame":{"message":"Navigation happened in a frame other than the main frame."},"panels/application/components/BackForwardCacheStrings.ts | outstandingIndexedDBTransaction":{"message":"Page with ongoing indexed DB transactions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestDirectSocket":{"message":"Pages with an in-flight network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestFetch":{"message":"Pages with an in-flight fetch network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestOthers":{"message":"Pages with an in-flight network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | outstandingNetworkRequestXHR":{"message":"Pages with an in-flight XHR network request are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | paymentManager":{"message":"Pages that use PaymentManager are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | pictureInPicture":{"message":"Pages that use Picture-in-Picture are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | portal":{"message":"Pages that use portals are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | printing":{"message":"Pages that show Printing UI are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | relatedActiveContentsExist":{"message":"The page was opened using 'window.open()' and another tab has a reference to it, or the page opened a window."},"panels/application/components/BackForwardCacheStrings.ts | rendererProcessCrashed":{"message":"The renderer process for the page in back/forward cache crashed."},"panels/application/components/BackForwardCacheStrings.ts | rendererProcessKilled":{"message":"The renderer process for the page in back/forward cache was killed."},"panels/application/components/BackForwardCacheStrings.ts | requestedAudioCapturePermission":{"message":"Pages that have requested audio capture permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedBackForwardCacheBlockedSensors":{"message":"Pages that have requested sensor permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedBackgroundWorkPermission":{"message":"Pages that have requested background sync or fetch permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedMIDIPermission":{"message":"Pages that have requested MIDI permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedNotificationsPermission":{"message":"Pages that have requested notifications permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedStorageAccessGrant":{"message":"Pages that have requested storage access are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | requestedVideoCapturePermission":{"message":"Pages that have requested video capture permissions are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | schemeNotHTTPOrHTTPS":{"message":"Only pages whose URL scheme is HTTP / HTTPS can be cached."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerClaim":{"message":"The page was claimed by a service worker while it is in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerPostMessage":{"message":"A service worker attempted to send the page in back/forward cache a MessageEvent."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerUnregistration":{"message":"ServiceWorker was unregistered while a page was in back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | serviceWorkerVersionActivation":{"message":"The page was evicted from back/forward cache due to a service worker activation."},"panels/application/components/BackForwardCacheStrings.ts | sessionRestored":{"message":"Chrome restarted and cleared the back/forward cache entries."},"panels/application/components/BackForwardCacheStrings.ts | sharedWorker":{"message":"Pages that use SharedWorker are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | speechRecognizer":{"message":"Pages that use SpeechRecognizer are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | speechSynthesis":{"message":"Pages that use SpeechSynthesis are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | subframeIsNavigating":{"message":"An iframe on the page started a navigation that did not complete."},"panels/application/components/BackForwardCacheStrings.ts | subresourceHasCacheControlNoCache":{"message":"Pages whose subresource has cache-control:no-cache cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | subresourceHasCacheControlNoStore":{"message":"Pages whose subresource has cache-control:no-store cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | timeout":{"message":"The page exceeded the maximum time in back/forward cache and was expired."},"panels/application/components/BackForwardCacheStrings.ts | timeoutPuttingInCache":{"message":"The page timed out entering back/forward cache (likely due to long-running pagehide handlers)."},"panels/application/components/BackForwardCacheStrings.ts | unloadHandlerExistsInMainFrame":{"message":"The page has an unload handler in the main frame."},"panels/application/components/BackForwardCacheStrings.ts | unloadHandlerExistsInSubFrame":{"message":"The page has an unload handler in a sub frame."},"panels/application/components/BackForwardCacheStrings.ts | userAgentOverrideDiffers":{"message":"Browser has changed the user agent override header."},"panels/application/components/BackForwardCacheStrings.ts | wasGrantedMediaAccess":{"message":"Pages that have granted access to record video or audio are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webDatabase":{"message":"Pages that use WebDatabase are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webHID":{"message":"Pages that use WebHID are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webLocks":{"message":"Pages that use WebLocks are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webNfc":{"message":"Pages that use WebNfc are not currently eligible for back/forwad cache."},"panels/application/components/BackForwardCacheStrings.ts | webOTPService":{"message":"Pages that use WebOTPService are not currently eligible for bfcache."},"panels/application/components/BackForwardCacheStrings.ts | webRTC":{"message":"Pages with WebRTC cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webRTCSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webShare":{"message":"Pages that use WebShare are not currently eligible for back/forwad cache."},"panels/application/components/BackForwardCacheStrings.ts | webSocket":{"message":"Pages with WebSocket cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webSocketSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webTransport":{"message":"Pages with WebTransport cannot enter back/forward cache."},"panels/application/components/BackForwardCacheStrings.ts | webTransportSticky":{"message":"Undefined"},"panels/application/components/BackForwardCacheStrings.ts | webXR":{"message":"Pages that use WebXR are not currently eligible for back/forward cache."},"panels/application/components/BackForwardCacheView.ts | backForwardCacheTitle":{"message":"Back/forward cache"},"panels/application/components/BackForwardCacheView.ts | blankURLTitle":{"message":"Blank URL [{PH1}]"},"panels/application/components/BackForwardCacheView.ts | blockingExtensionId":{"message":"Extension id: "},"panels/application/components/BackForwardCacheView.ts | circumstantial":{"message":"Not Actionable"},"panels/application/components/BackForwardCacheView.ts | circumstantialExplanation":{"message":"These reasons are not actionable i.e. caching was prevented by something outside of the direct control of the page."},"panels/application/components/BackForwardCacheView.ts | framesPerIssue":{"message":"{n, plural, =1 {# frame} other {# frames}}"},"panels/application/components/BackForwardCacheView.ts | framesTitle":{"message":"Frames"},"panels/application/components/BackForwardCacheView.ts | issuesInMultipleFrames":{"message":"{n, plural, =1 {# issue found in {m} frames.} other {# issues found in {m} frames.}}"},"panels/application/components/BackForwardCacheView.ts | issuesInSingleFrame":{"message":"{n, plural, =1 {# issue found in 1 frame.} other {# issues found in 1 frame.}}"},"panels/application/components/BackForwardCacheView.ts | learnMore":{"message":"Learn more: back/forward cache eligibility"},"panels/application/components/BackForwardCacheView.ts | mainFrame":{"message":"Main Frame"},"panels/application/components/BackForwardCacheView.ts | neverUseUnload":{"message":"Learn more: Never use unload handler"},"panels/application/components/BackForwardCacheView.ts | normalNavigation":{"message":"Not served from back/forward cache: to trigger back/forward cache, use Chrome's back/forward buttons, or use the test button below to automatically navigate away and back."},"panels/application/components/BackForwardCacheView.ts | pageSupportNeeded":{"message":"Actionable"},"panels/application/components/BackForwardCacheView.ts | pageSupportNeededExplanation":{"message":"These reasons are actionable i.e. they can be cleaned up to make the page eligible for back/forward cache."},"panels/application/components/BackForwardCacheView.ts | restoredFromBFCache":{"message":"Successfully served from back/forward cache."},"panels/application/components/BackForwardCacheView.ts | runningTest":{"message":"Running test"},"panels/application/components/BackForwardCacheView.ts | runTest":{"message":"Test back/forward cache"},"panels/application/components/BackForwardCacheView.ts | supportPending":{"message":"Pending Support"},"panels/application/components/BackForwardCacheView.ts | supportPendingExplanation":{"message":"Chrome support for these reasons is pending i.e. they will not prevent the page from being eligible for back/forward cache in a future version of Chrome."},"panels/application/components/BackForwardCacheView.ts | unavailable":{"message":"unavailable"},"panels/application/components/BackForwardCacheView.ts | unknown":{"message":"Unknown Status"},"panels/application/components/BackForwardCacheView.ts | url":{"message":"URL:"},"panels/application/components/BounceTrackingMitigationsView.ts | bounceTrackingMitigationsTitle":{"message":"Bounce Tracking Mitigations"},"panels/application/components/BounceTrackingMitigationsView.ts | checkingPotentialTrackers":{"message":"Checking for potential bounce tracking sites."},"panels/application/components/BounceTrackingMitigationsView.ts | forceRun":{"message":"Force run"},"panels/application/components/BounceTrackingMitigationsView.ts | learnMore":{"message":"Learn more: Bounce Tracking Mitigations"},"panels/application/components/BounceTrackingMitigationsView.ts | noPotentialBounceTrackersIdentified":{"message":"State was not cleared for any potential bounce tracking sites. Either none were identified, bounce tracking mitigations are not enabled, or third-party cookies are not blocked."},"panels/application/components/BounceTrackingMitigationsView.ts | runningMitigations":{"message":"Running"},"panels/application/components/BounceTrackingMitigationsView.ts | stateDeletedFor":{"message":"State was deleted for the following sites:"},"panels/application/components/EndpointsGrid.ts | noEndpointsToDisplay":{"message":"No endpoints to display"},"panels/application/components/FrameDetailsView.ts | additionalInformation":{"message":"Additional Information"},"panels/application/components/FrameDetailsView.ts | adStatus":{"message":"Ad Status"},"panels/application/components/FrameDetailsView.ts | aFrameAncestorIsAnInsecure":{"message":"A frame ancestor is an insecure context"},"panels/application/components/FrameDetailsView.ts | apiAvailability":{"message":"API availability"},"panels/application/components/FrameDetailsView.ts | availabilityOfCertainApisDepends":{"message":"Availability of certain APIs depends on the document being cross-origin isolated."},"panels/application/components/FrameDetailsView.ts | available":{"message":"available"},"panels/application/components/FrameDetailsView.ts | availableNotTransferable":{"message":"available, not transferable"},"panels/application/components/FrameDetailsView.ts | availableTransferable":{"message":"available, transferable"},"panels/application/components/FrameDetailsView.ts | child":{"message":"child"},"panels/application/components/FrameDetailsView.ts | childDescription":{"message":"This frame has been identified as a child frame of an ad"},"panels/application/components/FrameDetailsView.ts | clickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/components/FrameDetailsView.ts | clickToRevealInNetworkPanel":{"message":"Click to reveal in Network panel"},"panels/application/components/FrameDetailsView.ts | clickToRevealInNetworkPanelMight":{"message":"Click to reveal in Network panel (might require page reload)"},"panels/application/components/FrameDetailsView.ts | clickToRevealInSourcesPanel":{"message":"Click to reveal in Sources panel"},"panels/application/components/FrameDetailsView.ts | createdByAdScriptExplanation":{"message":"There was an ad script in the (async) stack when this frame was created. Examining the creation stack trace of this frame might provide more insight."},"panels/application/components/FrameDetailsView.ts | creationStackTrace":{"message":"Frame Creation Stack Trace"},"panels/application/components/FrameDetailsView.ts | creationStackTraceExplanation":{"message":"This frame was created programmatically. The stack trace shows where this happened."},"panels/application/components/FrameDetailsView.ts | creatorAdScript":{"message":"Creator Ad Script"},"panels/application/components/FrameDetailsView.ts | crossoriginIsolated":{"message":"Cross-Origin Isolated"},"panels/application/components/FrameDetailsView.ts | document":{"message":"Document"},"panels/application/components/FrameDetailsView.ts | frameId":{"message":"Frame ID"},"panels/application/components/FrameDetailsView.ts | learnMore":{"message":"Learn more"},"panels/application/components/FrameDetailsView.ts | localhostIsAlwaysASecureContext":{"message":"Localhost is always a secure context"},"panels/application/components/FrameDetailsView.ts | matchedBlockingRuleExplanation":{"message":"This frame is considered an ad frame because its current (or previous) main document is an ad resource."},"panels/application/components/FrameDetailsView.ts | measureMemory":{"message":"Measure Memory"},"panels/application/components/FrameDetailsView.ts | no":{"message":"No"},"panels/application/components/FrameDetailsView.ts | origin":{"message":"Origin"},"panels/application/components/FrameDetailsView.ts | ownerElement":{"message":"Owner Element"},"panels/application/components/FrameDetailsView.ts | parentIsAdExplanation":{"message":"This frame is considered an ad frame because its parent frame is an ad frame."},"panels/application/components/FrameDetailsView.ts | prerendering":{"message":"Prerendering"},"panels/application/components/FrameDetailsView.ts | prerenderingStatus":{"message":"Prerendering Status"},"panels/application/components/FrameDetailsView.ts | refresh":{"message":"Refresh"},"panels/application/components/FrameDetailsView.ts | reportingTo":{"message":"reporting to"},"panels/application/components/FrameDetailsView.ts | requiresCrossoriginIsolated":{"message":"requires cross-origin isolated context"},"panels/application/components/FrameDetailsView.ts | root":{"message":"root"},"panels/application/components/FrameDetailsView.ts | rootDescription":{"message":"This frame has been identified as the root frame of an ad"},"panels/application/components/FrameDetailsView.ts | secureContext":{"message":"Secure Context"},"panels/application/components/FrameDetailsView.ts | securityIsolation":{"message":"Security & Isolation"},"panels/application/components/FrameDetailsView.ts | sharedarraybufferConstructorIs":{"message":"SharedArrayBuffer constructor is available and SABs can be transferred via postMessage"},"panels/application/components/FrameDetailsView.ts | sharedarraybufferConstructorIsAvailable":{"message":"SharedArrayBuffer constructor is available but SABs cannot be transferred via postMessage"},"panels/application/components/FrameDetailsView.ts | theFramesSchemeIsInsecure":{"message":"The frame's scheme is insecure"},"panels/application/components/FrameDetailsView.ts | thePerformanceAPI":{"message":"The performance.measureUserAgentSpecificMemory() API is available"},"panels/application/components/FrameDetailsView.ts | thePerformancemeasureuseragentspecificmemory":{"message":"The performance.measureUserAgentSpecificMemory() API is not available"},"panels/application/components/FrameDetailsView.ts | thisAdditionalDebugging":{"message":"This additional (debugging) information is shown because the 'Protocol Monitor' experiment is enabled."},"panels/application/components/FrameDetailsView.ts | transferRequiresCrossoriginIsolatedPermission":{"message":"SharedArrayBuffer transfer requires enabling the permission policy:"},"panels/application/components/FrameDetailsView.ts | unavailable":{"message":"unavailable"},"panels/application/components/FrameDetailsView.ts | unreachableUrl":{"message":"Unreachable URL"},"panels/application/components/FrameDetailsView.ts | url":{"message":"URL"},"panels/application/components/FrameDetailsView.ts | willRequireCrossoriginIsolated":{"message":"⚠️ will require cross-origin isolated context in the future"},"panels/application/components/FrameDetailsView.ts | yes":{"message":"Yes"},"panels/application/components/InterestGroupAccessGrid.ts | allInterestGroupStorageEvents":{"message":"All interest group storage events."},"panels/application/components/InterestGroupAccessGrid.ts | eventTime":{"message":"Event Time"},"panels/application/components/InterestGroupAccessGrid.ts | eventType":{"message":"Access Type"},"panels/application/components/InterestGroupAccessGrid.ts | groupName":{"message":"Name"},"panels/application/components/InterestGroupAccessGrid.ts | groupOwner":{"message":"Owner"},"panels/application/components/InterestGroupAccessGrid.ts | noEvents":{"message":"No interest group events recorded."},"panels/application/components/OriginTrialTreeView.ts | expiryTime":{"message":"Expiry Time"},"panels/application/components/OriginTrialTreeView.ts | isThirdParty":{"message":"Third Party"},"panels/application/components/OriginTrialTreeView.ts | matchSubDomains":{"message":"Subdomain Matching"},"panels/application/components/OriginTrialTreeView.ts | origin":{"message":"Origin"},"panels/application/components/OriginTrialTreeView.ts | rawTokenText":{"message":"Raw Token"},"panels/application/components/OriginTrialTreeView.ts | status":{"message":"Token Status"},"panels/application/components/OriginTrialTreeView.ts | token":{"message":"Token"},"panels/application/components/OriginTrialTreeView.ts | tokens":{"message":"{PH1} tokens"},"panels/application/components/OriginTrialTreeView.ts | trialName":{"message":"Trial Name"},"panels/application/components/OriginTrialTreeView.ts | usageRestriction":{"message":"Usage Restriction"},"panels/application/components/PermissionsPolicySection.ts | allowedFeatures":{"message":"Allowed Features"},"panels/application/components/PermissionsPolicySection.ts | clickToShowHeader":{"message":"Click to reveal the request whose \"Permissions-Policy\" HTTP header disables this feature."},"panels/application/components/PermissionsPolicySection.ts | clickToShowIframe":{"message":"Click to reveal the top-most iframe which does not allow this feature in the elements panel."},"panels/application/components/PermissionsPolicySection.ts | disabledByFencedFrame":{"message":"disabled inside a fencedframe"},"panels/application/components/PermissionsPolicySection.ts | disabledByHeader":{"message":"disabled by \"Permissions-Policy\" header"},"panels/application/components/PermissionsPolicySection.ts | disabledByIframe":{"message":"missing in iframe \"allow\" attribute"},"panels/application/components/PermissionsPolicySection.ts | disabledFeatures":{"message":"Disabled Features"},"panels/application/components/PermissionsPolicySection.ts | hideDetails":{"message":"Hide details"},"panels/application/components/PermissionsPolicySection.ts | showDetails":{"message":"Show details"},"panels/application/components/Prerender2.ts | Activated":{"message":"Activated."},"panels/application/components/Prerender2.ts | ActivatedBeforeStarted":{"message":"Activated before started"},"panels/application/components/Prerender2.ts | ActivationNavigationParameterMismatch":{"message":"The page was prerendered, but the navigation ended up being performed differently than the original prerender, so the prerendered page could not be activated."},"panels/application/components/Prerender2.ts | AudioOutputDeviceRequested":{"message":"Prerendering has not supported the AudioContext API yet."},"panels/application/components/Prerender2.ts | BlockedByClient":{"message":"Resource load is blocked by the client."},"panels/application/components/Prerender2.ts | CancelAllHostsForTesting":{"message":"CancelAllHostsForTesting."},"panels/application/components/Prerender2.ts | ClientCertRequested":{"message":"The page is requesting client cert, which is not suitable for a hidden page like prerendering."},"panels/application/components/Prerender2.ts | CrossSiteNavigation":{"message":"The prerendered page navigated to a cross-site URL after loading. Currently prerendering cross-site pages is disallowed."},"panels/application/components/Prerender2.ts | CrossSiteRedirect":{"message":"Attempted to prerender a URL which redirected to a cross-site URL. Currently prerendering cross-site pages is disallowed."},"panels/application/components/Prerender2.ts | DataSaverEnabled":{"message":"Data saver enabled"},"panels/application/components/Prerender2.ts | Destroyed":{"message":"A prerendered page was abandoned for unknown reasons."},"panels/application/components/Prerender2.ts | DidFailLoad":{"message":"DidFailLoadWithError happened during prerendering."},"panels/application/components/Prerender2.ts | DisallowedApiMethod":{"message":"Disallowed API method"},"panels/application/components/Prerender2.ts | Download":{"message":"Download is disallowed in Prerender."},"panels/application/components/Prerender2.ts | EmbedderTriggeredAndCrossOriginRedirected":{"message":"Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is canceled because the navigation is redirected to another cross-origin page."},"panels/application/components/Prerender2.ts | EmbedderTriggeredAndSameOriginRedirected":{"message":"Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is canceled because the navigation is redirected to another same-origin page."},"panels/application/components/Prerender2.ts | FailToGetMemoryUsage":{"message":"Fail to get memory usage"},"panels/application/components/Prerender2.ts | HasEffectiveUrl":{"message":"Has effective URL"},"panels/application/components/Prerender2.ts | InactivePageRestriction":{"message":"Inactive page restriction"},"panels/application/components/Prerender2.ts | InProgressNavigation":{"message":"InProgressNavigation."},"panels/application/components/Prerender2.ts | InvalidSchemeNavigation":{"message":"Only HTTP(S) navigation allowed for Prerender."},"panels/application/components/Prerender2.ts | InvalidSchemeRedirect":{"message":"Attempted to prerender a URL that redirected to a non-HTTP(S) URL. Only HTTP(S) pages can be prerendered."},"panels/application/components/Prerender2.ts | LoginAuthRequested":{"message":"Prerender does not support auth requests from UI."},"panels/application/components/Prerender2.ts | LowEndDevice":{"message":"Prerendering is not supported for low-memory devices."},"panels/application/components/Prerender2.ts | MainFrameNavigation":{"message":"Navigations after the initial prerendering navigation are disallowed"},"panels/application/components/Prerender2.ts | MaxNumOfRunningPrerendersExceeded":{"message":"Max number of prerendering exceeded."},"panels/application/components/Prerender2.ts | MemoryLimitExceeded":{"message":"Memory limit exceeded"},"panels/application/components/Prerender2.ts | MixedContent":{"message":"Prerendering is canceled by a mixed content frame."},"panels/application/components/Prerender2.ts | MojoBinderPolicy":{"message":"A disallowed API was used by the prerendered page"},"panels/application/components/Prerender2.ts | NavigationBadHttpStatus":{"message":"The initial prerendering navigation was not successful due to the server returning a non-200/204/205 status code."},"panels/application/components/Prerender2.ts | NavigationNotCommitted":{"message":"The prerendering page is not committed in the end."},"panels/application/components/Prerender2.ts | NavigationRequestBlockedByCsp":{"message":"Navigation request is blocked by CSP."},"panels/application/components/Prerender2.ts | NavigationRequestNetworkError":{"message":"Encountered a network error during prerendering."},"panels/application/components/Prerender2.ts | PrerenderingOngoing":{"message":"Prerendering ongoing"},"panels/application/components/Prerender2.ts | RendererProcessCrashed":{"message":"The prerendered page crashed."},"panels/application/components/Prerender2.ts | RendererProcessKilled":{"message":"The renderer process for the prerendering page was killed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginNavigation":{"message":"The prerendered page navigated to a same-site cross-origin URL after loading. Currently prerendering cross-origin pages is disallowed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginNavigationNotOptIn":{"message":"The prerendered page navigated to a same-site cross-origin URL after loading. This is disallowed unless the destination site sends a Supports-Loading-Mode: credentialed-prerender header."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginRedirect":{"message":"Attempted to prerender a URL which redirected to a same-site cross-origin URL. Currently prerendering cross-origin pages is disallowed."},"panels/application/components/Prerender2.ts | SameSiteCrossOriginRedirectNotOptIn":{"message":"Attempted to prerender a URL which redirected to a same-site cross-origin URL. This is disallowed unless the destination site sends a Supports-Loading-Mode: credentialed-prerender header."},"panels/application/components/Prerender2.ts | SslCertificateError":{"message":"SSL certificate error."},"panels/application/components/Prerender2.ts | StartFailed":{"message":"Start failed"},"panels/application/components/Prerender2.ts | Stop":{"message":"The tab is stopped."},"panels/application/components/Prerender2.ts | TriggerBackgrounded":{"message":"The tab is in the background"},"panels/application/components/Prerender2.ts | TriggerDestroyed":{"message":"Prerender is not activated and destroyed with the trigger."},"panels/application/components/Prerender2.ts | UaChangeRequiresReload":{"message":"Reload is needed after UserAgentOverride."},"panels/application/components/ProtocolHandlersView.ts | dropdownLabel":{"message":"Select protocol handler"},"panels/application/components/ProtocolHandlersView.ts | manifest":{"message":"manifest"},"panels/application/components/ProtocolHandlersView.ts | needHelpReadOur":{"message":"Need help? Read {PH1}."},"panels/application/components/ProtocolHandlersView.ts | protocolDetected":{"message":"Found valid protocol handler registration in the {PH1}. With the app installed, test the registered protocols."},"panels/application/components/ProtocolHandlersView.ts | protocolHandlerRegistrations":{"message":"URL protocol handler registration for PWAs"},"panels/application/components/ProtocolHandlersView.ts | protocolNotDetected":{"message":"Define protocol handlers in the {PH1} to register your app as a handler for custom protocols when your app is installed."},"panels/application/components/ProtocolHandlersView.ts | testProtocol":{"message":"Test protocol"},"panels/application/components/ProtocolHandlersView.ts | textboxLabel":{"message":"Query parameter or endpoint for protocol handler"},"panels/application/components/ProtocolHandlersView.ts | textboxPlaceholder":{"message":"Enter URL"},"panels/application/components/ReportsGrid.ts | destination":{"message":"Destination"},"panels/application/components/ReportsGrid.ts | generatedAt":{"message":"Generated at"},"panels/application/components/ReportsGrid.ts | noReportsToDisplay":{"message":"No reports to display"},"panels/application/components/ReportsGrid.ts | status":{"message":"Status"},"panels/application/components/SharedStorageAccessGrid.ts | allSharedStorageEvents":{"message":"All shared storage events for this page."},"panels/application/components/SharedStorageAccessGrid.ts | eventParams":{"message":"Optional Event Params"},"panels/application/components/SharedStorageAccessGrid.ts | eventTime":{"message":"Event Time"},"panels/application/components/SharedStorageAccessGrid.ts | eventType":{"message":"Access Type"},"panels/application/components/SharedStorageAccessGrid.ts | mainFrameId":{"message":"Main Frame ID"},"panels/application/components/SharedStorageAccessGrid.ts | noEvents":{"message":"No shared storage events recorded."},"panels/application/components/SharedStorageAccessGrid.ts | ownerOrigin":{"message":"Owner Origin"},"panels/application/components/SharedStorageAccessGrid.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/components/SharedStorageMetadataView.ts | budgetExplanation":{"message":"Remaining data leakage allowed within a 24-hour period for this origin in bits of entropy"},"panels/application/components/SharedStorageMetadataView.ts | creation":{"message":"Creation Time"},"panels/application/components/SharedStorageMetadataView.ts | entropyBudget":{"message":"Entropy Budget for Fenced Frames"},"panels/application/components/SharedStorageMetadataView.ts | notYetCreated":{"message":"Not yet created"},"panels/application/components/SharedStorageMetadataView.ts | numEntries":{"message":"Number of Entries"},"panels/application/components/SharedStorageMetadataView.ts | resetBudget":{"message":"Reset Budget"},"panels/application/components/SharedStorageMetadataView.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/components/StackTrace.ts | cannotRenderStackTrace":{"message":"Cannot render stack trace"},"panels/application/components/StackTrace.ts | showLess":{"message":"Show less"},"panels/application/components/StackTrace.ts | showSMoreFrames":{"message":"{n, plural, =1 {Show # more frame} other {Show # more frames}}"},"panels/application/components/StorageMetadataView.ts | bucketName":{"message":"Bucket name"},"panels/application/components/StorageMetadataView.ts | durability":{"message":"Durability"},"panels/application/components/StorageMetadataView.ts | expiration":{"message":"Expiration"},"panels/application/components/StorageMetadataView.ts | isOpaque":{"message":"Is opaque"},"panels/application/components/StorageMetadataView.ts | isThirdParty":{"message":"Is third-party"},"panels/application/components/StorageMetadataView.ts | loading":{"message":"Loading…"},"panels/application/components/StorageMetadataView.ts | no":{"message":"No"},"panels/application/components/StorageMetadataView.ts | none":{"message":"None"},"panels/application/components/StorageMetadataView.ts | opaque":{"message":"(opaque)"},"panels/application/components/StorageMetadataView.ts | origin":{"message":"Origin"},"panels/application/components/StorageMetadataView.ts | persistent":{"message":"Is persistent"},"panels/application/components/StorageMetadataView.ts | quota":{"message":"Quota"},"panels/application/components/StorageMetadataView.ts | topLevelSite":{"message":"Top-level site"},"panels/application/components/StorageMetadataView.ts | yes":{"message":"Yes"},"panels/application/components/StorageMetadataView.ts | yesBecauseAncestorChainHasCrossSite":{"message":"Yes, because the ancestry chain contains a third-party origin"},"panels/application/components/StorageMetadataView.ts | yesBecauseKeyIsOpaque":{"message":"Yes, because the storage key is opaque"},"panels/application/components/StorageMetadataView.ts | yesBecauseOriginNotInTopLevelSite":{"message":"Yes, because the origin is outside of the top-level site"},"panels/application/components/StorageMetadataView.ts | yesBecauseTopLevelIsOpaque":{"message":"Yes, because the top-level site is opaque"},"panels/application/components/TrustTokensView.ts | allStoredTrustTokensAvailableIn":{"message":"All stored Private State Tokens available in this browser instance."},"panels/application/components/TrustTokensView.ts | deleteTrustTokens":{"message":"Delete all stored Private State Tokens issued by {PH1}."},"panels/application/components/TrustTokensView.ts | issuer":{"message":"Issuer"},"panels/application/components/TrustTokensView.ts | noTrustTokensStored":{"message":"No Private State Tokens are currently stored."},"panels/application/components/TrustTokensView.ts | storedTokenCount":{"message":"Stored token count"},"panels/application/components/TrustTokensView.ts | trustTokens":{"message":"Private State Tokens"},"panels/application/CookieItemsView.ts | clearAllCookies":{"message":"Clear all cookies"},"panels/application/CookieItemsView.ts | clearFilteredCookies":{"message":"Clear filtered cookies"},"panels/application/CookieItemsView.ts | cookies":{"message":"Cookies"},"panels/application/CookieItemsView.ts | numberOfCookiesShownInTableS":{"message":"Number of cookies shown in table: {PH1}"},"panels/application/CookieItemsView.ts | onlyShowCookiesWhichHaveAn":{"message":"Only show cookies that have an associated issue"},"panels/application/CookieItemsView.ts | onlyShowCookiesWithAnIssue":{"message":"Only show cookies with an issue"},"panels/application/CookieItemsView.ts | selectACookieToPreviewItsValue":{"message":"Select a cookie to preview its value"},"panels/application/CookieItemsView.ts | showUrlDecoded":{"message":"Show URL-decoded"},"panels/application/DatabaseModel.ts | anUnexpectedErrorSOccurred":{"message":"An unexpected error {PH1} occurred."},"panels/application/DatabaseModel.ts | databaseNoLongerHasExpected":{"message":"Database no longer has expected version."},"panels/application/DatabaseQueryView.ts | databaseQuery":{"message":"Database Query"},"panels/application/DatabaseQueryView.ts | queryS":{"message":"Query: {PH1}"},"panels/application/DatabaseTableView.ts | anErrorOccurredTryingToreadTheS":{"message":"An error occurred trying to read the \"{PH1}\" table."},"panels/application/DatabaseTableView.ts | database":{"message":"Database"},"panels/application/DatabaseTableView.ts | refresh":{"message":"Refresh"},"panels/application/DatabaseTableView.ts | theStableIsEmpty":{"message":"The \"{PH1}\" table is empty."},"panels/application/DatabaseTableView.ts | visibleColumns":{"message":"Visible columns"},"panels/application/DOMStorageItemsView.ts | domStorage":{"message":"DOM Storage"},"panels/application/DOMStorageItemsView.ts | domStorageItemDeleted":{"message":"The storage item was deleted."},"panels/application/DOMStorageItemsView.ts | domStorageItems":{"message":"DOM Storage Items"},"panels/application/DOMStorageItemsView.ts | domStorageItemsCleared":{"message":"DOM Storage Items cleared"},"panels/application/DOMStorageItemsView.ts | domStorageNumberEntries":{"message":"Number of entries shown in table: {PH1}"},"panels/application/DOMStorageItemsView.ts | key":{"message":"Key"},"panels/application/DOMStorageItemsView.ts | selectAValueToPreview":{"message":"Select a value to preview"},"panels/application/DOMStorageItemsView.ts | value":{"message":"Value"},"panels/application/IndexedDBViews.ts | clearObjectStore":{"message":"Clear object store"},"panels/application/IndexedDBViews.ts | collapse":{"message":"Collapse"},"panels/application/IndexedDBViews.ts | dataMayBeStale":{"message":"Data may be stale"},"panels/application/IndexedDBViews.ts | deleteDatabase":{"message":"Delete database"},"panels/application/IndexedDBViews.ts | deleteSelected":{"message":"Delete selected"},"panels/application/IndexedDBViews.ts | expandRecursively":{"message":"Expand Recursively"},"panels/application/IndexedDBViews.ts | idb":{"message":"IDB"},"panels/application/IndexedDBViews.ts | indexedDb":{"message":"Indexed DB"},"panels/application/IndexedDBViews.ts | keyGeneratorValueS":{"message":"Key generator value: {PH1}"},"panels/application/IndexedDBViews.ts | keyPath":{"message":"Key path: "},"panels/application/IndexedDBViews.ts | keyString":{"message":"Key"},"panels/application/IndexedDBViews.ts | objectStores":{"message":"Object stores"},"panels/application/IndexedDBViews.ts | pleaseConfirmDeleteOfSDatabase":{"message":"Please confirm delete of \"{PH1}\" database."},"panels/application/IndexedDBViews.ts | primaryKey":{"message":"Primary key"},"panels/application/IndexedDBViews.ts | refresh":{"message":"Refresh"},"panels/application/IndexedDBViews.ts | refreshDatabase":{"message":"Refresh database"},"panels/application/IndexedDBViews.ts | showNextPage":{"message":"Show next page"},"panels/application/IndexedDBViews.ts | showPreviousPage":{"message":"Show previous page"},"panels/application/IndexedDBViews.ts | someEntriesMayHaveBeenModified":{"message":"Some entries may have been modified"},"panels/application/IndexedDBViews.ts | startFromKey":{"message":"Start from key"},"panels/application/IndexedDBViews.ts | totalEntriesS":{"message":"Total entries: {PH1}"},"panels/application/IndexedDBViews.ts | valueString":{"message":"Value"},"panels/application/IndexedDBViews.ts | version":{"message":"Version"},"panels/application/InterestGroupStorageView.ts | clickToDisplayBody":{"message":"Click on any interest group event to display the group's current state"},"panels/application/InterestGroupStorageView.ts | noDataAvailable":{"message":"No details available for the selected interest group. The browser may have left the group."},"panels/application/InterestGroupTreeElement.ts | interestGroups":{"message":"Interest Groups"},"panels/application/OpenedWindowDetailsView.ts | accessToOpener":{"message":"Access to opener"},"panels/application/OpenedWindowDetailsView.ts | clickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/OpenedWindowDetailsView.ts | closed":{"message":"closed"},"panels/application/OpenedWindowDetailsView.ts | crossoriginEmbedderPolicy":{"message":"Cross-Origin Embedder Policy"},"panels/application/OpenedWindowDetailsView.ts | document":{"message":"Document"},"panels/application/OpenedWindowDetailsView.ts | no":{"message":"No"},"panels/application/OpenedWindowDetailsView.ts | openerFrame":{"message":"Opener Frame"},"panels/application/OpenedWindowDetailsView.ts | reportingTo":{"message":"reporting to"},"panels/application/OpenedWindowDetailsView.ts | security":{"message":"Security"},"panels/application/OpenedWindowDetailsView.ts | securityIsolation":{"message":"Security & Isolation"},"panels/application/OpenedWindowDetailsView.ts | showsWhetherTheOpenedWindowIs":{"message":"Shows whether the opened window is able to access its opener and vice versa"},"panels/application/OpenedWindowDetailsView.ts | type":{"message":"Type"},"panels/application/OpenedWindowDetailsView.ts | unknown":{"message":"Unknown"},"panels/application/OpenedWindowDetailsView.ts | url":{"message":"URL"},"panels/application/OpenedWindowDetailsView.ts | webWorker":{"message":"Web Worker"},"panels/application/OpenedWindowDetailsView.ts | windowWithoutTitle":{"message":"Window without title"},"panels/application/OpenedWindowDetailsView.ts | worker":{"message":"worker"},"panels/application/OpenedWindowDetailsView.ts | yes":{"message":"Yes"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusFailure":{"message":"Preloading failed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusNotTriggered":{"message":"Preloading attempt is not yet triggered."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusPending":{"message":"Preloading attempt is eligible but pending."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusReady":{"message":"Preloading finished and the result is ready for the next navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusRunning":{"message":"Preloading is running."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailedStatusSuccess":{"message":"Preloading finished and used for a navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsAction":{"message":"Action"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsDetailedInformation":{"message":"Detailed information"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsFailureReason":{"message":"Failure reason"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsRuleSet":{"message":"Rule set"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | detailsStatus":{"message":"Status"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivatedDuringMainFrameNavigation":{"message":"Prerendered page activated during initiating page's main frame navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivationFramePolicyNotCompatible":{"message":"The prerender was not used because the sandboxing flags or permissions policy of the initiating page was not compatible with those of the prerendering page."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusActivationNavigationParameterMismatch":{"message":"The prerender was not used because during activation time, different navigation parameters (e.g., HTTP headers) were calculated than during the original prerendering navigation request."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusAudioOutputDeviceRequested":{"message":"The prerendered page requested audio output, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusBatterySaverEnabled":{"message":"The prerender was not performed because the user requested that the browser use less battery."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusBlockedByClient":{"message":"Some resource load was blocked."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusClientCertRequested":{"message":"The prerendering navigation required a HTTP client certificate."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteNavigationInInitialNavigation":{"message":"The prerendering navigation failed because it targeted a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteNavigationInMainFrameNavigation":{"message":"The prerendered page navigated to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteRedirectInInitialNavigation":{"message":"The prerendering navigation failed because the prerendered URL redirected to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusCrossSiteRedirectInMainFrameNavigation":{"message":"The prerendered page navigated to a URL which redirected to a cross-site URL."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusDataSaverEnabled":{"message":"The prerender was not performed because the user requested that the browser use less data."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusDownload":{"message":"The prerendered page attempted to initiate a download, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusFailToGetMemoryUsage":{"message":"The prerender was not performed because the browser encountered an internal error attempting to determine current memory usage."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusHasEffectiveUrl":{"message":"The initiating page cannot perform prerendering, because it has an effective URL that is different from its normal URL. (For example, the New Tab Page, or hosted apps.)"},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusInvalidSchemeNavigation":{"message":"The URL was not eligible to be prerendered because its scheme was not http: or https:."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusInvalidSchemeRedirect":{"message":"The prerendering navigation failed because it redirected to a URL whose scheme was not http: or https:."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusLoginAuthRequested":{"message":"The prerendering navigation required HTTP authentication, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusLowEndDevice":{"message":"The prerender was not performed because this device does not have enough total system memory to support prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMainFrameNavigation":{"message":"The prerendered page navigated itself to another URL, which is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMaxNumOfRunningPrerendersExceeded":{"message":"The prerender was not performed because the initiating page already has too many prerenders ongoing. Remove other speculation rules to enable further prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryLimitExceeded":{"message":"The prerender was not performed because the browser exceeded the prerendering memory limit."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryPressureAfterTriggered":{"message":"The prerendered page was unloaded because the browser came under critical memory pressure."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMemoryPressureOnTrigger":{"message":"The prerender was not performed because the browser was under critical memory pressure."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMixedContent":{"message":"The prerendered page contained mixed content."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusMojoBinderPolicy":{"message":"The prerendered page used a forbidden JavaScript API that is currently not supported."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationBadHttpStatus":{"message":"The prerendering navigation failed because of a non-2xx HTTP response status code."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationRequestBlockedByCsp":{"message":"The prerendering navigation was blocked by a Content Security Policy."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusNavigationRequestNetworkError":{"message":"The prerendering navigation encountered a network error."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPreloadingDisabled":{"message":"The prerender was not performed because the user disabled preloading in their browser settings."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrerenderingDisabledByDevTools":{"message":"The prerender was not performed because DevTools has been used to disable prerendering."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrimaryMainFrameRendererProcessCrashed":{"message":"The initiating page crashed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusPrimaryMainFrameRendererProcessKilled":{"message":"The initiating page was killed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusRendererProcessCrashed":{"message":"The prerendered page crashed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusRendererProcessKilled":{"message":"The prerendered page was killed."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusResourceLoadBlockedByClient":{"message":"Some resource load was blocked."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginNavigationNotOptInInInitialNavigation":{"message":"The prerendered page navigated itself to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginNavigationNotOptInInMainFrameNavigation":{"message":"The prerendered page navigated to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginRedirectNotOptInInInitialNavigation":{"message":"The prerendering navigation failed because the prerendered URL redirected to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSameSiteCrossOriginRedirectNotOptInInMainFrameNavigation":{"message":"The prerendered page navigated to a URL which redirected to a cross-origin same-site URL, but the destination response did not include the appropriate Supports-Loading-Mode header."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusSslCertificateError":{"message":"The prerendering navigation failed because of an invalid SSL certificate."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusTimeoutBackgrounded":{"message":"The initiating page was backgrounded for a long time, so the prerendered page was discarded."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusTriggerBackgrounded":{"message":"The initiating page was backgrounded, so the prerendered page was discarded."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | prerenderFinalStatusUaChangeRequiresReload":{"message":"Changing User Agent occured in prerendering navigation."},"panels/application/preloading/components/PreloadingDetailsReportView.ts | selectAnElementForMoreDetails":{"message":"Select an element for more details"},"panels/application/preloading/components/PreloadingGrid.ts | action":{"message":"Action"},"panels/application/preloading/components/PreloadingGrid.ts | status":{"message":"Status"},"panels/application/preloading/components/PreloadingString.ts | PrefetchEvicted":{"message":"The prefetch was discarded for a newer prefetch because |kPrefetchNewLimits| is enabled"},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedIneligibleRedirect":{"message":"The prefetch was redirected, but the redirect URL is not eligible for prefetch."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedInvalidRedirect":{"message":"The prefetch was redirected, but there was a problem with the redirect."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedMIMENotSupported":{"message":"The prefetch failed because the response's Content-Type header was not supported."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedNetError":{"message":"The prefetch failed because of a network error."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedNon2XX":{"message":"The prefetch failed because of a non-2xx HTTP response status code."},"panels/application/preloading/components/PreloadingString.ts | PrefetchFailedPerPageLimitExceeded":{"message":"The prefetch was not performed because the initiating page already has too many prefetches ongoing."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIneligibleRetryAfter":{"message":"A previous prefetch to the origin got a HTTP 503 response with an Retry-After header that has not elapsed yet."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIsPrivacyDecoy":{"message":"The URL was not eligible to be prefetched because there was a registered service worker or cross-site cookies for that origin, but the prefetch was put on the network anyways and not used, to disguise that the user had some kind of previous relationship with the origin."},"panels/application/preloading/components/PreloadingString.ts | PrefetchIsStale":{"message":"Too much time elapsed between the prefetch and usage, so the prefetch was discarded."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleBatterySaverEnabled":{"message":"The prefetch was not performed because the Battery Saver setting was enabled."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleBrowserContextOffTheRecord":{"message":"The prefetch was not performed because the browser is in Incognito or Guest mode."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleDataSaverEnabled":{"message":"The prefetch was not performed because the operating system is in Data Saver mode."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleExistingProxy":{"message":"The URL is not eligible to be prefetched, because in the default network context it is configured to use a proxy server."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleHostIsNonUnique":{"message":"The URL was not eligible to be prefetched because its host was not unique (e.g., a non publicly routable IP address or a hostname which is not registry-controlled), but the prefetch was required to be proxied."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleNonDefaultStoragePartition":{"message":"The URL was not eligible to be prefetched because it uses a non-default storage partition."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligiblePreloadingDisabled":{"message":"The prefetch was not performed because preloading was disabled."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleSameSiteCrossOriginPrefetchRequiredProxy":{"message":"The URL was not eligible to be prefetched because the default network context cannot be configured to use the prefetch proxy for a same-site cross-origin prefetch request."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleSchemeIsNotHttps":{"message":"The URL was not eligible to be prefetched because its scheme was not https:."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleUserHasCookies":{"message":"The URL was not eligible to be prefetched because it was cross-site, but the user had cookies for that origin."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotEligibleUserHasServiceWorker":{"message":"The URL was not eligible to be prefetched because there was a registered service worker for that origin, which is currently not supported."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotUsedCookiesChanged":{"message":"The prefetch was not used because it was a cross-site prefetch, and cookies were added for that URL while the prefetch was ongoing, so the prefetched response is now out-of-date."},"panels/application/preloading/components/PreloadingString.ts | PrefetchNotUsedProbeFailed":{"message":"The prefetch was blocked by your Internet Service Provider or network administrator."},"panels/application/preloading/components/PreloadingString.ts | PrefetchProxyNotAvailable":{"message":"A network error was encountered when trying to set up a connection to the prefetching proxy."},"panels/application/preloading/components/RuleSetDetailsReportView.ts | buttonClickToRevealInElementsPanel":{"message":"Click to reveal in Elements panel"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | buttonClickToRevealInNetworkPanel":{"message":"Click to reveal in Network panel"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsDetailedInformation":{"message":"Detailed information"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsError":{"message":"Error"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsLocation":{"message":"Location"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsSource":{"message":"Source"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | detailsValidity":{"message":"Validity"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validityInvalid":{"message":"Invalid; source is not a JSON object"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validitySomeRulesInvalid":{"message":"Some rules are invalid and ignored"},"panels/application/preloading/components/RuleSetDetailsReportView.ts | validityValid":{"message":"Valid"},"panels/application/preloading/components/RuleSetGrid.ts | location":{"message":"Location"},"panels/application/preloading/components/RuleSetGrid.ts | validity":{"message":"Validity"},"panels/application/preloading/components/UsedPreloadingView.ts | prefetchUsed":{"message":"{PH1} prefetched resources are used for this page"},"panels/application/preloading/components/UsedPreloadingView.ts | preloadingUsedForThisPage":{"message":"Preloading used for this page"},"panels/application/preloading/components/UsedPreloadingView.ts | prerenderUsed":{"message":"This page was prerendered"},"panels/application/preloading/PreloadingView.ts | extensionSettings":{"message":"Extensions settings"},"panels/application/preloading/PreloadingView.ts | filterAllRuleSets":{"message":"All rule sets"},"panels/application/preloading/PreloadingView.ts | filterFilterByRuleSet":{"message":"Filter by rule set"},"panels/application/preloading/PreloadingView.ts | filterRuleSet":{"message":"Rule set: {PH1}"},"panels/application/preloading/PreloadingView.ts | preloadingPageSettings":{"message":"Preload pages settings"},"panels/application/preloading/PreloadingView.ts | statusFailure":{"message":"Failure"},"panels/application/preloading/PreloadingView.ts | statusNotTriggered":{"message":"Not triggered"},"panels/application/preloading/PreloadingView.ts | statusPending":{"message":"Pending"},"panels/application/preloading/PreloadingView.ts | statusReady":{"message":"Ready"},"panels/application/preloading/PreloadingView.ts | statusRunning":{"message":"Running"},"panels/application/preloading/PreloadingView.ts | statusSuccess":{"message":"Success"},"panels/application/preloading/PreloadingView.ts | validityInvalid":{"message":"Invalid"},"panels/application/preloading/PreloadingView.ts | validitySomeRulesInvalid":{"message":"Some rules invalid"},"panels/application/preloading/PreloadingView.ts | validityValid":{"message":"Valid"},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByBatterysaver":{"message":"Preloading is disabled because of the operating system's Battery Saver mode."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByDatasaver":{"message":"Preloading is disabled because of the operating system's Data Saver mode."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingDisabledByFeatureFlag":{"message":"Preloading is forced-enabled because DevTools is open. When DevTools is closed, prerendering will be disabled because this browser session is part of a holdback group used for performance comparisons."},"panels/application/preloading/PreloadingView.ts | warningDetailPreloadingStateDisabled":{"message":"Preloading is disabled because of user settings or an extension. Go to {PH1} to learn more, or go to {PH2} to disable the extension."},"panels/application/preloading/PreloadingView.ts | warningDetailPrerenderingDisabledByFeatureFlag":{"message":"Prerendering is forced-enabled because DevTools is open. When DevTools is closed, prerendering will be disabled because this browser session is part of a holdback group used for performance comparisons."},"panels/application/preloading/PreloadingView.ts | warningTitlePreloadingDisabledByFeatureFlag":{"message":"Preloading was disabled, but is force-enabled now"},"panels/application/preloading/PreloadingView.ts | warningTitlePreloadingStateDisabled":{"message":"Preloading is disabled"},"panels/application/preloading/PreloadingView.ts | warningTitlePrerenderingDisabledByFeatureFlag":{"message":"Prerendering was disabled, but is force-enabled now"},"panels/application/PreloadingTreeElement.ts | prefetchingAndPrerendering":{"message":"Prefetching & Prerendering"},"panels/application/PreloadingTreeElement.ts | thisPage":{"message":"This Page"},"panels/application/ReportingApiReportsView.ts | clickToDisplayBody":{"message":"Click on any report to display its body"},"panels/application/ReportingApiTreeElement.ts | reportingApi":{"message":"Reporting API"},"panels/application/ServiceWorkerCacheTreeElement.ts | cacheStorage":{"message":"Cache Storage"},"panels/application/ServiceWorkerCacheTreeElement.ts | delete":{"message":"Delete"},"panels/application/ServiceWorkerCacheTreeElement.ts | refreshCaches":{"message":"Refresh Caches"},"panels/application/ServiceWorkerCacheViews.ts | cache":{"message":"Cache"},"panels/application/ServiceWorkerCacheViews.ts | deleteSelected":{"message":"Delete Selected"},"panels/application/ServiceWorkerCacheViews.ts | filterByPath":{"message":"Filter by Path"},"panels/application/ServiceWorkerCacheViews.ts | headers":{"message":"Headers"},"panels/application/ServiceWorkerCacheViews.ts | matchingEntriesS":{"message":"Matching entries: {PH1}"},"panels/application/ServiceWorkerCacheViews.ts | name":{"message":"Name"},"panels/application/ServiceWorkerCacheViews.ts | preview":{"message":"Preview"},"panels/application/ServiceWorkerCacheViews.ts | refresh":{"message":"Refresh"},"panels/application/ServiceWorkerCacheViews.ts | selectACacheEntryAboveToPreview":{"message":"Select a cache entry above to preview"},"panels/application/ServiceWorkerCacheViews.ts | serviceWorkerCache":{"message":"Service Worker Cache"},"panels/application/ServiceWorkerCacheViews.ts | timeCached":{"message":"Time Cached"},"panels/application/ServiceWorkerCacheViews.ts | totalEntriesS":{"message":"Total entries: {PH1}"},"panels/application/ServiceWorkerCacheViews.ts | varyHeaderWarning":{"message":"⚠️ Set ignoreVary to true when matching this entry"},"panels/application/ServiceWorkersView.ts | bypassForNetwork":{"message":"Bypass for network"},"panels/application/ServiceWorkersView.ts | bypassTheServiceWorkerAndLoad":{"message":"Bypass the service worker and load resources from the network"},"panels/application/ServiceWorkersView.ts | clients":{"message":"Clients"},"panels/application/ServiceWorkersView.ts | focus":{"message":"focus"},"panels/application/ServiceWorkersView.ts | inspect":{"message":"inspect"},"panels/application/ServiceWorkersView.ts | networkRequests":{"message":"Network requests"},"panels/application/ServiceWorkersView.ts | onPageReloadForceTheService":{"message":"On page reload, force the service worker to update, and activate it"},"panels/application/ServiceWorkersView.ts | periodicSync":{"message":"Periodic Sync"},"panels/application/ServiceWorkersView.ts | periodicSyncTag":{"message":"Periodic Sync tag"},"panels/application/ServiceWorkersView.ts | pushData":{"message":"Push data"},"panels/application/ServiceWorkersView.ts | pushString":{"message":"Push"},"panels/application/ServiceWorkersView.ts | receivedS":{"message":"Received {PH1}"},"panels/application/ServiceWorkersView.ts | sActivatedAndIsS":{"message":"#{PH1} activated and is {PH2}"},"panels/application/ServiceWorkersView.ts | sDeleted":{"message":"{PH1} - deleted"},"panels/application/ServiceWorkersView.ts | seeAllRegistrations":{"message":"See all registrations"},"panels/application/ServiceWorkersView.ts | serviceWorkerForS":{"message":"Service worker for {PH1}"},"panels/application/ServiceWorkersView.ts | serviceWorkersFromOtherOrigins":{"message":"Service workers from other origins"},"panels/application/ServiceWorkersView.ts | sIsRedundant":{"message":"#{PH1} is redundant"},"panels/application/ServiceWorkersView.ts | source":{"message":"Source"},"panels/application/ServiceWorkersView.ts | sRegistrationErrors":{"message":"{PH1} registration errors"},"panels/application/ServiceWorkersView.ts | startString":{"message":"start"},"panels/application/ServiceWorkersView.ts | status":{"message":"Status"},"panels/application/ServiceWorkersView.ts | stopString":{"message":"stop"},"panels/application/ServiceWorkersView.ts | sTryingToInstall":{"message":"#{PH1} trying to install"},"panels/application/ServiceWorkersView.ts | sWaitingToActivate":{"message":"#{PH1} waiting to activate"},"panels/application/ServiceWorkersView.ts | syncString":{"message":"Sync"},"panels/application/ServiceWorkersView.ts | syncTag":{"message":"Sync tag"},"panels/application/ServiceWorkersView.ts | testPushMessageFromDevtools":{"message":"Test push message from DevTools."},"panels/application/ServiceWorkersView.ts | unregister":{"message":"Unregister"},"panels/application/ServiceWorkersView.ts | unregisterServiceWorker":{"message":"Unregister service worker"},"panels/application/ServiceWorkersView.ts | update":{"message":"Update"},"panels/application/ServiceWorkersView.ts | updateCycle":{"message":"Update Cycle"},"panels/application/ServiceWorkersView.ts | updateOnReload":{"message":"Update on reload"},"panels/application/ServiceWorkersView.ts | workerS":{"message":"Worker: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | endTimeS":{"message":"End time: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | startTimeS":{"message":"Start time: {PH1}"},"panels/application/ServiceWorkerUpdateCycleView.ts | timeline":{"message":"Timeline"},"panels/application/ServiceWorkerUpdateCycleView.ts | updateActivity":{"message":"Update Activity"},"panels/application/ServiceWorkerUpdateCycleView.ts | version":{"message":"Version"},"panels/application/SharedStorageEventsView.ts | clickToDisplayBody":{"message":"Click on any shared storage event to display the event parameters."},"panels/application/SharedStorageItemsView.ts | key":{"message":"Key"},"panels/application/SharedStorageItemsView.ts | selectAValueToPreview":{"message":"Select a value to preview"},"panels/application/SharedStorageItemsView.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/SharedStorageItemsView.ts | sharedStorageFilteredItemsCleared":{"message":"Shared Storage filtered items cleared"},"panels/application/SharedStorageItemsView.ts | sharedStorageItemDeleted":{"message":"The storage item was deleted."},"panels/application/SharedStorageItemsView.ts | sharedStorageItemEditCanceled":{"message":"The storage item edit was canceled."},"panels/application/SharedStorageItemsView.ts | sharedStorageItemEdited":{"message":"The storage item was edited."},"panels/application/SharedStorageItemsView.ts | sharedStorageItems":{"message":"Shared Storage Items"},"panels/application/SharedStorageItemsView.ts | sharedStorageItemsCleared":{"message":"Shared Storage items cleared"},"panels/application/SharedStorageItemsView.ts | sharedStorageNumberEntries":{"message":"Number of entries shown in table: {PH1}"},"panels/application/SharedStorageItemsView.ts | value":{"message":"Value"},"panels/application/SharedStorageListTreeElement.ts | sharedStorage":{"message":"Shared Storage"},"panels/application/StorageItemsView.ts | clearAll":{"message":"Clear All"},"panels/application/StorageItemsView.ts | deleteSelected":{"message":"Delete Selected"},"panels/application/StorageItemsView.ts | filter":{"message":"Filter"},"panels/application/StorageItemsView.ts | refresh":{"message":"Refresh"},"panels/application/StorageItemsView.ts | refreshedStatus":{"message":"Table refreshed"},"panels/application/StorageView.ts | application":{"message":"Application"},"panels/application/StorageView.ts | cache":{"message":"Cache"},"panels/application/StorageView.ts | cacheStorage":{"message":"Cache storage"},"panels/application/StorageView.ts | clearing":{"message":"Clearing..."},"panels/application/StorageView.ts | clearSiteData":{"message":"Clear site data"},"panels/application/StorageView.ts | cookies":{"message":"Cookies"},"panels/application/StorageView.ts | fileSystem":{"message":"File System"},"panels/application/StorageView.ts | includingThirdPartyCookies":{"message":"including third-party cookies"},"panels/application/StorageView.ts | indexDB":{"message":"IndexedDB"},"panels/application/StorageView.ts | internalError":{"message":"Internal error"},"panels/application/StorageView.ts | learnMore":{"message":"Learn more"},"panels/application/StorageView.ts | localAndSessionStorage":{"message":"Local and session storage"},"panels/application/StorageView.ts | mb":{"message":"MB"},"panels/application/StorageView.ts | numberMustBeNonNegative":{"message":"Number must be non-negative"},"panels/application/StorageView.ts | numberMustBeSmaller":{"message":"Number must be smaller than {PH1}"},"panels/application/StorageView.ts | other":{"message":"Other"},"panels/application/StorageView.ts | pleaseEnterANumber":{"message":"Please enter a number"},"panels/application/StorageView.ts | serviceWorkers":{"message":"Service Workers"},"panels/application/StorageView.ts | sFailedToLoad":{"message":"{PH1} (failed to load)"},"panels/application/StorageView.ts | simulateCustomStorage":{"message":"Simulate custom storage quota"},"panels/application/StorageView.ts | SiteDataCleared":{"message":"Site data cleared"},"panels/application/StorageView.ts | storageQuotaIsLimitedIn":{"message":"Storage quota is limited in Incognito mode"},"panels/application/StorageView.ts | storageQuotaUsed":{"message":"{PH1} used out of {PH2} storage quota"},"panels/application/StorageView.ts | storageQuotaUsedWithBytes":{"message":"{PH1} bytes used out of {PH2} bytes storage quota"},"panels/application/StorageView.ts | storageTitle":{"message":"Storage"},"panels/application/StorageView.ts | storageUsage":{"message":"Storage usage"},"panels/application/StorageView.ts | storageWithCustomMarker":{"message":"{PH1} (custom)"},"panels/application/StorageView.ts | unregisterServiceWorker":{"message":"Unregister service workers"},"panels/application/StorageView.ts | usage":{"message":"Usage"},"panels/application/StorageView.ts | webSql":{"message":"Web SQL"},"panels/application/TrustTokensTreeElement.ts | trustTokens":{"message":"Private State Tokens"},"panels/browser_debugger/browser_debugger-meta.ts | contentScripts":{"message":"Content scripts"},"panels/browser_debugger/browser_debugger-meta.ts | cspViolationBreakpoints":{"message":"CSP Violation Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | domBreakpoints":{"message":"DOM Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | eventListenerBreakpoints":{"message":"Event Listener Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | globalListeners":{"message":"Global Listeners"},"panels/browser_debugger/browser_debugger-meta.ts | overrides":{"message":"Overrides"},"panels/browser_debugger/browser_debugger-meta.ts | page":{"message":"Page"},"panels/browser_debugger/browser_debugger-meta.ts | showContentScripts":{"message":"Show Content scripts"},"panels/browser_debugger/browser_debugger-meta.ts | showCspViolationBreakpoints":{"message":"Show CSP Violation Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showDomBreakpoints":{"message":"Show DOM Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showEventListenerBreakpoints":{"message":"Show Event Listener Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | showGlobalListeners":{"message":"Show Global Listeners"},"panels/browser_debugger/browser_debugger-meta.ts | showOverrides":{"message":"Show Overrides"},"panels/browser_debugger/browser_debugger-meta.ts | showPage":{"message":"Show Page"},"panels/browser_debugger/browser_debugger-meta.ts | showXhrfetchBreakpoints":{"message":"Show XHR/fetch Breakpoints"},"panels/browser_debugger/browser_debugger-meta.ts | xhrfetchBreakpoints":{"message":"XHR/fetch Breakpoints"},"panels/browser_debugger/CategorizedBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | attributeModified":{"message":"Attribute modified"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakOn":{"message":"Break on"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointRemoved":{"message":"Breakpoint removed"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | breakpointSet":{"message":"Breakpoint set"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | checked":{"message":"checked"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | domBreakpointsList":{"message":"DOM Breakpoints list"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | noBreakpoints":{"message":"No breakpoints"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | nodeRemoved":{"message":"Node removed"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | removeAllDomBreakpoints":{"message":"Remove all DOM breakpoints"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | revealDomNodeInElementsPanel":{"message":"Reveal DOM node in Elements panel"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sBreakpointHit":{"message":"{PH1} breakpoint hit"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sS":{"message":"{PH1}: {PH2}"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sSS":{"message":"{PH1}: {PH2}, {PH3}"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | subtreeModified":{"message":"Subtree modified"},"panels/browser_debugger/DOMBreakpointsSidebarPane.ts | unchecked":{"message":"unchecked"},"panels/browser_debugger/ObjectEventListenersSidebarPane.ts | refreshGlobalListeners":{"message":"Refresh global listeners"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | addXhrfetchBreakpoint":{"message":"Add XHR/fetch breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | anyXhrOrFetch":{"message":"Any XHR or fetch"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | breakpointHit":{"message":"breakpoint hit"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | breakWhenUrlContains":{"message":"Break when URL contains:"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | noBreakpoints":{"message":"No breakpoints"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | removeAllBreakpoints":{"message":"Remove all breakpoints"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | urlBreakpoint":{"message":"URL Breakpoint"},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | urlContainsS":{"message":"URL contains \"{PH1}\""},"panels/browser_debugger/XHRBreakpointsSidebarPane.ts | xhrfetchBreakpoints":{"message":"XHR/fetch Breakpoints"},"panels/changes/changes-meta.ts | changes":{"message":"Changes"},"panels/changes/changes-meta.ts | showChanges":{"message":"Show Changes"},"panels/changes/ChangesSidebar.ts | sFromSourceMap":{"message":"{PH1} (from source map)"},"panels/changes/ChangesView.ts | binaryData":{"message":"Binary data"},"panels/changes/ChangesView.ts | copy":{"message":"Copy"},"panels/changes/ChangesView.ts | copyAllChangesFromCurrentFile":{"message":"Copy all changes from current file"},"panels/changes/ChangesView.ts | noChanges":{"message":"No changes"},"panels/changes/ChangesView.ts | revertAllChangesToCurrentFile":{"message":"Revert all changes to current file"},"panels/changes/ChangesView.ts | sDeletions":{"message":"{n, plural, =1 {# deletion (-)} other {# deletions (-)}}"},"panels/changes/ChangesView.ts | sInsertions":{"message":"{n, plural, =1 {# insertion (+)} other {# insertions (+)}}"},"panels/console_counters/WarningErrorCounter.ts | openConsoleToViewS":{"message":"Open Console to view {PH1}"},"panels/console_counters/WarningErrorCounter.ts | openIssuesToView":{"message":"{n, plural, =1 {Open Issues to view # issue:} other {Open Issues to view # issues:}}"},"panels/console_counters/WarningErrorCounter.ts | sErrors":{"message":"{n, plural, =1 {# error} other {# errors}}"},"panels/console_counters/WarningErrorCounter.ts | sWarnings":{"message":"{n, plural, =1 {# warning} other {# warnings}}"},"panels/console/console-meta.ts | autocompleteFromHistory":{"message":"Autocomplete from history"},"panels/console/console-meta.ts | autocompleteOnEnter":{"message":"Accept autocomplete suggestion on Enter"},"panels/console/console-meta.ts | clearConsole":{"message":"Clear console"},"panels/console/console-meta.ts | clearConsoleHistory":{"message":"Clear console history"},"panels/console/console-meta.ts | collapseConsoleTraceMessagesByDefault":{"message":"Do not automatically expand console.trace() messages"},"panels/console/console-meta.ts | console":{"message":"Console"},"panels/console/console-meta.ts | createLiveExpression":{"message":"Create live expression"},"panels/console/console-meta.ts | doNotAutocompleteFromHistory":{"message":"Do not autocomplete from history"},"panels/console/console-meta.ts | doNotAutocompleteOnEnter":{"message":"Do not accept autocomplete suggestion on Enter"},"panels/console/console-meta.ts | doNotEagerlyEvaluateConsole":{"message":"Do not eagerly evaluate console prompt text"},"panels/console/console-meta.ts | doNotGroupSimilarMessagesIn":{"message":"Do not group similar messages in console"},"panels/console/console-meta.ts | doNotShowCorsErrorsIn":{"message":"Do not show CORS errors in console"},"panels/console/console-meta.ts | doNotTreatEvaluationAsUser":{"message":"Do not treat evaluation as user activation"},"panels/console/console-meta.ts | eagerEvaluation":{"message":"Eager evaluation"},"panels/console/console-meta.ts | eagerlyEvaluateConsolePromptText":{"message":"Eagerly evaluate console prompt text"},"panels/console/console-meta.ts | evaluateTriggersUserActivation":{"message":"Treat code evaluation as user action"},"panels/console/console-meta.ts | expandConsoleTraceMessagesByDefault":{"message":"Automatically expand console.trace() messages"},"panels/console/console-meta.ts | groupSimilarMessagesInConsole":{"message":"Group similar messages in console"},"panels/console/console-meta.ts | hideNetworkMessages":{"message":"Hide network messages"},"panels/console/console-meta.ts | hideTimestamps":{"message":"Hide timestamps"},"panels/console/console-meta.ts | logXmlhttprequests":{"message":"Log XMLHttpRequests"},"panels/console/console-meta.ts | onlyShowMessagesFromTheCurrent":{"message":"Only show messages from the current context (top, iframe, worker, extension)"},"panels/console/console-meta.ts | selectedContextOnly":{"message":"Selected context only"},"panels/console/console-meta.ts | showConsole":{"message":"Show Console"},"panels/console/console-meta.ts | showCorsErrorsInConsole":{"message":"Show CORS errors in console"},"panels/console/console-meta.ts | showMessagesFromAllContexts":{"message":"Show messages from all contexts"},"panels/console/console-meta.ts | showNetworkMessages":{"message":"Show network messages"},"panels/console/console-meta.ts | showTimestamps":{"message":"Show timestamps"},"panels/console/console-meta.ts | treatEvaluationAsUserActivation":{"message":"Treat evaluation as user activation"},"panels/console/ConsoleContextSelector.ts | extension":{"message":"Extension"},"panels/console/ConsoleContextSelector.ts | javascriptContextNotSelected":{"message":"JavaScript context: Not selected"},"panels/console/ConsoleContextSelector.ts | javascriptContextS":{"message":"JavaScript context: {PH1}"},"panels/console/ConsolePinPane.ts | evaluateAllowingSideEffects":{"message":"Evaluate, allowing side effects"},"panels/console/ConsolePinPane.ts | expression":{"message":"Expression"},"panels/console/ConsolePinPane.ts | liveExpressionEditor":{"message":"Live expression editor"},"panels/console/ConsolePinPane.ts | notAvailable":{"message":"not available"},"panels/console/ConsolePinPane.ts | removeAllExpressions":{"message":"Remove all expressions"},"panels/console/ConsolePinPane.ts | removeBlankExpression":{"message":"Remove blank expression"},"panels/console/ConsolePinPane.ts | removeExpression":{"message":"Remove expression"},"panels/console/ConsolePinPane.ts | removeExpressionS":{"message":"Remove expression: {PH1}"},"panels/console/ConsolePrompt.ts | consolePrompt":{"message":"Console prompt"},"panels/console/ConsoleSidebar.ts | dErrors":{"message":"{n, plural, =0 {No errors} =1 {# error} other {# errors}}"},"panels/console/ConsoleSidebar.ts | dInfo":{"message":"{n, plural, =0 {No info} =1 {# info} other {# info}}"},"panels/console/ConsoleSidebar.ts | dMessages":{"message":"{n, plural, =0 {No messages} =1 {# message} other {# messages}}"},"panels/console/ConsoleSidebar.ts | dUserMessages":{"message":"{n, plural, =0 {No user messages} =1 {# user message} other {# user messages}}"},"panels/console/ConsoleSidebar.ts | dVerbose":{"message":"{n, plural, =0 {No verbose} =1 {# verbose} other {# verbose}}"},"panels/console/ConsoleSidebar.ts | dWarnings":{"message":"{n, plural, =0 {No warnings} =1 {# warning} other {# warnings}}"},"panels/console/ConsoleSidebar.ts | other":{"message":"<other>"},"panels/console/ConsoleView.ts | allLevels":{"message":"All levels"},"panels/console/ConsoleView.ts | autocompleteFromHistory":{"message":"Autocomplete from history"},"panels/console/ConsoleView.ts | consoleCleared":{"message":"Console cleared"},"panels/console/ConsoleView.ts | consolePasteBlocked":{"message":"Pasting code is blocked on this page. Pasting code into devtools can allow attackers to take over your account."},"panels/console/ConsoleView.ts | consoleSettings":{"message":"Console settings"},"panels/console/ConsoleView.ts | consoleSidebarHidden":{"message":"Console sidebar hidden"},"panels/console/ConsoleView.ts | consoleSidebarShown":{"message":"Console sidebar shown"},"panels/console/ConsoleView.ts | copyVisibleStyledSelection":{"message":"Copy visible styled selection"},"panels/console/ConsoleView.ts | customLevels":{"message":"Custom levels"},"panels/console/ConsoleView.ts | default":{"message":"Default"},"panels/console/ConsoleView.ts | defaultLevels":{"message":"Default levels"},"panels/console/ConsoleView.ts | doNotClearLogOnPageReload":{"message":"Do not clear log on page reload / navigation"},"panels/console/ConsoleView.ts | eagerlyEvaluateTextInThePrompt":{"message":"Eagerly evaluate text in the prompt"},"panels/console/ConsoleView.ts | egEventdCdnUrlacom":{"message":"e.g. /eventd/ -cdn url:a.com"},"panels/console/ConsoleView.ts | errors":{"message":"Errors"},"panels/console/ConsoleView.ts | filter":{"message":"Filter"},"panels/console/ConsoleView.ts | filteredMessagesInConsole":{"message":"{PH1} messages in console"},"panels/console/ConsoleView.ts | findStringInLogs":{"message":"Find string in logs"},"panels/console/ConsoleView.ts | groupSimilarMessagesInConsole":{"message":"Group similar messages in console"},"panels/console/ConsoleView.ts | hideAll":{"message":"Hide all"},"panels/console/ConsoleView.ts | hideConsoleSidebar":{"message":"Hide console sidebar"},"panels/console/ConsoleView.ts | hideMessagesFromS":{"message":"Hide messages from {PH1}"},"panels/console/ConsoleView.ts | hideNetwork":{"message":"Hide network"},"panels/console/ConsoleView.ts | info":{"message":"Info"},"panels/console/ConsoleView.ts | issuesWithColon":{"message":"{n, plural, =0 {No Issues} =1 {# Issue:} other {# Issues:}}"},"panels/console/ConsoleView.ts | issueToolbarClickToGoToTheIssuesTab":{"message":"Click to go to the issues tab"},"panels/console/ConsoleView.ts | issueToolbarClickToView":{"message":"Click to view {issueEnumeration}"},"panels/console/ConsoleView.ts | issueToolbarTooltipGeneral":{"message":"Some problems no longer generate console messages, but are surfaced in the issues tab."},"panels/console/ConsoleView.ts | logLevels":{"message":"Log levels"},"panels/console/ConsoleView.ts | logLevelS":{"message":"Log level: {PH1}"},"panels/console/ConsoleView.ts | logXMLHttpRequests":{"message":"Log XMLHttpRequests"},"panels/console/ConsoleView.ts | onlyShowMessagesFromTheCurrentContext":{"message":"Only show messages from the current context (top, iframe, worker, extension)"},"panels/console/ConsoleView.ts | overriddenByFilterSidebar":{"message":"Overridden by filter sidebar"},"panels/console/ConsoleView.ts | preserveLog":{"message":"Preserve log"},"panels/console/ConsoleView.ts | replayXhr":{"message":"Replay XHR"},"panels/console/ConsoleView.ts | saveAs":{"message":"Save as..."},"panels/console/ConsoleView.ts | searching":{"message":"Searching…"},"panels/console/ConsoleView.ts | selectedContextOnly":{"message":"Selected context only"},"panels/console/ConsoleView.ts | sHidden":{"message":"{n, plural, =1 {# hidden} other {# hidden}}"},"panels/console/ConsoleView.ts | showConsoleSidebar":{"message":"Show console sidebar"},"panels/console/ConsoleView.ts | showCorsErrorsInConsole":{"message":"Show CORS errors in console"},"panels/console/ConsoleView.ts | sOnly":{"message":"{PH1} only"},"panels/console/ConsoleView.ts | treatEvaluationAsUserActivation":{"message":"Treat evaluation as user activation"},"panels/console/ConsoleView.ts | verbose":{"message":"Verbose"},"panels/console/ConsoleView.ts | warnings":{"message":"Warnings"},"panels/console/ConsoleView.ts | writingFile":{"message":"Writing file…"},"panels/console/ConsoleViewMessage.ts | assertionFailed":{"message":"Assertion failed: "},"panels/console/ConsoleViewMessage.ts | attribute":{"message":"<attribute>"},"panels/console/ConsoleViewMessage.ts | clearAllMessagesWithS":{"message":"Clear all messages with {PH1}"},"panels/console/ConsoleViewMessage.ts | cndBreakpoint":{"message":"Conditional Breakpoint"},"panels/console/ConsoleViewMessage.ts | console":{"message":"Console"},"panels/console/ConsoleViewMessage.ts | consoleclearWasPreventedDueTo":{"message":"console.clear() was prevented due to 'Preserve log'"},"panels/console/ConsoleViewMessage.ts | consoleWasCleared":{"message":"Console was cleared"},"panels/console/ConsoleViewMessage.ts | deprecationS":{"message":"[Deprecation] {PH1}"},"panels/console/ConsoleViewMessage.ts | error":{"message":"Error"},"panels/console/ConsoleViewMessage.ts | errorS":{"message":"{n, plural, =1 {Error, Repeated # time} other {Error, Repeated # times}}"},"panels/console/ConsoleViewMessage.ts | exception":{"message":"<exception>"},"panels/console/ConsoleViewMessage.ts | functionWasResolvedFromBound":{"message":"Function was resolved from bound function."},"panels/console/ConsoleViewMessage.ts | index":{"message":"(index)"},"panels/console/ConsoleViewMessage.ts | interventionS":{"message":"[Intervention] {PH1}"},"panels/console/ConsoleViewMessage.ts | logpoint":{"message":"Logpoint"},"panels/console/ConsoleViewMessage.ts | Mxx":{"message":" M<XX>"},"panels/console/ConsoleViewMessage.ts | repeatS":{"message":"{n, plural, =1 {Repeated # time} other {Repeated # times}}"},"panels/console/ConsoleViewMessage.ts | someEvent":{"message":"<some> event"},"panels/console/ConsoleViewMessage.ts | stackMessageCollapsed":{"message":"Stack table collapsed"},"panels/console/ConsoleViewMessage.ts | stackMessageExpanded":{"message":"Stack table expanded"},"panels/console/ConsoleViewMessage.ts | thisValueWasEvaluatedUponFirst":{"message":"This value was evaluated upon first expanding. It may have changed since then."},"panels/console/ConsoleViewMessage.ts | thisValueWillNotBeCollectedUntil":{"message":"This value will not be collected until console is cleared."},"panels/console/ConsoleViewMessage.ts | tookNms":{"message":"took <N>ms"},"panels/console/ConsoleViewMessage.ts | url":{"message":"<URL>"},"panels/console/ConsoleViewMessage.ts | value":{"message":"Value"},"panels/console/ConsoleViewMessage.ts | violationS":{"message":"[Violation] {PH1}"},"panels/console/ConsoleViewMessage.ts | warning":{"message":"Warning"},"panels/console/ConsoleViewMessage.ts | warningS":{"message":"{n, plural, =1 {Warning, Repeated # time} other {Warning, Repeated # times}}"},"panels/coverage/coverage-meta.ts | coverage":{"message":"Coverage"},"panels/coverage/coverage-meta.ts | instrumentCoverage":{"message":"Instrument coverage"},"panels/coverage/coverage-meta.ts | reloadPage":{"message":"Reload page"},"panels/coverage/coverage-meta.ts | showCoverage":{"message":"Show Coverage"},"panels/coverage/coverage-meta.ts | startInstrumentingCoverageAnd":{"message":"Start instrumenting coverage and reload page"},"panels/coverage/coverage-meta.ts | stopInstrumentingCoverageAndShow":{"message":"Stop instrumenting coverage and show results"},"panels/coverage/CoverageListView.ts | codeCoverage":{"message":"Code Coverage"},"panels/coverage/CoverageListView.ts | css":{"message":"CSS"},"panels/coverage/CoverageListView.ts | jsCoverageWithPerBlock":{"message":"JS coverage with per block granularity: Once a block of JavaScript was executed, that block is marked as covered."},"panels/coverage/CoverageListView.ts | jsCoverageWithPerFunction":{"message":"JS coverage with per function granularity: Once a function was executed, the whole function is marked as covered."},"panels/coverage/CoverageListView.ts | jsPerBlock":{"message":"JS (per block)"},"panels/coverage/CoverageListView.ts | jsPerFunction":{"message":"JS (per function)"},"panels/coverage/CoverageListView.ts | sBytes":{"message":"{n, plural, =1 {# byte} other {# bytes}}"},"panels/coverage/CoverageListView.ts | sBytesS":{"message":"{n, plural, =1 {# byte, {percentage}} other {# bytes, {percentage}}}"},"panels/coverage/CoverageListView.ts | sBytesSBelongToBlocksOf":{"message":"{PH1} bytes ({PH2}) belong to blocks of JavaScript that have not (yet) been executed."},"panels/coverage/CoverageListView.ts | sBytesSBelongToBlocksOfJavascript":{"message":"{PH1} bytes ({PH2}) belong to blocks of JavaScript that have executed at least once."},"panels/coverage/CoverageListView.ts | sBytesSBelongToFunctionsThatHave":{"message":"{PH1} bytes ({PH2}) belong to functions that have not (yet) been executed."},"panels/coverage/CoverageListView.ts | sBytesSBelongToFunctionsThatHaveExecuted":{"message":"{PH1} bytes ({PH2}) belong to functions that have executed at least once."},"panels/coverage/CoverageListView.ts | sOfFileUnusedSOfFileUsed":{"message":"{PH1} % of file unused, {PH2} % of file used"},"panels/coverage/CoverageListView.ts | totalBytes":{"message":"Total Bytes"},"panels/coverage/CoverageListView.ts | type":{"message":"Type"},"panels/coverage/CoverageListView.ts | unusedBytes":{"message":"Unused Bytes"},"panels/coverage/CoverageListView.ts | url":{"message":"URL"},"panels/coverage/CoverageListView.ts | usageVisualization":{"message":"Usage Visualization"},"panels/coverage/CoverageView.ts | activationNoCapture":{"message":"Could not capture coverage info because the page was prerendered in the background."},"panels/coverage/CoverageView.ts | all":{"message":"All"},"panels/coverage/CoverageView.ts | bfcacheNoCapture":{"message":"Could not capture coverage info because the page was served from the back/forward cache."},"panels/coverage/CoverageView.ts | chooseCoverageGranularityPer":{"message":"Choose coverage granularity: Per function has low overhead, per block has significant overhead."},"panels/coverage/CoverageView.ts | clearAll":{"message":"Clear all"},"panels/coverage/CoverageView.ts | clickTheRecordButtonSToStart":{"message":"Click the record button {PH1} to start capturing coverage."},"panels/coverage/CoverageView.ts | clickTheReloadButtonSToReloadAnd":{"message":"Click the reload button {PH1} to reload and start capturing coverage."},"panels/coverage/CoverageView.ts | contentScripts":{"message":"Content scripts"},"panels/coverage/CoverageView.ts | css":{"message":"CSS"},"panels/coverage/CoverageView.ts | export":{"message":"Export..."},"panels/coverage/CoverageView.ts | filterCoverageByType":{"message":"Filter coverage by type"},"panels/coverage/CoverageView.ts | filteredSTotalS":{"message":"Filtered: {PH1}  Total: {PH2}"},"panels/coverage/CoverageView.ts | includeExtensionContentScripts":{"message":"Include extension content scripts"},"panels/coverage/CoverageView.ts | javascript":{"message":"JavaScript"},"panels/coverage/CoverageView.ts | perBlock":{"message":"Per block"},"panels/coverage/CoverageView.ts | perFunction":{"message":"Per function"},"panels/coverage/CoverageView.ts | reloadPrompt":{"message":"Click the reload button {PH1} to reload and get coverage."},"panels/coverage/CoverageView.ts | sOfSSUsedSoFarSUnused":{"message":"{PH1} of {PH2} ({PH3}%) used so far, {PH4} unused."},"panels/coverage/CoverageView.ts | urlFilter":{"message":"URL filter"},"panels/css_overview/components/CSSOverviewStartView.ts | captureOverview":{"message":"Capture overview"},"panels/css_overview/components/CSSOverviewStartView.ts | capturePageCSSOverview":{"message":"Capture an overview of your page’s CSS"},"panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovements":{"message":"Identify potential CSS improvements"},"panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovementsWithExampleIssues":{"message":"Identify potential CSS improvements (e.g. low contrast issues, unused declarations, color or font mismatches)"},"panels/css_overview/components/CSSOverviewStartView.ts | locateAffectedElements":{"message":"Locate the affected elements in the Elements panel"},"panels/css_overview/components/CSSOverviewStartView.ts | quickStartWithCSSOverview":{"message":"Quick start: get started with the new CSS Overview panel"},"panels/css_overview/css_overview-meta.ts | cssOverview":{"message":"CSS Overview"},"panels/css_overview/css_overview-meta.ts | showCssOverview":{"message":"Show CSS Overview"},"panels/css_overview/CSSOverviewCompletedView.ts | aa":{"message":"AA"},"panels/css_overview/CSSOverviewCompletedView.ts | aaa":{"message":"AAA"},"panels/css_overview/CSSOverviewCompletedView.ts | apca":{"message":"APCA"},"panels/css_overview/CSSOverviewCompletedView.ts | attributeSelectors":{"message":"Attribute selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | backgroundColorsS":{"message":"Background colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | borderColorsS":{"message":"Border colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | classSelectors":{"message":"Class selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | colors":{"message":"Colors"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastIssues":{"message":"Contrast issues"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastIssuesS":{"message":"Contrast issues: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | contrastRatio":{"message":"Contrast ratio"},"panels/css_overview/CSSOverviewCompletedView.ts | cssOverviewElements":{"message":"CSS Overview Elements"},"panels/css_overview/CSSOverviewCompletedView.ts | declaration":{"message":"Declaration"},"panels/css_overview/CSSOverviewCompletedView.ts | element":{"message":"Element"},"panels/css_overview/CSSOverviewCompletedView.ts | elements":{"message":"Elements"},"panels/css_overview/CSSOverviewCompletedView.ts | externalStylesheets":{"message":"External stylesheets"},"panels/css_overview/CSSOverviewCompletedView.ts | fillColorsS":{"message":"Fill colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | fontInfo":{"message":"Font info"},"panels/css_overview/CSSOverviewCompletedView.ts | idSelectors":{"message":"ID selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | inlineStyleElements":{"message":"Inline style elements"},"panels/css_overview/CSSOverviewCompletedView.ts | mediaQueries":{"message":"Media queries"},"panels/css_overview/CSSOverviewCompletedView.ts | nOccurrences":{"message":"{n, plural, =1 {# occurrence} other {# occurrences}}"},"panels/css_overview/CSSOverviewCompletedView.ts | nonsimpleSelectors":{"message":"Non-simple selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | overviewSummary":{"message":"Overview summary"},"panels/css_overview/CSSOverviewCompletedView.ts | showElement":{"message":"Show element"},"panels/css_overview/CSSOverviewCompletedView.ts | source":{"message":"Source"},"panels/css_overview/CSSOverviewCompletedView.ts | styleRules":{"message":"Style rules"},"panels/css_overview/CSSOverviewCompletedView.ts | textColorSOverSBackgroundResults":{"message":"Text color {PH1} over {PH2} background results in low contrast for {PH3} elements"},"panels/css_overview/CSSOverviewCompletedView.ts | textColorsS":{"message":"Text colors: {PH1}"},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoFonts":{"message":"There are no fonts."},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoMediaQueries":{"message":"There are no media queries."},"panels/css_overview/CSSOverviewCompletedView.ts | thereAreNoUnusedDeclarations":{"message":"There are no unused declarations."},"panels/css_overview/CSSOverviewCompletedView.ts | typeSelectors":{"message":"Type selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | universalSelectors":{"message":"Universal selectors"},"panels/css_overview/CSSOverviewCompletedView.ts | unusedDeclarations":{"message":"Unused declarations"},"panels/css_overview/CSSOverviewProcessingView.ts | cancel":{"message":"Cancel"},"panels/css_overview/CSSOverviewSidebarPanel.ts | clearOverview":{"message":"Clear overview"},"panels/css_overview/CSSOverviewSidebarPanel.ts | cssOverviewPanelSidebar":{"message":"CSS Overview panel sidebar"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | bottomAppliedToAStatically":{"message":"Bottom applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | heightAppliedToAnInlineElement":{"message":"Height applied to an inline element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | leftAppliedToAStatically":{"message":"Left applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | rightAppliedToAStatically":{"message":"Right applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | topAppliedToAStatically":{"message":"Top applied to a statically positioned element"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | verticalAlignmentAppliedTo":{"message":"Vertical alignment applied to element which is neither inline nor table-cell"},"panels/css_overview/CSSOverviewUnusedDeclarations.ts | widthAppliedToAnInlineElement":{"message":"Width applied to an inline element"},"panels/developer_resources/developer_resources-meta.ts | developerResources":{"message":"Developer Resources"},"panels/developer_resources/developer_resources-meta.ts | showDeveloperResources":{"message":"Show Developer Resources"},"panels/developer_resources/DeveloperResourcesListView.ts | copyInitiatorUrl":{"message":"Copy initiator URL"},"panels/developer_resources/DeveloperResourcesListView.ts | copyUrl":{"message":"Copy URL"},"panels/developer_resources/DeveloperResourcesListView.ts | developerResources":{"message":"Developer Resources"},"panels/developer_resources/DeveloperResourcesListView.ts | error":{"message":"Error"},"panels/developer_resources/DeveloperResourcesListView.ts | failure":{"message":"failure"},"panels/developer_resources/DeveloperResourcesListView.ts | initiator":{"message":"Initiator"},"panels/developer_resources/DeveloperResourcesListView.ts | pending":{"message":"pending"},"panels/developer_resources/DeveloperResourcesListView.ts | sBytes":{"message":"{n, plural, =1 {# byte} other {# bytes}}"},"panels/developer_resources/DeveloperResourcesListView.ts | status":{"message":"Status"},"panels/developer_resources/DeveloperResourcesListView.ts | success":{"message":"success"},"panels/developer_resources/DeveloperResourcesListView.ts | totalBytes":{"message":"Total Bytes"},"panels/developer_resources/DeveloperResourcesListView.ts | url":{"message":"URL"},"panels/developer_resources/DeveloperResourcesView.ts | enableLoadingThroughTarget":{"message":"Load through website"},"panels/developer_resources/DeveloperResourcesView.ts | enterTextToSearchTheUrlAndError":{"message":"Enter text to search the URL and Error columns"},"panels/developer_resources/DeveloperResourcesView.ts | loadHttpsDeveloperResources":{"message":"Load HTTP(S) developer resources through the website you inspect, not through DevTools"},"panels/developer_resources/DeveloperResourcesView.ts | resources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/developer_resources/DeveloperResourcesView.ts | resourcesCurrentlyLoading":{"message":"{PH1} resources, {PH2} currently loading"},"panels/elements/ClassesPaneWidget.ts | addNewClass":{"message":"Add new class"},"panels/elements/ClassesPaneWidget.ts | classesSAdded":{"message":"Classes {PH1} added"},"panels/elements/ClassesPaneWidget.ts | classSAdded":{"message":"Class {PH1} added"},"panels/elements/ClassesPaneWidget.ts | elementClasses":{"message":"Element Classes"},"panels/elements/ColorSwatchPopoverIcon.ts | openCubicBezierEditor":{"message":"Open cubic bezier editor"},"panels/elements/ColorSwatchPopoverIcon.ts | openShadowEditor":{"message":"Open shadow editor"},"panels/elements/components/AccessibilityTreeNode.ts | ignored":{"message":"Ignored"},"panels/elements/components/AdornerSettingsPane.ts | closeButton":{"message":"Close"},"panels/elements/components/AdornerSettingsPane.ts | settingsTitle":{"message":"Show badges"},"panels/elements/components/CSSHintDetailsView.ts | learnMore":{"message":"Learn More"},"panels/elements/components/CSSPropertyDocsView.ts | dontShow":{"message":"Don't show"},"panels/elements/components/CSSPropertyDocsView.ts | learnMore":{"message":"Learn more"},"panels/elements/components/ElementsBreadcrumbs.ts | breadcrumbs":{"message":"DOM tree breadcrumbs"},"panels/elements/components/ElementsBreadcrumbs.ts | scrollLeft":{"message":"Scroll left"},"panels/elements/components/ElementsBreadcrumbs.ts | scrollRight":{"message":"Scroll right"},"panels/elements/components/ElementsBreadcrumbsUtils.ts | text":{"message":"(text)"},"panels/elements/components/LayoutPane.ts | chooseElementOverlayColor":{"message":"Choose the overlay color for this element"},"panels/elements/components/LayoutPane.ts | colorPickerOpened":{"message":"Color picker opened."},"panels/elements/components/LayoutPane.ts | flexbox":{"message":"Flexbox"},"panels/elements/components/LayoutPane.ts | flexboxOverlays":{"message":"Flexbox overlays"},"panels/elements/components/LayoutPane.ts | grid":{"message":"Grid"},"panels/elements/components/LayoutPane.ts | gridOverlays":{"message":"Grid overlays"},"panels/elements/components/LayoutPane.ts | noFlexboxLayoutsFoundOnThisPage":{"message":"No flexbox layouts found on this page"},"panels/elements/components/LayoutPane.ts | noGridLayoutsFoundOnThisPage":{"message":"No grid layouts found on this page"},"panels/elements/components/LayoutPane.ts | overlayDisplaySettings":{"message":"Overlay display settings"},"panels/elements/components/LayoutPane.ts | showElementInTheElementsPanel":{"message":"Show element in the Elements panel"},"panels/elements/components/StylePropertyEditor.ts | deselectButton":{"message":"Remove {propertyName}: {propertyValue}"},"panels/elements/components/StylePropertyEditor.ts | selectButton":{"message":"Add {propertyName}: {propertyValue}"},"panels/elements/ComputedStyleWidget.ts | filter":{"message":"Filter"},"panels/elements/ComputedStyleWidget.ts | filterComputedStyles":{"message":"Filter Computed Styles"},"panels/elements/ComputedStyleWidget.ts | group":{"message":"Group"},"panels/elements/ComputedStyleWidget.ts | navigateToSelectorSource":{"message":"Navigate to selector source"},"panels/elements/ComputedStyleWidget.ts | navigateToStyle":{"message":"Navigate to style"},"panels/elements/ComputedStyleWidget.ts | noMatchingProperty":{"message":"No matching property"},"panels/elements/ComputedStyleWidget.ts | showAll":{"message":"Show all"},"panels/elements/CSSRuleValidator.ts | fontVariationSettingsWarning":{"message":"Value for setting “{PH1}” {PH2} is outside the supported range [{PH3}, {PH4}] for font-family “{PH5}”."},"panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleFix":{"message":"Try setting the {EXISTING_PARENT_ELEMENT_RULE} property on the parent to {TARGET_PARENT_ELEMENT_RULE}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedByParentElementRuleReason":{"message":"The {REASON_PROPERTY_DECLARATION_CODE} property on the parent element prevents {AFFECTED_PROPERTY_DECLARATION_CODE} from having an effect."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleChangeSuggestion":{"message":"Try setting the {EXISTING_PROPERTY_DECLARATION} property to {TARGET_PROPERTY_DECLARATION}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleFix":{"message":"Try setting {PROPERTY_NAME} to something other than {PROPERTY_VALUE}."},"panels/elements/CSSRuleValidator.ts | ruleViolatedBySameElementRuleReason":{"message":"The {REASON_PROPERTY_DECLARATION_CODE} property prevents {AFFECTED_PROPERTY_DECLARATION_CODE} from having an effect."},"panels/elements/DOMLinkifier.ts | node":{"message":"<node>"},"panels/elements/elements-meta.ts | captureAreaScreenshot":{"message":"Capture area screenshot"},"panels/elements/elements-meta.ts | copyStyles":{"message":"Copy styles"},"panels/elements/elements-meta.ts | disableDomWordWrap":{"message":"Disable DOM word wrap"},"panels/elements/elements-meta.ts | duplicateElement":{"message":"Duplicate element"},"panels/elements/elements-meta.ts | editAsHtml":{"message":"Edit as HTML"},"panels/elements/elements-meta.ts | elements":{"message":"Elements"},"panels/elements/elements-meta.ts | enableDomWordWrap":{"message":"Enable DOM word wrap"},"panels/elements/elements-meta.ts | eventListeners":{"message":"Event Listeners"},"panels/elements/elements-meta.ts | hideElement":{"message":"Hide element"},"panels/elements/elements-meta.ts | hideHtmlComments":{"message":"Hide HTML comments"},"panels/elements/elements-meta.ts | layout":{"message":"Layout"},"panels/elements/elements-meta.ts | properties":{"message":"Properties"},"panels/elements/elements-meta.ts | redo":{"message":"Redo"},"panels/elements/elements-meta.ts | revealDomNodeOnHover":{"message":"Reveal DOM node on hover"},"panels/elements/elements-meta.ts | selectAnElementInThePageTo":{"message":"Select an element in the page to inspect it"},"panels/elements/elements-meta.ts | showComputedStyles":{"message":"Show Computed Styles"},"panels/elements/elements-meta.ts | showCSSDocumentationTooltip":{"message":"Show CSS documentation tooltip"},"panels/elements/elements-meta.ts | showDetailedInspectTooltip":{"message":"Show detailed inspect tooltip"},"panels/elements/elements-meta.ts | showElements":{"message":"Show Elements"},"panels/elements/elements-meta.ts | showEventListeners":{"message":"Show Event Listeners"},"panels/elements/elements-meta.ts | showHtmlComments":{"message":"Show HTML comments"},"panels/elements/elements-meta.ts | showLayout":{"message":"Show Layout"},"panels/elements/elements-meta.ts | showProperties":{"message":"Show Properties"},"panels/elements/elements-meta.ts | showStackTrace":{"message":"Show Stack Trace"},"panels/elements/elements-meta.ts | showStyles":{"message":"Show Styles"},"panels/elements/elements-meta.ts | showUserAgentShadowDOM":{"message":"Show user agent shadow DOM"},"panels/elements/elements-meta.ts | stackTrace":{"message":"Stack Trace"},"panels/elements/elements-meta.ts | toggleEyeDropper":{"message":"Toggle eye dropper"},"panels/elements/elements-meta.ts | undo":{"message":"Undo"},"panels/elements/elements-meta.ts | wordWrap":{"message":"Word wrap"},"panels/elements/ElementsPanel.ts | computed":{"message":"Computed"},"panels/elements/ElementsPanel.ts | computedStylesHidden":{"message":"Computed Styles sidebar hidden"},"panels/elements/ElementsPanel.ts | computedStylesShown":{"message":"Computed Styles sidebar shown"},"panels/elements/ElementsPanel.ts | domTreeExplorer":{"message":"DOM tree explorer"},"panels/elements/ElementsPanel.ts | elementStateS":{"message":"Element state: {PH1}"},"panels/elements/ElementsPanel.ts | findByStringSelectorOrXpath":{"message":"Find by string, selector, or XPath"},"panels/elements/ElementsPanel.ts | hideComputedStylesSidebar":{"message":"Hide Computed Styles sidebar"},"panels/elements/ElementsPanel.ts | nodeCannotBeFoundInTheCurrent":{"message":"Node cannot be found in the current page."},"panels/elements/ElementsPanel.ts | revealInElementsPanel":{"message":"Reveal in Elements panel"},"panels/elements/ElementsPanel.ts | showComputedStylesSidebar":{"message":"Show Computed Styles sidebar"},"panels/elements/ElementsPanel.ts | sidePanelContent":{"message":"Side panel content"},"panels/elements/ElementsPanel.ts | sidePanelToolbar":{"message":"Side panel toolbar"},"panels/elements/ElementsPanel.ts | styles":{"message":"Styles"},"panels/elements/ElementsPanel.ts | switchToAccessibilityTreeView":{"message":"Switch to Accessibility Tree view"},"panels/elements/ElementsPanel.ts | switchToDomTreeView":{"message":"Switch to DOM Tree view"},"panels/elements/ElementsPanel.ts | theDeferredDomNodeCouldNotBe":{"message":"The deferred DOM Node could not be resolved to a valid node."},"panels/elements/ElementsPanel.ts | theRemoteObjectCouldNotBe":{"message":"The remote object could not be resolved to a valid node."},"panels/elements/ElementStatePaneWidget.ts | forceElementState":{"message":"Force element state"},"panels/elements/ElementStatePaneWidget.ts | toggleElementState":{"message":"Toggle Element State"},"panels/elements/ElementsTreeElement.ts | addAttribute":{"message":"Add attribute"},"panels/elements/ElementsTreeElement.ts | captureNodeScreenshot":{"message":"Capture node screenshot"},"panels/elements/ElementsTreeElement.ts | children":{"message":"Children:"},"panels/elements/ElementsTreeElement.ts | collapseChildren":{"message":"Collapse children"},"panels/elements/ElementsTreeElement.ts | copy":{"message":"Copy"},"panels/elements/ElementsTreeElement.ts | copyElement":{"message":"Copy element"},"panels/elements/ElementsTreeElement.ts | copyFullXpath":{"message":"Copy full XPath"},"panels/elements/ElementsTreeElement.ts | copyJsPath":{"message":"Copy JS path"},"panels/elements/ElementsTreeElement.ts | copyOuterhtml":{"message":"Copy outerHTML"},"panels/elements/ElementsTreeElement.ts | copySelector":{"message":"Copy selector"},"panels/elements/ElementsTreeElement.ts | copyStyles":{"message":"Copy styles"},"panels/elements/ElementsTreeElement.ts | copyXpath":{"message":"Copy XPath"},"panels/elements/ElementsTreeElement.ts | cut":{"message":"Cut"},"panels/elements/ElementsTreeElement.ts | deleteElement":{"message":"Delete element"},"panels/elements/ElementsTreeElement.ts | disableFlexMode":{"message":"Disable flex mode"},"panels/elements/ElementsTreeElement.ts | disableGridMode":{"message":"Disable grid mode"},"panels/elements/ElementsTreeElement.ts | disableScrollSnap":{"message":"Disable scroll-snap overlay"},"panels/elements/ElementsTreeElement.ts | duplicateElement":{"message":"Duplicate element"},"panels/elements/ElementsTreeElement.ts | editAsHtml":{"message":"Edit as HTML"},"panels/elements/ElementsTreeElement.ts | editAttribute":{"message":"Edit attribute"},"panels/elements/ElementsTreeElement.ts | editText":{"message":"Edit text"},"panels/elements/ElementsTreeElement.ts | enableFlexMode":{"message":"Enable flex mode"},"panels/elements/ElementsTreeElement.ts | enableGridMode":{"message":"Enable grid mode"},"panels/elements/ElementsTreeElement.ts | enableScrollSnap":{"message":"Enable scroll-snap overlay"},"panels/elements/ElementsTreeElement.ts | expandRecursively":{"message":"Expand recursively"},"panels/elements/ElementsTreeElement.ts | focus":{"message":"Focus"},"panels/elements/ElementsTreeElement.ts | forceState":{"message":"Force state"},"panels/elements/ElementsTreeElement.ts | hideElement":{"message":"Hide element"},"panels/elements/ElementsTreeElement.ts | paste":{"message":"Paste"},"panels/elements/ElementsTreeElement.ts | scrollIntoView":{"message":"Scroll into view"},"panels/elements/ElementsTreeElement.ts | showFrameDetails":{"message":"Show iframe details"},"panels/elements/ElementsTreeElement.ts | thisFrameWasIdentifiedAsAnAd":{"message":"This frame was identified as an ad frame"},"panels/elements/ElementsTreeElement.ts | useSInTheConsoleToReferToThis":{"message":"Use {PH1} in the console to refer to this element."},"panels/elements/ElementsTreeElement.ts | valueIsTooLargeToEdit":{"message":"<value is too large to edit>"},"panels/elements/ElementsTreeOutline.ts | adornerSettings":{"message":"Badge settings…"},"panels/elements/ElementsTreeOutline.ts | pageDom":{"message":"Page DOM"},"panels/elements/ElementsTreeOutline.ts | reveal":{"message":"reveal"},"panels/elements/ElementsTreeOutline.ts | showAllNodesDMore":{"message":"Show All Nodes ({PH1} More)"},"panels/elements/ElementsTreeOutline.ts | storeAsGlobalVariable":{"message":"Store as global variable"},"panels/elements/EventListenersWidget.ts | all":{"message":"All"},"panels/elements/EventListenersWidget.ts | ancestors":{"message":"Ancestors"},"panels/elements/EventListenersWidget.ts | blocking":{"message":"Blocking"},"panels/elements/EventListenersWidget.ts | eventListenersCategory":{"message":"Event listeners category"},"panels/elements/EventListenersWidget.ts | frameworkListeners":{"message":"Framework listeners"},"panels/elements/EventListenersWidget.ts | passive":{"message":"Passive"},"panels/elements/EventListenersWidget.ts | refresh":{"message":"Refresh"},"panels/elements/EventListenersWidget.ts | resolveEventListenersBoundWith":{"message":"Resolve event listeners bound with framework"},"panels/elements/EventListenersWidget.ts | showListenersOnTheAncestors":{"message":"Show listeners on the ancestors"},"panels/elements/LayersWidget.ts | cssLayersTitle":{"message":"CSS layers"},"panels/elements/LayersWidget.ts | toggleCSSLayers":{"message":"Toggle CSS Layers view"},"panels/elements/MarkerDecorator.ts | domBreakpoint":{"message":"DOM Breakpoint"},"panels/elements/MarkerDecorator.ts | elementIsHidden":{"message":"Element is hidden"},"panels/elements/NodeStackTraceWidget.ts | noStackTraceAvailable":{"message":"No stack trace available"},"panels/elements/PlatformFontsWidget.ts | dGlyphs":{"message":"{n, plural, =1 {(# glyph)} other {(# glyphs)}}"},"panels/elements/PlatformFontsWidget.ts | localFile":{"message":"Local file"},"panels/elements/PlatformFontsWidget.ts | networkResource":{"message":"Network resource"},"panels/elements/PlatformFontsWidget.ts | renderedFonts":{"message":"Rendered Fonts"},"panels/elements/PropertiesWidget.ts | filter":{"message":"Filter"},"panels/elements/PropertiesWidget.ts | filterProperties":{"message":"Filter Properties"},"panels/elements/PropertiesWidget.ts | noMatchingProperty":{"message":"No matching property"},"panels/elements/PropertiesWidget.ts | showAll":{"message":"Show all"},"panels/elements/PropertiesWidget.ts | showAllTooltip":{"message":"When unchecked, only properties whose values are neither null nor undefined will be shown"},"panels/elements/StylePropertiesSection.ts | constructedStylesheet":{"message":"constructed stylesheet"},"panels/elements/StylePropertiesSection.ts | copyAllCSSChanges":{"message":"Copy all CSS changes"},"panels/elements/StylePropertiesSection.ts | copyAllDeclarations":{"message":"Copy all declarations"},"panels/elements/StylePropertiesSection.ts | copyRule":{"message":"Copy rule"},"panels/elements/StylePropertiesSection.ts | copySelector":{"message":"Copy selector"},"panels/elements/StylePropertiesSection.ts | cssSelector":{"message":"CSS selector"},"panels/elements/StylePropertiesSection.ts | injectedStylesheet":{"message":"injected stylesheet"},"panels/elements/StylePropertiesSection.ts | insertStyleRuleBelow":{"message":"Insert Style Rule Below"},"panels/elements/StylePropertiesSection.ts | sattributesStyle":{"message":"{PH1}[Attributes Style]"},"panels/elements/StylePropertiesSection.ts | showAllPropertiesSMore":{"message":"Show All Properties ({PH1} more)"},"panels/elements/StylePropertiesSection.ts | styleAttribute":{"message":"style attribute"},"panels/elements/StylePropertiesSection.ts | userAgentStylesheet":{"message":"user agent stylesheet"},"panels/elements/StylePropertiesSection.ts | viaInspector":{"message":"via inspector"},"panels/elements/StylePropertyTreeElement.ts | copyAllCSSChanges":{"message":"Copy all CSS changes"},"panels/elements/StylePropertyTreeElement.ts | copyAllCssDeclarationsAsJs":{"message":"Copy all declarations as JS"},"panels/elements/StylePropertyTreeElement.ts | copyAllDeclarations":{"message":"Copy all declarations"},"panels/elements/StylePropertyTreeElement.ts | copyCssDeclarationAsJs":{"message":"Copy declaration as JS"},"panels/elements/StylePropertyTreeElement.ts | copyDeclaration":{"message":"Copy declaration"},"panels/elements/StylePropertyTreeElement.ts | copyProperty":{"message":"Copy property"},"panels/elements/StylePropertyTreeElement.ts | copyRule":{"message":"Copy rule"},"panels/elements/StylePropertyTreeElement.ts | copyValue":{"message":"Copy value"},"panels/elements/StylePropertyTreeElement.ts | flexboxEditorButton":{"message":"Open flexbox editor"},"panels/elements/StylePropertyTreeElement.ts | gridEditorButton":{"message":"Open grid editor"},"panels/elements/StylePropertyTreeElement.ts | openColorPickerS":{"message":"Open color picker. {PH1}"},"panels/elements/StylePropertyTreeElement.ts | revealInSourcesPanel":{"message":"Reveal in Sources panel"},"panels/elements/StylePropertyTreeElement.ts | shiftClickToChangeColorFormat":{"message":"Shift + Click to change color format."},"panels/elements/StylePropertyTreeElement.ts | togglePropertyAndContinueEditing":{"message":"Toggle property and continue editing"},"panels/elements/StylePropertyTreeElement.ts | viewComputedValue":{"message":"View computed value"},"panels/elements/StylesSidebarPane.ts | automaticDarkMode":{"message":"Automatic dark mode"},"panels/elements/StylesSidebarPane.ts | clickToRevealLayer":{"message":"Click to reveal layer in layer tree"},"panels/elements/StylesSidebarPane.ts | copiedToClipboard":{"message":"Copied to clipboard"},"panels/elements/StylesSidebarPane.ts | copyAllCSSChanges":{"message":"Copy CSS changes"},"panels/elements/StylesSidebarPane.ts | cssPropertyName":{"message":"CSS property name: {PH1}"},"panels/elements/StylesSidebarPane.ts | cssPropertyValue":{"message":"CSS property value: {PH1}"},"panels/elements/StylesSidebarPane.ts | filter":{"message":"Filter"},"panels/elements/StylesSidebarPane.ts | filterStyles":{"message":"Filter Styles"},"panels/elements/StylesSidebarPane.ts | incrementdecrementWithMousewheelHundred":{"message":"Increment/decrement with mousewheel or up/down keys. {PH1}: ±100, Shift: ±10, Alt: ±0.1"},"panels/elements/StylesSidebarPane.ts | incrementdecrementWithMousewheelOne":{"message":"Increment/decrement with mousewheel or up/down keys. {PH1}: R ±1, Shift: G ±1, Alt: B ±1"},"panels/elements/StylesSidebarPane.ts | inheritedFroms":{"message":"Inherited from "},"panels/elements/StylesSidebarPane.ts | inheritedFromSPseudoOf":{"message":"Inherited from ::{PH1} pseudo of "},"panels/elements/StylesSidebarPane.ts | invalidPropertyValue":{"message":"Invalid property value"},"panels/elements/StylesSidebarPane.ts | invalidString":{"message":"{PH1}, property name: {PH2}, property value: {PH3}"},"panels/elements/StylesSidebarPane.ts | layer":{"message":"Layer"},"panels/elements/StylesSidebarPane.ts | newStyleRule":{"message":"New Style Rule"},"panels/elements/StylesSidebarPane.ts | noMatchingSelectorOrStyle":{"message":"No matching selector or style"},"panels/elements/StylesSidebarPane.ts | pseudoSElement":{"message":"Pseudo ::{PH1} element"},"panels/elements/StylesSidebarPane.ts | specificity":{"message":"Specificity: {PH1}"},"panels/elements/StylesSidebarPane.ts | toggleRenderingEmulations":{"message":"Toggle common rendering emulations"},"panels/elements/StylesSidebarPane.ts | unknownPropertyName":{"message":"Unknown property name"},"panels/elements/StylesSidebarPane.ts | visibleSelectors":{"message":"{n, plural, =1 {# visible selector listed below} other {# visible selectors listed below}}"},"panels/elements/TopLayerContainer.ts | reveal":{"message":"reveal"},"panels/emulation/DeviceModeToolbar.ts | addDevicePixelRatio":{"message":"Add device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | addDeviceType":{"message":"Add device type"},"panels/emulation/DeviceModeToolbar.ts | autoadjustZoom":{"message":"Auto-adjust zoom"},"panels/emulation/DeviceModeToolbar.ts | closeDevtools":{"message":"Close DevTools"},"panels/emulation/DeviceModeToolbar.ts | defaultF":{"message":"Default: {PH1}"},"panels/emulation/DeviceModeToolbar.ts | devicePixelRatio":{"message":"Device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | deviceType":{"message":"Device type"},"panels/emulation/DeviceModeToolbar.ts | dimensions":{"message":"Dimensions"},"panels/emulation/DeviceModeToolbar.ts | edit":{"message":"Edit…"},"panels/emulation/DeviceModeToolbar.ts | experimentalWebPlatformFeature":{"message":"\"Experimental Web Platform Feature\" flag is enabled. Click to disable it."},"panels/emulation/DeviceModeToolbar.ts | experimentalWebPlatformFeatureFlag":{"message":"\"Experimental Web Platform Feature\" flag is disabled. Click to enable it."},"panels/emulation/DeviceModeToolbar.ts | fitToWindowF":{"message":"Fit to window ({PH1}%)"},"panels/emulation/DeviceModeToolbar.ts | heightLeaveEmptyForFull":{"message":"Height (leave empty for full)"},"panels/emulation/DeviceModeToolbar.ts | hideDeviceFrame":{"message":"Hide device frame"},"panels/emulation/DeviceModeToolbar.ts | hideMediaQueries":{"message":"Hide media queries"},"panels/emulation/DeviceModeToolbar.ts | hideRulers":{"message":"Hide rulers"},"panels/emulation/DeviceModeToolbar.ts | landscape":{"message":"Landscape"},"panels/emulation/DeviceModeToolbar.ts | moreOptions":{"message":"More options"},"panels/emulation/DeviceModeToolbar.ts | none":{"message":"None"},"panels/emulation/DeviceModeToolbar.ts | portrait":{"message":"Portrait"},"panels/emulation/DeviceModeToolbar.ts | removeDevicePixelRatio":{"message":"Remove device pixel ratio"},"panels/emulation/DeviceModeToolbar.ts | removeDeviceType":{"message":"Remove device type"},"panels/emulation/DeviceModeToolbar.ts | resetToDefaults":{"message":"Reset to defaults"},"panels/emulation/DeviceModeToolbar.ts | responsive":{"message":"Responsive"},"panels/emulation/DeviceModeToolbar.ts | rotate":{"message":"Rotate"},"panels/emulation/DeviceModeToolbar.ts | screenOrientationOptions":{"message":"Screen orientation options"},"panels/emulation/DeviceModeToolbar.ts | showDeviceFrame":{"message":"Show device frame"},"panels/emulation/DeviceModeToolbar.ts | showMediaQueries":{"message":"Show media queries"},"panels/emulation/DeviceModeToolbar.ts | showRulers":{"message":"Show rulers"},"panels/emulation/DeviceModeToolbar.ts | toggleDualscreenMode":{"message":"Toggle dual-screen mode"},"panels/emulation/DeviceModeToolbar.ts | width":{"message":"Width"},"panels/emulation/DeviceModeToolbar.ts | zoom":{"message":"Zoom"},"panels/emulation/DeviceModeView.ts | doubleclickForFullHeight":{"message":"Double-click for full height"},"panels/emulation/DeviceModeView.ts | laptop":{"message":"Laptop"},"panels/emulation/DeviceModeView.ts | laptopL":{"message":"Laptop L"},"panels/emulation/DeviceModeView.ts | mobileL":{"message":"Mobile L"},"panels/emulation/DeviceModeView.ts | mobileM":{"message":"Mobile M"},"panels/emulation/DeviceModeView.ts | mobileS":{"message":"Mobile S"},"panels/emulation/DeviceModeView.ts | tablet":{"message":"Tablet"},"panels/emulation/emulation-meta.ts | captureFullSizeScreenshot":{"message":"Capture full size screenshot"},"panels/emulation/emulation-meta.ts | captureNodeScreenshot":{"message":"Capture node screenshot"},"panels/emulation/emulation-meta.ts | captureScreenshot":{"message":"Capture screenshot"},"panels/emulation/emulation-meta.ts | device":{"message":"device"},"panels/emulation/emulation-meta.ts | hideDeviceFrame":{"message":"Hide device frame"},"panels/emulation/emulation-meta.ts | hideMediaQueries":{"message":"Hide media queries"},"panels/emulation/emulation-meta.ts | hideRulers":{"message":"Hide rulers in the Device Mode toolbar"},"panels/emulation/emulation-meta.ts | showDeviceFrame":{"message":"Show device frame"},"panels/emulation/emulation-meta.ts | showMediaQueries":{"message":"Show media queries"},"panels/emulation/emulation-meta.ts | showRulers":{"message":"Show rulers in the Device Mode toolbar"},"panels/emulation/emulation-meta.ts | toggleDeviceToolbar":{"message":"Toggle device toolbar"},"panels/emulation/MediaQueryInspector.ts | revealInSourceCode":{"message":"Reveal in source code"},"panels/event_listeners/EventListenersView.ts | deleteEventListener":{"message":"Delete event listener"},"panels/event_listeners/EventListenersView.ts | noEventListeners":{"message":"No event listeners"},"panels/event_listeners/EventListenersView.ts | passive":{"message":"Passive"},"panels/event_listeners/EventListenersView.ts | remove":{"message":"Remove"},"panels/event_listeners/EventListenersView.ts | revealInElementsPanel":{"message":"Reveal in Elements panel"},"panels/event_listeners/EventListenersView.ts | togglePassive":{"message":"Toggle Passive"},"panels/event_listeners/EventListenersView.ts | toggleWhetherEventListenerIs":{"message":"Toggle whether event listener is passive or blocking"},"panels/issues/AffectedBlockedByResponseView.ts | blockedResource":{"message":"Blocked Resource"},"panels/issues/AffectedBlockedByResponseView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/AffectedBlockedByResponseView.ts | parentFrame":{"message":"Parent Frame"},"panels/issues/AffectedBlockedByResponseView.ts | requestC":{"message":"Request"},"panels/issues/AffectedCookiesView.ts | domain":{"message":"Domain"},"panels/issues/AffectedCookiesView.ts | filterSetCookieTitle":{"message":"Show network requests that include this Set-Cookie header in the network panel"},"panels/issues/AffectedCookiesView.ts | name":{"message":"Name"},"panels/issues/AffectedCookiesView.ts | nCookies":{"message":"{n, plural, =1 {# cookie} other {# cookies}}"},"panels/issues/AffectedCookiesView.ts | nRawCookieLines":{"message":"{n, plural, =1 {1 Raw Set-Cookie header} other {# Raw Set-Cookie headers}}"},"panels/issues/AffectedCookiesView.ts | path":{"message":"Path"},"panels/issues/AffectedDirectivesView.ts | blocked":{"message":"blocked"},"panels/issues/AffectedDirectivesView.ts | clickToRevealTheViolatingDomNode":{"message":"Click to reveal the violating DOM node in the Elements panel"},"panels/issues/AffectedDirectivesView.ts | directiveC":{"message":"Directive"},"panels/issues/AffectedDirectivesView.ts | element":{"message":"Element"},"panels/issues/AffectedDirectivesView.ts | nDirectives":{"message":"{n, plural, =1 {# directive} other {# directives}}"},"panels/issues/AffectedDirectivesView.ts | reportonly":{"message":"report-only"},"panels/issues/AffectedDirectivesView.ts | resourceC":{"message":"Resource"},"panels/issues/AffectedDirectivesView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/AffectedDirectivesView.ts | status":{"message":"Status"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | documentInTheDOMTree":{"message":"Document in the DOM tree"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | mode":{"message":"Mode"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | nDocuments":{"message":"{n, plural, =1 { document} other { documents}}"},"panels/issues/AffectedDocumentsInQuirksModeView.ts | url":{"message":"URL"},"panels/issues/AffectedElementsView.ts | nElements":{"message":"{n, plural, =1 {# element} other {# elements}}"},"panels/issues/AffectedElementsWithLowContrastView.ts | contrastRatio":{"message":"Contrast ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | element":{"message":"Element"},"panels/issues/AffectedElementsWithLowContrastView.ts | minimumAA":{"message":"Minimum AA ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | minimumAAA":{"message":"Minimum AAA ratio"},"panels/issues/AffectedElementsWithLowContrastView.ts | textSize":{"message":"Text size"},"panels/issues/AffectedElementsWithLowContrastView.ts | textWeight":{"message":"Text weight"},"panels/issues/AffectedHeavyAdView.ts | cpuPeakLimit":{"message":"CPU peak limit"},"panels/issues/AffectedHeavyAdView.ts | cpuTotalLimit":{"message":"CPU total limit"},"panels/issues/AffectedHeavyAdView.ts | frameUrl":{"message":"Frame URL"},"panels/issues/AffectedHeavyAdView.ts | limitExceeded":{"message":"Limit exceeded"},"panels/issues/AffectedHeavyAdView.ts | networkLimit":{"message":"Network limit"},"panels/issues/AffectedHeavyAdView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/AffectedHeavyAdView.ts | removed":{"message":"Removed"},"panels/issues/AffectedHeavyAdView.ts | resolutionStatus":{"message":"Resolution Status"},"panels/issues/AffectedHeavyAdView.ts | warned":{"message":"Warned"},"panels/issues/AffectedResourcesView.ts | clickToRevealTheFramesDomNodeIn":{"message":"Click to reveal the frame's DOM node in the Elements panel"},"panels/issues/AffectedResourcesView.ts | unavailable":{"message":"unavailable"},"panels/issues/AffectedResourcesView.ts | unknown":{"message":"unknown"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | aSharedarraybufferWas":{"message":"A SharedArrayBuffer was instantiated in a context that is not cross-origin isolated"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | blocked":{"message":"blocked"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | instantiation":{"message":"Instantiation"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | nViolations":{"message":"{n, plural, =1 {# violation} other {# violations}}"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | sharedarraybufferWasTransferedTo":{"message":"SharedArrayBuffer was transfered to a context that is not cross-origin isolated"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | status":{"message":"Status"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | transfer":{"message":"Transfer"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | trigger":{"message":"Trigger"},"panels/issues/AffectedSharedArrayBufferIssueDetailsView.ts | warning":{"message":"warning"},"panels/issues/AffectedSourcesView.ts | nSources":{"message":"{n, plural, =1 {# source} other {# sources}}"},"panels/issues/AffectedTrackingSitesView.ts | nTrackingSites":{"message":"{n, plural, =1 {1 potentially tracking website} other {# potentially tracking websites}}"},"panels/issues/AttributionReportingIssueDetailsView.ts | element":{"message":"Element"},"panels/issues/AttributionReportingIssueDetailsView.ts | invalidHeaderValue":{"message":"Invalid Header Value"},"panels/issues/AttributionReportingIssueDetailsView.ts | nViolations":{"message":"{n, plural, =1 {# violation} other {# violations}}"},"panels/issues/AttributionReportingIssueDetailsView.ts | request":{"message":"Request"},"panels/issues/AttributionReportingIssueDetailsView.ts | untrustworthyOrigin":{"message":"Untrustworthy origin"},"panels/issues/ComboBoxOfCheckBoxes.ts | genericMenuLabel":{"message":"Menu"},"panels/issues/components/HideIssuesMenu.ts | tooltipTitle":{"message":"Hide issues"},"panels/issues/CorsIssueDetailsView.ts | allowCredentialsValueFromHeader":{"message":"Access-Control-Allow-Credentials Header Value"},"panels/issues/CorsIssueDetailsView.ts | allowedOrigin":{"message":"Allowed Origin (from header)"},"panels/issues/CorsIssueDetailsView.ts | blocked":{"message":"blocked"},"panels/issues/CorsIssueDetailsView.ts | disallowedRequestHeader":{"message":"Disallowed Request Header"},"panels/issues/CorsIssueDetailsView.ts | disallowedRequestMethod":{"message":"Disallowed Request Method"},"panels/issues/CorsIssueDetailsView.ts | failedRequest":{"message":"Failed Request"},"panels/issues/CorsIssueDetailsView.ts | header":{"message":"Header"},"panels/issues/CorsIssueDetailsView.ts | initiatorAddressSpace":{"message":"Initiator Address"},"panels/issues/CorsIssueDetailsView.ts | initiatorContext":{"message":"Initiator Context"},"panels/issues/CorsIssueDetailsView.ts | insecure":{"message":"insecure"},"panels/issues/CorsIssueDetailsView.ts | invalidValue":{"message":"Invalid Value (if available)"},"panels/issues/CorsIssueDetailsView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/CorsIssueDetailsView.ts | preflightDisallowedRedirect":{"message":"Response to preflight was a redirect"},"panels/issues/CorsIssueDetailsView.ts | preflightInvalidStatus":{"message":"HTTP status of preflight request didn't indicate success"},"panels/issues/CorsIssueDetailsView.ts | preflightRequest":{"message":"Preflight Request"},"panels/issues/CorsIssueDetailsView.ts | preflightRequestIfProblematic":{"message":"Preflight Request (if problematic)"},"panels/issues/CorsIssueDetailsView.ts | problem":{"message":"Problem"},"panels/issues/CorsIssueDetailsView.ts | problemInvalidValue":{"message":"Invalid Value"},"panels/issues/CorsIssueDetailsView.ts | problemMissingHeader":{"message":"Missing Header"},"panels/issues/CorsIssueDetailsView.ts | problemMultipleValues":{"message":"Multiple Values"},"panels/issues/CorsIssueDetailsView.ts | request":{"message":"Request"},"panels/issues/CorsIssueDetailsView.ts | resourceAddressSpace":{"message":"Resource Address"},"panels/issues/CorsIssueDetailsView.ts | secure":{"message":"secure"},"panels/issues/CorsIssueDetailsView.ts | sourceLocation":{"message":"Source Location"},"panels/issues/CorsIssueDetailsView.ts | status":{"message":"Status"},"panels/issues/CorsIssueDetailsView.ts | unsupportedScheme":{"message":"Unsupported Scheme"},"panels/issues/CorsIssueDetailsView.ts | warning":{"message":"warning"},"panels/issues/CSPViolationsView.ts | filter":{"message":"Filter"},"panels/issues/GenericIssueDetailsView.ts | frameId":{"message":"Frame"},"panels/issues/GenericIssueDetailsView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/GenericIssueDetailsView.ts | violatingNode":{"message":"Violating node"},"panels/issues/HiddenIssuesRow.ts | hiddenIssues":{"message":"Hidden issues"},"panels/issues/HiddenIssuesRow.ts | unhideAll":{"message":"Unhide all"},"panels/issues/IssueKindView.ts | hideAllCurrentBreakingChanges":{"message":"Hide all current Breaking Changes"},"panels/issues/IssueKindView.ts | hideAllCurrentImprovements":{"message":"Hide all current Improvements"},"panels/issues/IssueKindView.ts | hideAllCurrentPageErrors":{"message":"Hide all current Page Errors"},"panels/issues/issues-meta.ts | cspViolations":{"message":"CSP Violations"},"panels/issues/issues-meta.ts | issues":{"message":"Issues"},"panels/issues/issues-meta.ts | showCspViolations":{"message":"Show CSP Violations"},"panels/issues/issues-meta.ts | showIssues":{"message":"Show Issues"},"panels/issues/IssuesPane.ts | attributionReporting":{"message":"Attribution Reporting API"},"panels/issues/IssuesPane.ts | contentSecurityPolicy":{"message":"Content Security Policy"},"panels/issues/IssuesPane.ts | cors":{"message":"Cross Origin Resource Sharing"},"panels/issues/IssuesPane.ts | crossOriginEmbedderPolicy":{"message":"Cross Origin Embedder Policy"},"panels/issues/IssuesPane.ts | generic":{"message":"Generic"},"panels/issues/IssuesPane.ts | groupByCategory":{"message":"Group by category"},"panels/issues/IssuesPane.ts | groupByKind":{"message":"Group by kind"},"panels/issues/IssuesPane.ts | groupDisplayedIssuesUnder":{"message":"Group displayed issues under associated categories"},"panels/issues/IssuesPane.ts | groupDisplayedIssuesUnderKind":{"message":"Group displayed issues as Page errors, Breaking changes and Improvements"},"panels/issues/IssuesPane.ts | heavyAds":{"message":"Heavy Ads"},"panels/issues/IssuesPane.ts | includeCookieIssuesCausedBy":{"message":"Include cookie Issues caused by third-party sites"},"panels/issues/IssuesPane.ts | includeThirdpartyCookieIssues":{"message":"Include third-party cookie issues"},"panels/issues/IssuesPane.ts | lowTextContrast":{"message":"Low Text Contrast"},"panels/issues/IssuesPane.ts | mixedContent":{"message":"Mixed Content"},"panels/issues/IssuesPane.ts | noIssuesDetectedSoFar":{"message":"No issues detected so far"},"panels/issues/IssuesPane.ts | onlyThirdpartyCookieIssues":{"message":"Only third-party cookie issues detected so far"},"panels/issues/IssuesPane.ts | other":{"message":"Other"},"panels/issues/IssuesPane.ts | quirksMode":{"message":"Quirks Mode"},"panels/issues/IssuesPane.ts | samesiteCookie":{"message":"SameSite Cookie"},"panels/issues/IssueView.ts | affectedResources":{"message":"Affected Resources"},"panels/issues/IssueView.ts | automaticallyUpgraded":{"message":"automatically upgraded"},"panels/issues/IssueView.ts | blocked":{"message":"blocked"},"panels/issues/IssueView.ts | hideIssuesLikeThis":{"message":"Hide issues like this"},"panels/issues/IssueView.ts | learnMoreS":{"message":"Learn more: {PH1}"},"panels/issues/IssueView.ts | name":{"message":"Name"},"panels/issues/IssueView.ts | nRequests":{"message":"{n, plural, =1 {# request} other {# requests}}"},"panels/issues/IssueView.ts | nResources":{"message":"{n, plural, =1 {# resource} other {# resources}}"},"panels/issues/IssueView.ts | restrictionStatus":{"message":"Restriction Status"},"panels/issues/IssueView.ts | unhideIssuesLikeThis":{"message":"Unhide issues like this"},"panels/issues/IssueView.ts | warned":{"message":"Warned"},"panels/js_profiler/js_profiler-meta.ts | performance":{"message":"Performance"},"panels/js_profiler/js_profiler-meta.ts | profiler":{"message":"Profiler"},"panels/js_profiler/js_profiler-meta.ts | record":{"message":"Record"},"panels/js_profiler/js_profiler-meta.ts | showPerformance":{"message":"Show Performance"},"panels/js_profiler/js_profiler-meta.ts | showProfiler":{"message":"Show Profiler"},"panels/js_profiler/js_profiler-meta.ts | showRecentTimelineSessions":{"message":"Show recent timeline sessions"},"panels/js_profiler/js_profiler-meta.ts | startProfilingAndReloadPage":{"message":"Start profiling and reload page"},"panels/js_profiler/js_profiler-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/js_profiler/js_profiler-meta.ts | stop":{"message":"Stop"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateDown":{"message":"Pan or rotate down"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateLeft":{"message":"Pan or rotate left"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateRight":{"message":"Pan or rotate right"},"panels/layer_viewer/layer_viewer-meta.ts | panOrRotateUp":{"message":"Pan or rotate up"},"panels/layer_viewer/layer_viewer-meta.ts | resetView":{"message":"Reset view"},"panels/layer_viewer/layer_viewer-meta.ts | switchToPanMode":{"message":"Switch to pan mode"},"panels/layer_viewer/layer_viewer-meta.ts | switchToRotateMode":{"message":"Switch to rotate mode"},"panels/layer_viewer/layer_viewer-meta.ts | zoomIn":{"message":"Zoom in"},"panels/layer_viewer/layer_viewer-meta.ts | zoomOut":{"message":"Zoom out"},"panels/layer_viewer/LayerDetailsView.ts | compositingReasons":{"message":"Compositing Reasons"},"panels/layer_viewer/LayerDetailsView.ts | containingBlocRectangleDimensions":{"message":"Containing Block {PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | mainThreadScrollingReason":{"message":"Main thread scrolling reason"},"panels/layer_viewer/LayerDetailsView.ts | memoryEstimate":{"message":"Memory estimate"},"panels/layer_viewer/LayerDetailsView.ts | nearestLayerShiftingContaining":{"message":"Nearest Layer Shifting Containing Block"},"panels/layer_viewer/LayerDetailsView.ts | nearestLayerShiftingStickyBox":{"message":"Nearest Layer Shifting Sticky Box"},"panels/layer_viewer/LayerDetailsView.ts | nonFastScrollable":{"message":"Non fast scrollable"},"panels/layer_viewer/LayerDetailsView.ts | paintCount":{"message":"Paint count"},"panels/layer_viewer/LayerDetailsView.ts | paintProfiler":{"message":"Paint Profiler"},"panels/layer_viewer/LayerDetailsView.ts | repaintsOnScroll":{"message":"Repaints on scroll"},"panels/layer_viewer/LayerDetailsView.ts | scrollRectangleDimensions":{"message":"{PH1} {PH2} × {PH3} (at {PH4}, {PH5})"},"panels/layer_viewer/LayerDetailsView.ts | selectALayerToSeeItsDetails":{"message":"Select a layer to see its details"},"panels/layer_viewer/LayerDetailsView.ts | size":{"message":"Size"},"panels/layer_viewer/LayerDetailsView.ts | slowScrollRegions":{"message":"Slow scroll regions"},"panels/layer_viewer/LayerDetailsView.ts | stickyAncenstorLayersS":{"message":"{PH1}: {PH2} ({PH3})"},"panels/layer_viewer/LayerDetailsView.ts | stickyBoxRectangleDimensions":{"message":"Sticky Box {PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | stickyPositionConstraint":{"message":"Sticky position constraint"},"panels/layer_viewer/LayerDetailsView.ts | touchEventHandler":{"message":"Touch event handler"},"panels/layer_viewer/LayerDetailsView.ts | unnamed":{"message":"<unnamed>"},"panels/layer_viewer/LayerDetailsView.ts | updateRectangleDimensions":{"message":"{PH1} × {PH2} (at {PH3}, {PH4})"},"panels/layer_viewer/LayerDetailsView.ts | wheelEventHandler":{"message":"Wheel event handler"},"panels/layer_viewer/Layers3DView.ts | cantDisplayLayers":{"message":"Can't display layers,"},"panels/layer_viewer/Layers3DView.ts | checkSForPossibleReasons":{"message":"Check {PH1} for possible reasons."},"panels/layer_viewer/Layers3DView.ts | dLayersView":{"message":"3D Layers View"},"panels/layer_viewer/Layers3DView.ts | layerInformationIsNotYet":{"message":"Layer information is not yet available."},"panels/layer_viewer/Layers3DView.ts | paints":{"message":"Paints"},"panels/layer_viewer/Layers3DView.ts | resetView":{"message":"Reset View"},"panels/layer_viewer/Layers3DView.ts | showPaintProfiler":{"message":"Show Paint Profiler"},"panels/layer_viewer/Layers3DView.ts | slowScrollRects":{"message":"Slow scroll rects"},"panels/layer_viewer/Layers3DView.ts | webglSupportIsDisabledInYour":{"message":"WebGL support is disabled in your browser."},"panels/layer_viewer/LayerTreeOutline.ts | layersTreePane":{"message":"Layers Tree Pane"},"panels/layer_viewer/LayerTreeOutline.ts | showPaintProfiler":{"message":"Show Paint Profiler"},"panels/layer_viewer/LayerTreeOutline.ts | updateChildDimension":{"message":" ({PH1} × {PH2})"},"panels/layer_viewer/LayerViewHost.ts | showInternalLayers":{"message":"Show internal layers"},"panels/layer_viewer/PaintProfilerView.ts | bitmap":{"message":"Bitmap"},"panels/layer_viewer/PaintProfilerView.ts | commandLog":{"message":"Command Log"},"panels/layer_viewer/PaintProfilerView.ts | misc":{"message":"Misc"},"panels/layer_viewer/PaintProfilerView.ts | profiling":{"message":"Profiling…"},"panels/layer_viewer/PaintProfilerView.ts | profilingResults":{"message":"Profiling results"},"panels/layer_viewer/PaintProfilerView.ts | shapes":{"message":"Shapes"},"panels/layer_viewer/PaintProfilerView.ts | text":{"message":"Text"},"panels/layer_viewer/TransformController.ts | panModeX":{"message":"Pan mode (X)"},"panels/layer_viewer/TransformController.ts | resetTransform":{"message":"Reset transform (0)"},"panels/layer_viewer/TransformController.ts | rotateModeV":{"message":"Rotate mode (V)"},"panels/layers/layers-meta.ts | layers":{"message":"Layers"},"panels/layers/layers-meta.ts | showLayers":{"message":"Show Layers"},"panels/layers/LayersPanel.ts | details":{"message":"Details"},"panels/layers/LayersPanel.ts | profiler":{"message":"Profiler"},"panels/lighthouse/lighthouse-meta.ts | showLighthouse":{"message":"Show Lighthouse"},"panels/lighthouse/LighthouseController.ts | accessibility":{"message":"Accessibility"},"panels/lighthouse/LighthouseController.ts | applyMobileEmulation":{"message":"Apply mobile emulation"},"panels/lighthouse/LighthouseController.ts | applyMobileEmulationDuring":{"message":"Apply mobile emulation during auditing"},"panels/lighthouse/LighthouseController.ts | atLeastOneCategoryMustBeSelected":{"message":"At least one category must be selected."},"panels/lighthouse/LighthouseController.ts | bestPractices":{"message":"Best practices"},"panels/lighthouse/LighthouseController.ts | canOnlyAuditHttphttpsPages":{"message":"Can only audit pages on HTTP or HTTPS. Navigate to a different page."},"panels/lighthouse/LighthouseController.ts | clearStorage":{"message":"Clear storage"},"panels/lighthouse/LighthouseController.ts | desktop":{"message":"Desktop"},"panels/lighthouse/LighthouseController.ts | devtoolsThrottling":{"message":"DevTools throttling (advanced)"},"panels/lighthouse/LighthouseController.ts | doesThisPageFollowBestPractices":{"message":"Does this page follow best practices for modern web development"},"panels/lighthouse/LighthouseController.ts | doesThisPageMeetTheStandardOfA":{"message":"Does this page meet the standard of a Progressive Web App"},"panels/lighthouse/LighthouseController.ts | howLongDoesThisAppTakeToShow":{"message":"How long does this app take to show content and become usable"},"panels/lighthouse/LighthouseController.ts | indexeddb":{"message":"IndexedDB"},"panels/lighthouse/LighthouseController.ts | isThisPageOptimizedForAdSpeedAnd":{"message":"Is this page optimized for ad speed and quality"},"panels/lighthouse/LighthouseController.ts | isThisPageOptimizedForSearch":{"message":"Is this page optimized for search engine results ranking"},"panels/lighthouse/LighthouseController.ts | isThisPageUsableByPeopleWith":{"message":"Is this page usable by people with disabilities or impairments"},"panels/lighthouse/LighthouseController.ts | javaScriptDisabled":{"message":"JavaScript is disabled. You need to enable JavaScript to audit this page. Open the Command Menu and run the Enable JavaScript command to enable JavaScript."},"panels/lighthouse/LighthouseController.ts | legacyNavigation":{"message":"Legacy navigation"},"panels/lighthouse/LighthouseController.ts | lighthouseMode":{"message":"Lighthouse mode"},"panels/lighthouse/LighthouseController.ts | localStorage":{"message":"Local Storage"},"panels/lighthouse/LighthouseController.ts | mobile":{"message":"Mobile"},"panels/lighthouse/LighthouseController.ts | multipleTabsAreBeingControlledBy":{"message":"Multiple tabs are being controlled by the same service worker. Close your other tabs on the same origin to audit this page."},"panels/lighthouse/LighthouseController.ts | navigation":{"message":"Navigation (Default)"},"panels/lighthouse/LighthouseController.ts | navigationTooltip":{"message":"Navigation mode analyzes a page load, exactly like the original Lighthouse reports."},"panels/lighthouse/LighthouseController.ts | performance":{"message":"Performance"},"panels/lighthouse/LighthouseController.ts | progressiveWebApp":{"message":"Progressive Web App"},"panels/lighthouse/LighthouseController.ts | publisherAds":{"message":"Publisher Ads"},"panels/lighthouse/LighthouseController.ts | resetStorageLocalstorage":{"message":"Reset storage (cache, service workers, etc) before auditing. (Good for performance & PWA testing)"},"panels/lighthouse/LighthouseController.ts | runLighthouseInMode":{"message":"Run Lighthouse in navigation, timespan, or snapshot mode"},"panels/lighthouse/LighthouseController.ts | seo":{"message":"SEO"},"panels/lighthouse/LighthouseController.ts | simulateASlowerPageLoadBasedOn":{"message":"Simulated throttling simulates a slower page load based on data from an initial unthrottled load. DevTools throttling actually slows down the page."},"panels/lighthouse/LighthouseController.ts | simulatedThrottling":{"message":"Simulated throttling (default)"},"panels/lighthouse/LighthouseController.ts | snapshot":{"message":"Snapshot"},"panels/lighthouse/LighthouseController.ts | snapshotTooltip":{"message":"Snapshot mode analyzes the page in a particular state, typically after user interactions."},"panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingLoadingPlural":{"message":"There may be stored data affecting loading performance in these locations: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."},"panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular":{"message":"There may be stored data affecting loading performance in this location: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."},"panels/lighthouse/LighthouseController.ts | throttlingMethod":{"message":"Throttling method"},"panels/lighthouse/LighthouseController.ts | timespan":{"message":"Timespan"},"panels/lighthouse/LighthouseController.ts | timespanTooltip":{"message":"Timespan mode analyzes an arbitrary period of time, typically containing user interactions."},"panels/lighthouse/LighthouseController.ts | useLegacyNavigation":{"message":"Analyze the page using classic Lighthouse when in navigation mode."},"panels/lighthouse/LighthouseController.ts | webSql":{"message":"Web SQL"},"panels/lighthouse/LighthousePanel.ts | cancelling":{"message":"Cancelling"},"panels/lighthouse/LighthousePanel.ts | clearAll":{"message":"Clear all"},"panels/lighthouse/LighthousePanel.ts | dropLighthouseJsonHere":{"message":"Drop Lighthouse JSON here"},"panels/lighthouse/LighthousePanel.ts | lighthouseSettings":{"message":"Lighthouse settings"},"panels/lighthouse/LighthousePanel.ts | performAnAudit":{"message":"Perform an audit…"},"panels/lighthouse/LighthousePanel.ts | printing":{"message":"Printing"},"panels/lighthouse/LighthousePanel.ts | thePrintPopupWindowIsOpenPlease":{"message":"The print popup window is open. Please close it to continue."},"panels/lighthouse/LighthouseReportSelector.ts | newReport":{"message":"(new report)"},"panels/lighthouse/LighthouseReportSelector.ts | reports":{"message":"Reports"},"panels/lighthouse/LighthouseStartView.ts | analyzeNavigation":{"message":"Analyze page load"},"panels/lighthouse/LighthouseStartView.ts | analyzeSnapshot":{"message":"Analyze page state"},"panels/lighthouse/LighthouseStartView.ts | categories":{"message":"Categories"},"panels/lighthouse/LighthouseStartView.ts | device":{"message":"Device"},"panels/lighthouse/LighthouseStartView.ts | generateLighthouseReport":{"message":"Generate a Lighthouse report"},"panels/lighthouse/LighthouseStartView.ts | learnMore":{"message":"Learn more"},"panels/lighthouse/LighthouseStartView.ts | mode":{"message":"Mode"},"panels/lighthouse/LighthouseStartView.ts | plugins":{"message":"Plugins"},"panels/lighthouse/LighthouseStartView.ts | startTimespan":{"message":"Start timespan"},"panels/lighthouse/LighthouseStatusView.ts | ahSorryWeRanIntoAnError":{"message":"Ah, sorry! We ran into an error."},"panels/lighthouse/LighthouseStatusView.ts | almostThereLighthouseIsNow":{"message":"Almost there! Lighthouse is now generating your report."},"panels/lighthouse/LighthouseStatusView.ts | asPageLoadTimeIncreasesFromOne":{"message":"As page load time increases from one second to seven seconds, the probability of a mobile site visitor bouncing increases 113%. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | asTheNumberOfElementsOnAPage":{"message":"As the number of elements on a page increases from 400 to 6,000, the probability of conversion drops 95%. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | auditingS":{"message":"Auditing {PH1}"},"panels/lighthouse/LighthouseStatusView.ts | auditingYourWebPage":{"message":"Auditing your web page"},"panels/lighthouse/LighthouseStatusView.ts | byReducingTheResponseSizeOfJson":{"message":"By reducing the response size of JSON needed for displaying comments, Instagram saw increased impressions [Source: WPO Stats]"},"panels/lighthouse/LighthouseStatusView.ts | cancel":{"message":"Cancel"},"panels/lighthouse/LighthouseStatusView.ts | cancelling":{"message":"Cancelling…"},"panels/lighthouse/LighthouseStatusView.ts | fastFactMessageWithPlaceholder":{"message":"💡 {PH1}"},"panels/lighthouse/LighthouseStatusView.ts | ifASiteTakesSecondToBecome":{"message":"If a site takes >1 second to become interactive, users lose attention, and their perception of completing the page task is broken [Source: Google Developers Blog]"},"panels/lighthouse/LighthouseStatusView.ts | ifThisIssueIsReproduciblePlease":{"message":"If this issue is reproducible, please report it at the Lighthouse GitHub repo."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsGatheringInformation":{"message":"Lighthouse is gathering information about the page to compute your score."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingThePage":{"message":"Lighthouse is loading the page."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPage":{"message":"Lighthouse is loading your page"},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWith":{"message":"Lighthouse is loading your page with throttling to measure performance on a mobile device on 3G."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWithMobile":{"message":"Lighthouse is loading your page with mobile emulation."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsLoadingYourPageWithThrottling":{"message":"Lighthouse is loading your page with throttling to measure performance on a slow desktop on 3G."},"panels/lighthouse/LighthouseStatusView.ts | lighthouseIsWarmingUp":{"message":"Lighthouse is warming up…"},"panels/lighthouse/LighthouseStatusView.ts | lighthouseOnlySimulatesMobile":{"message":"Lighthouse only simulates mobile performance; to measure performance on a real device, try WebPageTest.org [Source: Lighthouse team]"},"panels/lighthouse/LighthouseStatusView.ts | loading":{"message":"Loading…"},"panels/lighthouse/LighthouseStatusView.ts | mbTakesAMinimumOfSecondsTo":{"message":"1MB takes a minimum of 5 seconds to download on a typical 3G connection [Source: WebPageTest and DevTools 3G definition]."},"panels/lighthouse/LighthouseStatusView.ts | OfGlobalMobileUsersInWereOnGOrG":{"message":"75% of global mobile users in 2016 were on 2G or 3G [Source: GSMA Mobile]"},"panels/lighthouse/LighthouseStatusView.ts | OfMobilePagesTakeNearlySeconds":{"message":"70% of mobile pages take nearly 7 seconds for the visual content above the fold to display on the screen. [Source: Think with Google]"},"panels/lighthouse/LighthouseStatusView.ts | rebuildingPinterestPagesFor":{"message":"Rebuilding Pinterest pages for performance increased conversion rates by 15% [Source: WPO Stats]"},"panels/lighthouse/LighthouseStatusView.ts | SecondsIsTheAverageTimeAMobile":{"message":"19 seconds is the average time a mobile web page takes to load on a 3G connection [Source: Google DoubleClick blog]"},"panels/lighthouse/LighthouseStatusView.ts | theAverageUserDeviceCostsLess":{"message":"The average user device costs less than 200 USD. [Source: International Data Corporation]"},"panels/lighthouse/LighthouseStatusView.ts | tryToNavigateToTheUrlInAFresh":{"message":"Try to navigate to the URL in a fresh Chrome profile without any other tabs or extensions open and try again."},"panels/lighthouse/LighthouseStatusView.ts | walmartSawAIncreaseInRevenueFor":{"message":"Walmart saw a 1% increase in revenue for every 100ms improvement in page load [Source: WPO Stats]"},"panels/lighthouse/LighthouseTimespanView.ts | cancel":{"message":"Cancel"},"panels/lighthouse/LighthouseTimespanView.ts | endTimespan":{"message":"End timespan"},"panels/lighthouse/LighthouseTimespanView.ts | timespanStarted":{"message":"Timespan started, interact with the page"},"panels/lighthouse/LighthouseTimespanView.ts | timespanStarting":{"message":"Timespan starting…"},"panels/media/EventDisplayTable.ts | eventDisplay":{"message":"Event display"},"panels/media/EventDisplayTable.ts | eventName":{"message":"Event name"},"panels/media/EventDisplayTable.ts | timestamp":{"message":"Timestamp"},"panels/media/EventDisplayTable.ts | value":{"message":"Value"},"panels/media/EventTimelineView.ts | bufferingStatus":{"message":"Buffering Status"},"panels/media/EventTimelineView.ts | playbackStatus":{"message":"Playback Status"},"panels/media/media-meta.ts | media":{"message":"Media"},"panels/media/media-meta.ts | showMedia":{"message":"Show Media"},"panels/media/media-meta.ts | video":{"message":"video"},"panels/media/PlayerDetailView.ts | events":{"message":"Events"},"panels/media/PlayerDetailView.ts | messages":{"message":"Messages"},"panels/media/PlayerDetailView.ts | playerEvents":{"message":"Player events"},"panels/media/PlayerDetailView.ts | playerMessages":{"message":"Player messages"},"panels/media/PlayerDetailView.ts | playerProperties":{"message":"Player properties"},"panels/media/PlayerDetailView.ts | playerTimeline":{"message":"Player timeline"},"panels/media/PlayerDetailView.ts | properties":{"message":"Properties"},"panels/media/PlayerDetailView.ts | timeline":{"message":"Timeline"},"panels/media/PlayerListView.ts | hideAllOthers":{"message":"Hide all others"},"panels/media/PlayerListView.ts | hidePlayer":{"message":"Hide player"},"panels/media/PlayerListView.ts | players":{"message":"Players"},"panels/media/PlayerListView.ts | savePlayerInfo":{"message":"Save player info"},"panels/media/PlayerMessagesView.ts | all":{"message":"All"},"panels/media/PlayerMessagesView.ts | custom":{"message":"Custom"},"panels/media/PlayerMessagesView.ts | debug":{"message":"Debug"},"panels/media/PlayerMessagesView.ts | default":{"message":"Default"},"panels/media/PlayerMessagesView.ts | error":{"message":"Error"},"panels/media/PlayerMessagesView.ts | errorCauseLabel":{"message":"Caused by:"},"panels/media/PlayerMessagesView.ts | errorCodeLabel":{"message":"Error Code:"},"panels/media/PlayerMessagesView.ts | errorDataLabel":{"message":"Data:"},"panels/media/PlayerMessagesView.ts | errorGroupLabel":{"message":"Error Group:"},"panels/media/PlayerMessagesView.ts | errorStackLabel":{"message":"Stacktrace:"},"panels/media/PlayerMessagesView.ts | filterLogMessages":{"message":"Filter log messages"},"panels/media/PlayerMessagesView.ts | info":{"message":"Info"},"panels/media/PlayerMessagesView.ts | logLevel":{"message":"Log level:"},"panels/media/PlayerMessagesView.ts | warning":{"message":"Warning"},"panels/media/PlayerPropertiesView.ts | audio":{"message":"Audio"},"panels/media/PlayerPropertiesView.ts | bitrate":{"message":"Bitrate"},"panels/media/PlayerPropertiesView.ts | decoder":{"message":"Decoder"},"panels/media/PlayerPropertiesView.ts | decoderName":{"message":"Decoder name"},"panels/media/PlayerPropertiesView.ts | decryptingDemuxer":{"message":"Decrypting demuxer"},"panels/media/PlayerPropertiesView.ts | duration":{"message":"Duration"},"panels/media/PlayerPropertiesView.ts | encoderName":{"message":"Encoder name"},"panels/media/PlayerPropertiesView.ts | fileSize":{"message":"File size"},"panels/media/PlayerPropertiesView.ts | frameRate":{"message":"Frame rate"},"panels/media/PlayerPropertiesView.ts | hardwareDecoder":{"message":"Hardware decoder"},"panels/media/PlayerPropertiesView.ts | hardwareEncoder":{"message":"Hardware encoder"},"panels/media/PlayerPropertiesView.ts | noDecoder":{"message":"No decoder"},"panels/media/PlayerPropertiesView.ts | noEncoder":{"message":"No encoder"},"panels/media/PlayerPropertiesView.ts | noTextTracks":{"message":"No text tracks"},"panels/media/PlayerPropertiesView.ts | playbackFrameTitle":{"message":"Playback frame title"},"panels/media/PlayerPropertiesView.ts | playbackFrameUrl":{"message":"Playback frame URL"},"panels/media/PlayerPropertiesView.ts | properties":{"message":"Properties"},"panels/media/PlayerPropertiesView.ts | rangeHeaderSupport":{"message":"Range header support"},"panels/media/PlayerPropertiesView.ts | rendererName":{"message":"Renderer name"},"panels/media/PlayerPropertiesView.ts | resolution":{"message":"Resolution"},"panels/media/PlayerPropertiesView.ts | singleoriginPlayback":{"message":"Single-origin playback"},"panels/media/PlayerPropertiesView.ts | startTime":{"message":"Start time"},"panels/media/PlayerPropertiesView.ts | streaming":{"message":"Streaming"},"panels/media/PlayerPropertiesView.ts | textTrack":{"message":"Text track"},"panels/media/PlayerPropertiesView.ts | track":{"message":"Track"},"panels/media/PlayerPropertiesView.ts | video":{"message":"Video"},"panels/media/PlayerPropertiesView.ts | videoFreezingScore":{"message":"Video freezing score"},"panels/media/PlayerPropertiesView.ts | videoPlaybackRoughness":{"message":"Video playback roughness"},"panels/mobile_throttling/mobile_throttling-meta.ts | device":{"message":"device"},"panels/mobile_throttling/mobile_throttling-meta.ts | enableFastGThrottling":{"message":"Enable fast 3G throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | enableSlowGThrottling":{"message":"Enable slow 3G throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | goOffline":{"message":"Go offline"},"panels/mobile_throttling/mobile_throttling-meta.ts | goOnline":{"message":"Go online"},"panels/mobile_throttling/mobile_throttling-meta.ts | showThrottling":{"message":"Show Throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | throttling":{"message":"Throttling"},"panels/mobile_throttling/mobile_throttling-meta.ts | throttlingTag":{"message":"throttling"},"panels/mobile_throttling/MobileThrottlingSelector.ts | advanced":{"message":"Advanced"},"panels/mobile_throttling/MobileThrottlingSelector.ts | disabled":{"message":"Disabled"},"panels/mobile_throttling/MobileThrottlingSelector.ts | presets":{"message":"Presets"},"panels/mobile_throttling/NetworkPanelIndicator.ts | acceptedEncodingOverrideSet":{"message":"The set of accepted Content-Encoding headers has been modified by DevTools. See the Network Conditions panel."},"panels/mobile_throttling/NetworkPanelIndicator.ts | networkThrottlingIsEnabled":{"message":"Network throttling is enabled"},"panels/mobile_throttling/NetworkPanelIndicator.ts | requestsMayBeBlocked":{"message":"Requests may be blocked"},"panels/mobile_throttling/NetworkPanelIndicator.ts | requestsMayBeRewrittenByLocal":{"message":"Requests may be rewritten by local overrides"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | custom":{"message":"Custom"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | disabled":{"message":"Disabled"},"panels/mobile_throttling/NetworkThrottlingSelector.ts | presets":{"message":"Presets"},"panels/mobile_throttling/ThrottlingManager.ts | add":{"message":"Add…"},"panels/mobile_throttling/ThrottlingManager.ts | addS":{"message":"Add {PH1}"},"panels/mobile_throttling/ThrottlingManager.ts | cpuThrottling":{"message":"CPU throttling"},"panels/mobile_throttling/ThrottlingManager.ts | cpuThrottlingIsEnabled":{"message":"CPU throttling is enabled"},"panels/mobile_throttling/ThrottlingManager.ts | dSlowdown":{"message":"{PH1}× slowdown"},"panels/mobile_throttling/ThrottlingManager.ts | excessConcurrency":{"message":"Exceeding the default value may degrade system performance."},"panels/mobile_throttling/ThrottlingManager.ts | forceDisconnectedFromNetwork":{"message":"Force disconnected from network"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrency":{"message":"Hardware concurrency"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrencyIsEnabled":{"message":"Hardware concurrency override is enabled"},"panels/mobile_throttling/ThrottlingManager.ts | hardwareConcurrencyValue":{"message":"Value of navigator.hardwareConcurrency"},"panels/mobile_throttling/ThrottlingManager.ts | noThrottling":{"message":"No throttling"},"panels/mobile_throttling/ThrottlingManager.ts | offline":{"message":"Offline"},"panels/mobile_throttling/ThrottlingManager.ts | resetConcurrency":{"message":"Reset to the default value"},"panels/mobile_throttling/ThrottlingManager.ts | sS":{"message":"{PH1}: {PH2}"},"panels/mobile_throttling/ThrottlingManager.ts | throttling":{"message":"Throttling"},"panels/mobile_throttling/ThrottlingPresets.ts | checkNetworkAndPerformancePanels":{"message":"Check Network and Performance panels"},"panels/mobile_throttling/ThrottlingPresets.ts | custom":{"message":"Custom"},"panels/mobile_throttling/ThrottlingPresets.ts | fastGXCpuSlowdown":{"message":"Fast 3G & 4x CPU slowdown"},"panels/mobile_throttling/ThrottlingPresets.ts | lowendMobile":{"message":"Low-end mobile"},"panels/mobile_throttling/ThrottlingPresets.ts | midtierMobile":{"message":"Mid-tier mobile"},"panels/mobile_throttling/ThrottlingPresets.ts | noInternetConnectivity":{"message":"No internet connectivity"},"panels/mobile_throttling/ThrottlingPresets.ts | noThrottling":{"message":"No throttling"},"panels/mobile_throttling/ThrottlingPresets.ts | slowGXCpuSlowdown":{"message":"Slow 3G & 6x CPU slowdown"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | addCustomProfile":{"message":"Add custom profile..."},"panels/mobile_throttling/ThrottlingSettingsTab.ts | dms":{"message":"{PH1} ms"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | download":{"message":"Download"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | dskbits":{"message":"{PH1} kbit/s"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | fsmbits":{"message":"{PH1} Mbit/s"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | latency":{"message":"Latency"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | latencyMustBeAnIntegerBetweenSms":{"message":"Latency must be an integer between {PH1} ms to {PH2} ms inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | networkThrottlingProfiles":{"message":"Network Throttling Profiles"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | optional":{"message":"optional"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | profileName":{"message":"Profile Name"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | profileNameCharactersLengthMust":{"message":"Profile Name characters length must be between 1 to {PH1} inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | sMustBeANumberBetweenSkbsToSkbs":{"message":"{PH1} must be a number between {PH2} kbit/s to {PH3} kbit/s inclusive"},"panels/mobile_throttling/ThrottlingSettingsTab.ts | upload":{"message":"Upload"},"panels/network/BinaryResourceView.ts | binaryViewType":{"message":"Binary view type"},"panels/network/BinaryResourceView.ts | copiedAsBase":{"message":"Copied as Base64"},"panels/network/BinaryResourceView.ts | copiedAsHex":{"message":"Copied as Hex"},"panels/network/BinaryResourceView.ts | copiedAsUtf":{"message":"Copied as UTF-8"},"panels/network/BinaryResourceView.ts | copyAsBase":{"message":"Copy as Base64"},"panels/network/BinaryResourceView.ts | copyAsHex":{"message":"Copy as Hex"},"panels/network/BinaryResourceView.ts | copyAsUtf":{"message":"Copy as UTF-8"},"panels/network/BinaryResourceView.ts | copyToClipboard":{"message":"Copy to clipboard"},"panels/network/BinaryResourceView.ts | hexViewer":{"message":"Hex Viewer"},"panels/network/BlockedURLsPane.ts | addNetworkRequestBlockingPattern":{"message":"Add network request blocking pattern"},"panels/network/BlockedURLsPane.ts | addPattern":{"message":"Add pattern"},"panels/network/BlockedURLsPane.ts | dBlocked":{"message":"{PH1} blocked"},"panels/network/BlockedURLsPane.ts | enableNetworkRequestBlocking":{"message":"Enable network request blocking"},"panels/network/BlockedURLsPane.ts | itemDeleted":{"message":"Item successfully deleted"},"panels/network/BlockedURLsPane.ts | networkRequestsAreNotBlockedS":{"message":"Network requests are not blocked. {PH1}"},"panels/network/BlockedURLsPane.ts | patternAlreadyExists":{"message":"Pattern already exists."},"panels/network/BlockedURLsPane.ts | patternInputCannotBeEmpty":{"message":"Pattern input cannot be empty."},"panels/network/BlockedURLsPane.ts | removeAllPatterns":{"message":"Remove all patterns"},"panels/network/BlockedURLsPane.ts | textPatternToBlockMatching":{"message":"Text pattern to block matching requests; use * for wildcard"},"panels/network/components/HeaderSectionRow.ts | activeClientExperimentVariation":{"message":"Active client experiment variation IDs."},"panels/network/components/HeaderSectionRow.ts | activeClientExperimentVariationIds":{"message":"Active client experiment variation IDs that trigger server-side behavior."},"panels/network/components/HeaderSectionRow.ts | decoded":{"message":"Decoded:"},"panels/network/components/HeaderSectionRow.ts | editHeader":{"message":"Override header"},"panels/network/components/HeaderSectionRow.ts | headerNamesOnlyLetters":{"message":"Header names should contain only letters, digits, hyphens or underscores"},"panels/network/components/HeaderSectionRow.ts | learnMore":{"message":"Learn more"},"panels/network/components/HeaderSectionRow.ts | learnMoreInTheIssuesTab":{"message":"Learn more in the issues tab"},"panels/network/components/HeaderSectionRow.ts | reloadPrompt":{"message":"Refresh the page/request for these changes to take effect"},"panels/network/components/HeaderSectionRow.ts | removeOverride":{"message":"Remove this header override"},"panels/network/components/RequestHeaderSection.ts | learnMore":{"message":"Learn more"},"panels/network/components/RequestHeaderSection.ts | onlyProvisionalHeadersAre":{"message":"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers."},"panels/network/components/RequestHeaderSection.ts | provisionalHeadersAreShown":{"message":"Provisional headers are shown."},"panels/network/components/RequestHeaderSection.ts | provisionalHeadersAreShownDisableCache":{"message":"Provisional headers are shown. Disable cache to see full headers."},"panels/network/components/RequestHeadersView.ts | fromDiskCache":{"message":"(from disk cache)"},"panels/network/components/RequestHeadersView.ts | fromMemoryCache":{"message":"(from memory cache)"},"panels/network/components/RequestHeadersView.ts | fromPrefetchCache":{"message":"(from prefetch cache)"},"panels/network/components/RequestHeadersView.ts | fromServiceWorker":{"message":"(from service worker)"},"panels/network/components/RequestHeadersView.ts | fromSignedexchange":{"message":"(from signed-exchange)"},"panels/network/components/RequestHeadersView.ts | fromWebBundle":{"message":"(from Web Bundle)"},"panels/network/components/RequestHeadersView.ts | general":{"message":"General"},"panels/network/components/RequestHeadersView.ts | headerOverrides":{"message":"Header overrides"},"panels/network/components/RequestHeadersView.ts | raw":{"message":"Raw"},"panels/network/components/RequestHeadersView.ts | referrerPolicy":{"message":"Referrer Policy"},"panels/network/components/RequestHeadersView.ts | remoteAddress":{"message":"Remote Address"},"panels/network/components/RequestHeadersView.ts | requestHeaders":{"message":"Request Headers"},"panels/network/components/RequestHeadersView.ts | requestMethod":{"message":"Request Method"},"panels/network/components/RequestHeadersView.ts | requestUrl":{"message":"Request URL"},"panels/network/components/RequestHeadersView.ts | responseHeaders":{"message":"Response Headers"},"panels/network/components/RequestHeadersView.ts | revealHeaderOverrides":{"message":"Reveal header override definitions"},"panels/network/components/RequestHeadersView.ts | showMore":{"message":"Show more"},"panels/network/components/RequestHeadersView.ts | statusCode":{"message":"Status Code"},"panels/network/components/RequestTrustTokensView.ts | aClientprovidedArgumentWas":{"message":"A client-provided argument was malformed or otherwise invalid."},"panels/network/components/RequestTrustTokensView.ts | eitherNoInputsForThisOperation":{"message":"Either no inputs for this operation are available or the output exceeds the operations quota."},"panels/network/components/RequestTrustTokensView.ts | failure":{"message":"Failure"},"panels/network/components/RequestTrustTokensView.ts | issuer":{"message":"Issuer"},"panels/network/components/RequestTrustTokensView.ts | issuers":{"message":"Issuers"},"panels/network/components/RequestTrustTokensView.ts | numberOfIssuedTokens":{"message":"Number of issued tokens"},"panels/network/components/RequestTrustTokensView.ts | parameters":{"message":"Parameters"},"panels/network/components/RequestTrustTokensView.ts | refreshPolicy":{"message":"Refresh policy"},"panels/network/components/RequestTrustTokensView.ts | result":{"message":"Result"},"panels/network/components/RequestTrustTokensView.ts | status":{"message":"Status"},"panels/network/components/RequestTrustTokensView.ts | success":{"message":"Success"},"panels/network/components/RequestTrustTokensView.ts | theKeysForThisPSTIssuerAreUnavailable":{"message":"The keys for this PST issuer are unavailable. The issuer may need to be registered via the Chrome registration process."},"panels/network/components/RequestTrustTokensView.ts | theOperationFailedForAnUnknown":{"message":"The operation failed for an unknown reason."},"panels/network/components/RequestTrustTokensView.ts | theOperationsResultWasServedFrom":{"message":"The operations result was served from cache."},"panels/network/components/RequestTrustTokensView.ts | theOperationWasFulfilledLocally":{"message":"The operation was fulfilled locally, no request was sent."},"panels/network/components/RequestTrustTokensView.ts | theServersResponseWasMalformedOr":{"message":"The servers response was malformed or otherwise invalid."},"panels/network/components/RequestTrustTokensView.ts | topLevelOrigin":{"message":"Top level origin"},"panels/network/components/RequestTrustTokensView.ts | type":{"message":"Type"},"panels/network/components/ResponseHeaderSection.ts | addHeader":{"message":"Add header"},"panels/network/components/ResponseHeaderSection.ts | chooseThisOptionIfTheResourceAnd":{"message":"Choose this option if the resource and the document are served from the same site."},"panels/network/components/ResponseHeaderSection.ts | onlyChooseThisOptionIfAn":{"message":"Only choose this option if an arbitrary website including this resource does not impose a security risk."},"panels/network/components/ResponseHeaderSection.ts | thisDocumentWasBlockedFrom":{"message":"This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy."},"panels/network/components/ResponseHeaderSection.ts | toEmbedThisFrameInYourDocument":{"message":"To embed this frame in your document, the response needs to enable the cross-origin embedder policy by specifying the following response header:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferent":{"message":"To use this resource from a different origin, the server needs to specify a cross-origin resource policy in the response headers:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferentOrigin":{"message":"To use this resource from a different origin, the server may relax the cross-origin resource policy response header:"},"panels/network/components/ResponseHeaderSection.ts | toUseThisResourceFromADifferentSite":{"message":"To use this resource from a different site, the server may relax the cross-origin resource policy response header:"},"panels/network/components/WebBundleInfoView.ts | bundledResource":{"message":"Bundled resource"},"panels/network/EventSourceMessagesView.ts | copyMessage":{"message":"Copy message"},"panels/network/EventSourceMessagesView.ts | data":{"message":"Data"},"panels/network/EventSourceMessagesView.ts | eventSource":{"message":"Event Source"},"panels/network/EventSourceMessagesView.ts | id":{"message":"Id"},"panels/network/EventSourceMessagesView.ts | time":{"message":"Time"},"panels/network/EventSourceMessagesView.ts | type":{"message":"Type"},"panels/network/network-meta.ts | clear":{"message":"Clear network log"},"panels/network/network-meta.ts | colorCode":{"message":"color code"},"panels/network/network-meta.ts | colorCodeByResourceType":{"message":"Color code by resource type"},"panels/network/network-meta.ts | colorcodeResourceTypes":{"message":"Color-code resource types"},"panels/network/network-meta.ts | diskCache":{"message":"disk cache"},"panels/network/network-meta.ts | dontGroupNetworkLogItemsByFrame":{"message":"Don't group network log items by frame"},"panels/network/network-meta.ts | frame":{"message":"frame"},"panels/network/network-meta.ts | group":{"message":"group"},"panels/network/network-meta.ts | groupNetworkLogByFrame":{"message":"Group network log by frame"},"panels/network/network-meta.ts | groupNetworkLogItemsByFrame":{"message":"Group network log items by frame"},"panels/network/network-meta.ts | hideRequestDetails":{"message":"Hide request details"},"panels/network/network-meta.ts | network":{"message":"Network"},"panels/network/network-meta.ts | netWork":{"message":"network"},"panels/network/network-meta.ts | networkConditions":{"message":"Network conditions"},"panels/network/network-meta.ts | networkRequestBlocking":{"message":"Network request blocking"},"panels/network/network-meta.ts | networkThrottling":{"message":"network throttling"},"panels/network/network-meta.ts | recordNetworkLog":{"message":"Record network log"},"panels/network/network-meta.ts | resourceType":{"message":"resource type"},"panels/network/network-meta.ts | search":{"message":"Search"},"panels/network/network-meta.ts | showNetwork":{"message":"Show Network"},"panels/network/network-meta.ts | showNetworkConditions":{"message":"Show Network conditions"},"panels/network/network-meta.ts | showNetworkRequestBlocking":{"message":"Show Network request blocking"},"panels/network/network-meta.ts | showSearch":{"message":"Show Search"},"panels/network/network-meta.ts | stopRecordingNetworkLog":{"message":"Stop recording network log"},"panels/network/network-meta.ts | useDefaultColors":{"message":"Use default colors"},"panels/network/NetworkConfigView.ts | acceptedEncoding":{"message":"Accepted Content-Encodings"},"panels/network/NetworkConfigView.ts | caching":{"message":"Caching"},"panels/network/NetworkConfigView.ts | clientHintsStatusText":{"message":"User agent updated."},"panels/network/NetworkConfigView.ts | custom":{"message":"Custom..."},"panels/network/NetworkConfigView.ts | customUserAgentFieldIsRequired":{"message":"Custom user agent field is required"},"panels/network/NetworkConfigView.ts | disableCache":{"message":"Disable cache"},"panels/network/NetworkConfigView.ts | enterACustomUserAgent":{"message":"Enter a custom user agent"},"panels/network/NetworkConfigView.ts | networkConditionsPanelShown":{"message":"Network conditions shown"},"panels/network/NetworkConfigView.ts | networkThrottling":{"message":"Network throttling"},"panels/network/NetworkConfigView.ts | selectAutomatically":{"message":"Use browser default"},"panels/network/NetworkConfigView.ts | userAgent":{"message":"User agent"},"panels/network/NetworkDataGridNode.ts | alternativeJobWonRace":{"message":"Chrome used a HTTP/3 connection induced by an 'Alt-Svc' header because it won a race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | alternativeJobWonWithoutRace":{"message":"Chrome used a HTTP/3 connection induced by an 'Alt-Svc' header without racing against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | blockeds":{"message":"(blocked:{PH1})"},"panels/network/NetworkDataGridNode.ts | blockedTooltip":{"message":"This request was blocked due to misconfigured response headers, click to view the headers"},"panels/network/NetworkDataGridNode.ts | broken":{"message":"Chrome did not try to establish a HTTP/3 connection because it was marked as broken."},"panels/network/NetworkDataGridNode.ts | canceled":{"message":"(canceled)"},"panels/network/NetworkDataGridNode.ts | corsError":{"message":"CORS error"},"panels/network/NetworkDataGridNode.ts | crossoriginResourceSharingErrorS":{"message":"Cross-Origin Resource Sharing error: {PH1}"},"panels/network/NetworkDataGridNode.ts | csp":{"message":"csp"},"panels/network/NetworkDataGridNode.ts | data":{"message":"(data)"},"panels/network/NetworkDataGridNode.ts | devtools":{"message":"devtools"},"panels/network/NetworkDataGridNode.ts | diskCache":{"message":"(disk cache)"},"panels/network/NetworkDataGridNode.ts | dnsAlpnH3JobWonRace":{"message":"Chrome used a HTTP/3 connection due to the DNS record indicating HTTP/3 support, which won a race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | dnsAlpnH3JobWonWithoutRace":{"message":"Chrome used a HTTP/3 connection due to the DNS record indicating HTTP/3 support. There was no race against establishing a connection using a different HTTP version."},"panels/network/NetworkDataGridNode.ts | failed":{"message":"(failed)"},"panels/network/NetworkDataGridNode.ts | finished":{"message":"Finished"},"panels/network/NetworkDataGridNode.ts | hasOverriddenHeaders":{"message":"Request has overridden headers"},"panels/network/NetworkDataGridNode.ts | level":{"message":"level 1"},"panels/network/NetworkDataGridNode.ts | mainJobWonRace":{"message":"Chrome used this protocol because it won a race against establishing a HTTP/3 connection."},"panels/network/NetworkDataGridNode.ts | mappingMissing":{"message":"Chrome did not use an alternative HTTP version because no alternative protocol information was available when the request was issued, but an 'Alt-Svc' header was present in the response."},"panels/network/NetworkDataGridNode.ts | memoryCache":{"message":"(memory cache)"},"panels/network/NetworkDataGridNode.ts | origin":{"message":"origin"},"panels/network/NetworkDataGridNode.ts | other":{"message":"other"},"panels/network/NetworkDataGridNode.ts | otherC":{"message":"Other"},"panels/network/NetworkDataGridNode.ts | parser":{"message":"Parser"},"panels/network/NetworkDataGridNode.ts | pending":{"message":"Pending"},"panels/network/NetworkDataGridNode.ts | pendingq":{"message":"(pending)"},"panels/network/NetworkDataGridNode.ts | prefetchCache":{"message":"(prefetch cache)"},"panels/network/NetworkDataGridNode.ts | preflight":{"message":"Preflight"},"panels/network/NetworkDataGridNode.ts | preload":{"message":"Preload"},"panels/network/NetworkDataGridNode.ts | push":{"message":"Push / "},"panels/network/NetworkDataGridNode.ts | redirect":{"message":"Redirect"},"panels/network/NetworkDataGridNode.ts | script":{"message":"Script"},"panels/network/NetworkDataGridNode.ts | selectPreflightRequest":{"message":"Select preflight request"},"panels/network/NetworkDataGridNode.ts | selectTheRequestThatTriggered":{"message":"Select the request that triggered this preflight"},"panels/network/NetworkDataGridNode.ts | servedFromDiskCacheResourceSizeS":{"message":"Served from disk cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromMemoryCacheResource":{"message":"Served from memory cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromPrefetchCacheResource":{"message":"Served from prefetch cache, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromServiceworkerResource":{"message":"Served from ServiceWorker, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromSignedHttpExchange":{"message":"Served from Signed HTTP Exchange, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | servedFromWebBundle":{"message":"Served from Web Bundle, resource size: {PH1}"},"panels/network/NetworkDataGridNode.ts | serviceworker":{"message":"(ServiceWorker)"},"panels/network/NetworkDataGridNode.ts | signedexchange":{"message":"signed-exchange"},"panels/network/NetworkDataGridNode.ts | sPreflight":{"message":"{PH1} + Preflight"},"panels/network/NetworkDataGridNode.ts | timeSubtitleTooltipText":{"message":"Latency (response received time - start time)"},"panels/network/NetworkDataGridNode.ts | unknown":{"message":"(unknown)"},"panels/network/NetworkDataGridNode.ts | unknownExplanation":{"message":"The request status cannot be shown here because the page that issued it unloaded while the request was in flight. You can use chrome://net-export to capture a network log and see all request details."},"panels/network/NetworkDataGridNode.ts | webBundle":{"message":"(Web Bundle)"},"panels/network/NetworkDataGridNode.ts | webBundleError":{"message":"Web Bundle error"},"panels/network/NetworkDataGridNode.ts | webBundleInnerRequest":{"message":"Served from Web Bundle"},"panels/network/NetworkItemView.ts | cookies":{"message":"Cookies"},"panels/network/NetworkItemView.ts | eventstream":{"message":"EventStream"},"panels/network/NetworkItemView.ts | headers":{"message":"Headers"},"panels/network/NetworkItemView.ts | initiator":{"message":"Initiator"},"panels/network/NetworkItemView.ts | messages":{"message":"Messages"},"panels/network/NetworkItemView.ts | payload":{"message":"Payload"},"panels/network/NetworkItemView.ts | preview":{"message":"Preview"},"panels/network/NetworkItemView.ts | rawResponseData":{"message":"Raw response data"},"panels/network/NetworkItemView.ts | requestAndResponseCookies":{"message":"Request and response cookies"},"panels/network/NetworkItemView.ts | requestAndResponseTimeline":{"message":"Request and response timeline"},"panels/network/NetworkItemView.ts | requestInitiatorCallStack":{"message":"Request initiator call stack"},"panels/network/NetworkItemView.ts | response":{"message":"Response"},"panels/network/NetworkItemView.ts | responsePreview":{"message":"Response preview"},"panels/network/NetworkItemView.ts | signedexchangeError":{"message":"SignedExchange error"},"panels/network/NetworkItemView.ts | timing":{"message":"Timing"},"panels/network/NetworkItemView.ts | trustTokenOperationDetails":{"message":"Private State Token operation details"},"panels/network/NetworkItemView.ts | trustTokens":{"message":"Private State Tokens"},"panels/network/NetworkItemView.ts | websocketMessages":{"message":"WebSocket messages"},"panels/network/NetworkLogView.ts | areYouSureYouWantToClearBrowser":{"message":"Are you sure you want to clear browser cache?"},"panels/network/NetworkLogView.ts | areYouSureYouWantToClearBrowserCookies":{"message":"Are you sure you want to clear browser cookies?"},"panels/network/NetworkLogView.ts | blockedRequests":{"message":"Blocked Requests"},"panels/network/NetworkLogView.ts | blockRequestDomain":{"message":"Block request domain"},"panels/network/NetworkLogView.ts | blockRequestUrl":{"message":"Block request URL"},"panels/network/NetworkLogView.ts | clearBrowserCache":{"message":"Clear browser cache"},"panels/network/NetworkLogView.ts | clearBrowserCookies":{"message":"Clear browser cookies"},"panels/network/NetworkLogView.ts | copy":{"message":"Copy"},"panels/network/NetworkLogView.ts | copyAllAsCurl":{"message":"Copy all as cURL"},"panels/network/NetworkLogView.ts | copyAllAsCurlBash":{"message":"Copy all as cURL (bash)"},"panels/network/NetworkLogView.ts | copyAllAsCurlCmd":{"message":"Copy all as cURL (cmd)"},"panels/network/NetworkLogView.ts | copyAllAsFetch":{"message":"Copy all as fetch"},"panels/network/NetworkLogView.ts | copyAllAsHar":{"message":"Copy all as HAR"},"panels/network/NetworkLogView.ts | copyAllAsNodejsFetch":{"message":"Copy all as Node.js fetch"},"panels/network/NetworkLogView.ts | copyAllAsPowershell":{"message":"Copy all as PowerShell"},"panels/network/NetworkLogView.ts | copyAsCurl":{"message":"Copy as cURL"},"panels/network/NetworkLogView.ts | copyAsCurlBash":{"message":"Copy as cURL (bash)"},"panels/network/NetworkLogView.ts | copyAsCurlCmd":{"message":"Copy as cURL (cmd)"},"panels/network/NetworkLogView.ts | copyAsFetch":{"message":"Copy as fetch"},"panels/network/NetworkLogView.ts | copyAsNodejsFetch":{"message":"Copy as Node.js fetch"},"panels/network/NetworkLogView.ts | copyAsPowershell":{"message":"Copy as PowerShell"},"panels/network/NetworkLogView.ts | copyRequestHeaders":{"message":"Copy request headers"},"panels/network/NetworkLogView.ts | copyResponse":{"message":"Copy response"},"panels/network/NetworkLogView.ts | copyResponseHeaders":{"message":"Copy response headers"},"panels/network/NetworkLogView.ts | copyStacktrace":{"message":"Copy stack trace"},"panels/network/NetworkLogView.ts | domcontentloadedS":{"message":"DOMContentLoaded: {PH1}"},"panels/network/NetworkLogView.ts | dropHarFilesHere":{"message":"Drop HAR files here"},"panels/network/NetworkLogView.ts | finishS":{"message":"Finish: {PH1}"},"panels/network/NetworkLogView.ts | hasBlockedCookies":{"message":"Has blocked cookies"},"panels/network/NetworkLogView.ts | hideDataUrls":{"message":"Hide data URLs"},"panels/network/NetworkLogView.ts | hidesDataAndBlobUrls":{"message":"Hides data: and blob: URLs"},"panels/network/NetworkLogView.ts | invertFilter":{"message":"Invert"},"panels/network/NetworkLogView.ts | invertsFilter":{"message":"Inverts the search filter"},"panels/network/NetworkLogView.ts | learnMore":{"message":"Learn more"},"panels/network/NetworkLogView.ts | loadS":{"message":"Load: {PH1}"},"panels/network/NetworkLogView.ts | networkDataAvailable":{"message":"Network Data Available"},"panels/network/NetworkLogView.ts | onlyShowBlockedRequests":{"message":"Only show blocked requests"},"panels/network/NetworkLogView.ts | onlyShowRequestsWithBlocked":{"message":"Only show requests with blocked response cookies"},"panels/network/NetworkLogView.ts | onlyShowThirdPartyRequests":{"message":"Shows only requests with origin different from page origin"},"panels/network/NetworkLogView.ts | overrideHeaders":{"message":"Override headers"},"panels/network/NetworkLogView.ts | performARequestOrHitSToRecordThe":{"message":"Perform a request or hit {PH1} to record the reload."},"panels/network/NetworkLogView.ts | recordingNetworkActivity":{"message":"Recording network activity…"},"panels/network/NetworkLogView.ts | recordToDisplayNetworkActivity":{"message":"Record network log ({PH1}) to display network activity."},"panels/network/NetworkLogView.ts | replayXhr":{"message":"Replay XHR"},"panels/network/NetworkLogView.ts | resourceTypesToInclude":{"message":"Resource types to include"},"panels/network/NetworkLogView.ts | saveAllAsHarWithContent":{"message":"Save all as HAR with content"},"panels/network/NetworkLogView.ts | sBResourcesLoadedByThePage":{"message":"{PH1} B resources loaded by the page"},"panels/network/NetworkLogView.ts | sBSBResourcesLoadedByThePage":{"message":"{PH1} B / {PH2} B resources loaded by the page"},"panels/network/NetworkLogView.ts | sBSBTransferredOverNetwork":{"message":"{PH1} B / {PH2} B transferred over network"},"panels/network/NetworkLogView.ts | sBTransferredOverNetwork":{"message":"{PH1} B transferred over network"},"panels/network/NetworkLogView.ts | sRequests":{"message":"{PH1} requests"},"panels/network/NetworkLogView.ts | sResources":{"message":"{PH1} resources"},"panels/network/NetworkLogView.ts | sSRequests":{"message":"{PH1} / {PH2} requests"},"panels/network/NetworkLogView.ts | sSResources":{"message":"{PH1} / {PH2} resources"},"panels/network/NetworkLogView.ts | sSTransferred":{"message":"{PH1} / {PH2} transferred"},"panels/network/NetworkLogView.ts | sTransferred":{"message":"{PH1} transferred"},"panels/network/NetworkLogView.ts | thirdParty":{"message":"3rd-party requests"},"panels/network/NetworkLogView.ts | unblockS":{"message":"Unblock {PH1}"},"panels/network/NetworkLogViewColumns.ts | connectionId":{"message":"Connection ID"},"panels/network/NetworkLogViewColumns.ts | content":{"message":"Content"},"panels/network/NetworkLogViewColumns.ts | cookies":{"message":"Cookies"},"panels/network/NetworkLogViewColumns.ts | domain":{"message":"Domain"},"panels/network/NetworkLogViewColumns.ts | endTime":{"message":"End Time"},"panels/network/NetworkLogViewColumns.ts | initiator":{"message":"Initiator"},"panels/network/NetworkLogViewColumns.ts | initiatorAddressSpace":{"message":"Initiator Address Space"},"panels/network/NetworkLogViewColumns.ts | latency":{"message":"Latency"},"panels/network/NetworkLogViewColumns.ts | manageHeaderColumns":{"message":"Manage Header Columns…"},"panels/network/NetworkLogViewColumns.ts | method":{"message":"Method"},"panels/network/NetworkLogViewColumns.ts | name":{"message":"Name"},"panels/network/NetworkLogViewColumns.ts | networkLog":{"message":"Network Log"},"panels/network/NetworkLogViewColumns.ts | path":{"message":"Path"},"panels/network/NetworkLogViewColumns.ts | priority":{"message":"Priority"},"panels/network/NetworkLogViewColumns.ts | protocol":{"message":"Protocol"},"panels/network/NetworkLogViewColumns.ts | remoteAddress":{"message":"Remote Address"},"panels/network/NetworkLogViewColumns.ts | remoteAddressSpace":{"message":"Remote Address Space"},"panels/network/NetworkLogViewColumns.ts | responseHeaders":{"message":"Response Headers"},"panels/network/NetworkLogViewColumns.ts | responseTime":{"message":"Response Time"},"panels/network/NetworkLogViewColumns.ts | scheme":{"message":"Scheme"},"panels/network/NetworkLogViewColumns.ts | setCookies":{"message":"Set Cookies"},"panels/network/NetworkLogViewColumns.ts | size":{"message":"Size"},"panels/network/NetworkLogViewColumns.ts | startTime":{"message":"Start Time"},"panels/network/NetworkLogViewColumns.ts | status":{"message":"Status"},"panels/network/NetworkLogViewColumns.ts | text":{"message":"Text"},"panels/network/NetworkLogViewColumns.ts | time":{"message":"Time"},"panels/network/NetworkLogViewColumns.ts | totalDuration":{"message":"Total Duration"},"panels/network/NetworkLogViewColumns.ts | type":{"message":"Type"},"panels/network/NetworkLogViewColumns.ts | url":{"message":"Url"},"panels/network/NetworkLogViewColumns.ts | waterfall":{"message":"Waterfall"},"panels/network/NetworkManageCustomHeadersView.ts | addCustomHeader":{"message":"Add custom header…"},"panels/network/NetworkManageCustomHeadersView.ts | headerName":{"message":"Header Name"},"panels/network/NetworkManageCustomHeadersView.ts | manageHeaderColumns":{"message":"Manage Header Columns"},"panels/network/NetworkManageCustomHeadersView.ts | noCustomHeaders":{"message":"No custom headers"},"panels/network/NetworkPanel.ts | captureScreenshots":{"message":"Capture screenshots"},"panels/network/NetworkPanel.ts | captureScreenshotsWhenLoadingA":{"message":"Capture screenshots when loading a page"},"panels/network/NetworkPanel.ts | close":{"message":"Close"},"panels/network/NetworkPanel.ts | disableCache":{"message":"Disable cache"},"panels/network/NetworkPanel.ts | disableCacheWhileDevtoolsIsOpen":{"message":"Disable cache (while DevTools is open)"},"panels/network/NetworkPanel.ts | doNotClearLogOnPageReload":{"message":"Do not clear log on page reload / navigation"},"panels/network/NetworkPanel.ts | exportHar":{"message":"Export HAR..."},"panels/network/NetworkPanel.ts | fetchingFrames":{"message":"Fetching frames..."},"panels/network/NetworkPanel.ts | groupByFrame":{"message":"Group by frame"},"panels/network/NetworkPanel.ts | groupRequestsByTopLevelRequest":{"message":"Group requests by top level request frame"},"panels/network/NetworkPanel.ts | hitSToReloadAndCaptureFilmstrip":{"message":"Hit {PH1} to reload and capture filmstrip."},"panels/network/NetworkPanel.ts | importHarFile":{"message":"Import HAR file..."},"panels/network/NetworkPanel.ts | moreNetworkConditions":{"message":"More network conditions…"},"panels/network/NetworkPanel.ts | networkSettings":{"message":"Network settings"},"panels/network/NetworkPanel.ts | preserveLog":{"message":"Preserve log"},"panels/network/NetworkPanel.ts | recordingFrames":{"message":"Recording frames..."},"panels/network/NetworkPanel.ts | revealInNetworkPanel":{"message":"Reveal in Network panel"},"panels/network/NetworkPanel.ts | search":{"message":"Search"},"panels/network/NetworkPanel.ts | showMoreInformationInRequestRows":{"message":"Show more information in request rows"},"panels/network/NetworkPanel.ts | showOverview":{"message":"Show overview"},"panels/network/NetworkPanel.ts | showOverviewOfNetworkRequests":{"message":"Show overview of network requests"},"panels/network/NetworkPanel.ts | throttling":{"message":"Throttling"},"panels/network/NetworkPanel.ts | useLargeRequestRows":{"message":"Use large request rows"},"panels/network/NetworkSearchScope.ts | url":{"message":"URL"},"panels/network/NetworkTimeCalculator.ts | sDownload":{"message":"{PH1} download"},"panels/network/NetworkTimeCalculator.ts | sFromCache":{"message":"{PH1} (from cache)"},"panels/network/NetworkTimeCalculator.ts | sFromServiceworker":{"message":"{PH1} (from ServiceWorker)"},"panels/network/NetworkTimeCalculator.ts | sLatency":{"message":"{PH1} latency"},"panels/network/NetworkTimeCalculator.ts | sLatencySDownloadSTotal":{"message":"{PH1} latency, {PH2} download ({PH3} total)"},"panels/network/RequestCookiesView.ts | cookiesThatWereReceivedFromThe":{"message":"Cookies that were received from the server in the 'set-cookie' header of the response"},"panels/network/RequestCookiesView.ts | cookiesThatWereReceivedFromTheServer":{"message":"Cookies that were received from the server in the 'set-cookie' header of the response but were malformed"},"panels/network/RequestCookiesView.ts | cookiesThatWereSentToTheServerIn":{"message":"Cookies that were sent to the server in the 'cookie' header of the request"},"panels/network/RequestCookiesView.ts | learnMore":{"message":"Learn more"},"panels/network/RequestCookiesView.ts | malformedResponseCookies":{"message":"Malformed Response Cookies"},"panels/network/RequestCookiesView.ts | noRequestCookiesWereSent":{"message":"No request cookies were sent."},"panels/network/RequestCookiesView.ts | requestCookies":{"message":"Request Cookies"},"panels/network/RequestCookiesView.ts | responseCookies":{"message":"Response Cookies"},"panels/network/RequestCookiesView.ts | showFilteredOutRequestCookies":{"message":"show filtered out request cookies"},"panels/network/RequestCookiesView.ts | siteHasCookieInOtherPartition":{"message":"This site has cookies in another partition, that were not sent with this request. {PH1}"},"panels/network/RequestCookiesView.ts | thisRequestHasNoCookies":{"message":"This request has no cookies."},"panels/network/RequestHeadersView.ts | activeClientExperimentVariation":{"message":"Active client experiment variation IDs."},"panels/network/RequestHeadersView.ts | activeClientExperimentVariationIds":{"message":"Active client experiment variation IDs that trigger server-side behavior."},"panels/network/RequestHeadersView.ts | chooseThisOptionIfTheResourceAnd":{"message":"Choose this option if the resource and the document are served from the same site."},"panels/network/RequestHeadersView.ts | copyValue":{"message":"Copy value"},"panels/network/RequestHeadersView.ts | decoded":{"message":"Decoded:"},"panels/network/RequestHeadersView.ts | fromDiskCache":{"message":"(from disk cache)"},"panels/network/RequestHeadersView.ts | fromMemoryCache":{"message":"(from memory cache)"},"panels/network/RequestHeadersView.ts | fromPrefetchCache":{"message":"(from prefetch cache)"},"panels/network/RequestHeadersView.ts | fromServiceWorker":{"message":"(from service worker)"},"panels/network/RequestHeadersView.ts | fromSignedexchange":{"message":"(from signed-exchange)"},"panels/network/RequestHeadersView.ts | fromWebBundle":{"message":"(from Web Bundle)"},"panels/network/RequestHeadersView.ts | general":{"message":"General"},"panels/network/RequestHeadersView.ts | headerOverrides":{"message":"Header overrides"},"panels/network/RequestHeadersView.ts | learnMore":{"message":"Learn more"},"panels/network/RequestHeadersView.ts | learnMoreInTheIssuesTab":{"message":"Learn more in the issues tab"},"panels/network/RequestHeadersView.ts | onlyChooseThisOptionIfAn":{"message":"Only choose this option if an arbitrary website including this resource does not impose a security risk."},"panels/network/RequestHeadersView.ts | onlyProvisionalHeadersAre":{"message":"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers."},"panels/network/RequestHeadersView.ts | provisionalHeadersAreShown":{"message":"Provisional headers are shown"},"panels/network/RequestHeadersView.ts | provisionalHeadersAreShownS":{"message":"Provisional headers are shown. Disable cache to see full headers."},"panels/network/RequestHeadersView.ts | referrerPolicy":{"message":"Referrer Policy"},"panels/network/RequestHeadersView.ts | remoteAddress":{"message":"Remote Address"},"panels/network/RequestHeadersView.ts | requestHeaders":{"message":"Request Headers"},"panels/network/RequestHeadersView.ts | requestMethod":{"message":"Request Method"},"panels/network/RequestHeadersView.ts | requestUrl":{"message":"Request URL"},"panels/network/RequestHeadersView.ts | responseHeaders":{"message":"Response Headers"},"panels/network/RequestHeadersView.ts | showMore":{"message":"Show more"},"panels/network/RequestHeadersView.ts | statusCode":{"message":"Status Code"},"panels/network/RequestHeadersView.ts | thisDocumentWasBlockedFrom":{"message":"This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy."},"panels/network/RequestHeadersView.ts | toEmbedThisFrameInYourDocument":{"message":"To embed this frame in your document, the response needs to enable the cross-origin embedder policy by specifying the following response header:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferent":{"message":"To use this resource from a different origin, the server needs to specify a cross-origin resource policy in the response headers:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferentOrigin":{"message":"To use this resource from a different origin, the server may relax the cross-origin resource policy response header:"},"panels/network/RequestHeadersView.ts | toUseThisResourceFromADifferentSite":{"message":"To use this resource from a different site, the server may relax the cross-origin resource policy response header:"},"panels/network/RequestHeadersView.ts | viewParsed":{"message":"View parsed"},"panels/network/RequestHeadersView.ts | viewSource":{"message":"View source"},"panels/network/RequestInitiatorView.ts | requestCallStack":{"message":"Request call stack"},"panels/network/RequestInitiatorView.ts | requestInitiatorChain":{"message":"Request initiator chain"},"panels/network/RequestInitiatorView.ts | thisRequestHasNoInitiatorData":{"message":"This request has no initiator data."},"panels/network/RequestPayloadView.ts | copyValue":{"message":"Copy value"},"panels/network/RequestPayloadView.ts | empty":{"message":"(empty)"},"panels/network/RequestPayloadView.ts | formData":{"message":"Form Data"},"panels/network/RequestPayloadView.ts | queryStringParameters":{"message":"Query String Parameters"},"panels/network/RequestPayloadView.ts | requestPayload":{"message":"Request Payload"},"panels/network/RequestPayloadView.ts | showMore":{"message":"Show more"},"panels/network/RequestPayloadView.ts | unableToDecodeValue":{"message":"(unable to decode value)"},"panels/network/RequestPayloadView.ts | viewDecoded":{"message":"View decoded"},"panels/network/RequestPayloadView.ts | viewDecodedL":{"message":"view decoded"},"panels/network/RequestPayloadView.ts | viewParsed":{"message":"View parsed"},"panels/network/RequestPayloadView.ts | viewParsedL":{"message":"view parsed"},"panels/network/RequestPayloadView.ts | viewSource":{"message":"View source"},"panels/network/RequestPayloadView.ts | viewSourceL":{"message":"view source"},"panels/network/RequestPayloadView.ts | viewUrlEncoded":{"message":"View URL-encoded"},"panels/network/RequestPayloadView.ts | viewUrlEncodedL":{"message":"view URL-encoded"},"panels/network/RequestPreviewView.ts | failedToLoadResponseData":{"message":"Failed to load response data"},"panels/network/RequestPreviewView.ts | previewNotAvailable":{"message":"Preview not available"},"panels/network/RequestResponseView.ts | failedToLoadResponseData":{"message":"Failed to load response data"},"panels/network/RequestResponseView.ts | thisRequestHasNoResponseData":{"message":"This request has no response data available."},"panels/network/RequestTimingView.ts | cacheStorageCacheNameS":{"message":"Cache storage cache name: {PH1}"},"panels/network/RequestTimingView.ts | cacheStorageCacheNameUnknown":{"message":"Cache storage cache name: Unknown"},"panels/network/RequestTimingView.ts | cautionRequestIsNotFinishedYet":{"message":"CAUTION: request is not finished yet!"},"panels/network/RequestTimingView.ts | connectionStart":{"message":"Connection Start"},"panels/network/RequestTimingView.ts | contentDownload":{"message":"Content Download"},"panels/network/RequestTimingView.ts | dnsLookup":{"message":"DNS Lookup"},"panels/network/RequestTimingView.ts | duration":{"message":"Duration"},"panels/network/RequestTimingView.ts | durationC":{"message":"DURATION"},"panels/network/RequestTimingView.ts | duringDevelopmentYouCanUseSToAdd":{"message":"During development, you can use {PH1} to add insights into the server-side timing of this request."},"panels/network/RequestTimingView.ts | explanation":{"message":"Explanation"},"panels/network/RequestTimingView.ts | fallbackCode":{"message":"Fallback code"},"panels/network/RequestTimingView.ts | fromHttpCache":{"message":"From HTTP cache"},"panels/network/RequestTimingView.ts | initialConnection":{"message":"Initial connection"},"panels/network/RequestTimingView.ts | label":{"message":"Label"},"panels/network/RequestTimingView.ts | networkFetch":{"message":"Network fetch"},"panels/network/RequestTimingView.ts | originalRequest":{"message":"Original Request"},"panels/network/RequestTimingView.ts | proxyNegotiation":{"message":"Proxy negotiation"},"panels/network/RequestTimingView.ts | queuedAtS":{"message":"Queued at {PH1}"},"panels/network/RequestTimingView.ts | queueing":{"message":"Queueing"},"panels/network/RequestTimingView.ts | readingPush":{"message":"Reading Push"},"panels/network/RequestTimingView.ts | receivingPush":{"message":"Receiving Push"},"panels/network/RequestTimingView.ts | requestresponse":{"message":"Request/Response"},"panels/network/RequestTimingView.ts | requestSent":{"message":"Request sent"},"panels/network/RequestTimingView.ts | requestToServiceworker":{"message":"Request to ServiceWorker"},"panels/network/RequestTimingView.ts | resourceScheduling":{"message":"Resource Scheduling"},"panels/network/RequestTimingView.ts | respondwith":{"message":"respondWith"},"panels/network/RequestTimingView.ts | responseReceived":{"message":"Response Received"},"panels/network/RequestTimingView.ts | retrievalTimeS":{"message":"Retrieval Time: {PH1}"},"panels/network/RequestTimingView.ts | serverPush":{"message":"Server Push"},"panels/network/RequestTimingView.ts | serverTiming":{"message":"Server Timing"},"panels/network/RequestTimingView.ts | serviceworkerCacheStorage":{"message":"ServiceWorker cache storage"},"panels/network/RequestTimingView.ts | sourceOfResponseS":{"message":"Source of response: {PH1}"},"panels/network/RequestTimingView.ts | ssl":{"message":"SSL"},"panels/network/RequestTimingView.ts | stalled":{"message":"Stalled"},"panels/network/RequestTimingView.ts | startedAtS":{"message":"Started at {PH1}"},"panels/network/RequestTimingView.ts | startup":{"message":"Startup"},"panels/network/RequestTimingView.ts | theServerTimingApi":{"message":"the Server Timing API"},"panels/network/RequestTimingView.ts | time":{"message":"TIME"},"panels/network/RequestTimingView.ts | total":{"message":"Total"},"panels/network/RequestTimingView.ts | unknown":{"message":"Unknown"},"panels/network/RequestTimingView.ts | waitingTtfb":{"message":"Waiting for server response"},"panels/network/RequestTimingView.ts | waterfall":{"message":"Waterfall"},"panels/network/ResourceWebSocketFrameView.ts | all":{"message":"All"},"panels/network/ResourceWebSocketFrameView.ts | binaryMessage":{"message":"Binary Message"},"panels/network/ResourceWebSocketFrameView.ts | clearAll":{"message":"Clear All"},"panels/network/ResourceWebSocketFrameView.ts | clearAllL":{"message":"Clear all"},"panels/network/ResourceWebSocketFrameView.ts | connectionCloseMessage":{"message":"Connection Close Message"},"panels/network/ResourceWebSocketFrameView.ts | continuationFrame":{"message":"Continuation Frame"},"panels/network/ResourceWebSocketFrameView.ts | copyMessage":{"message":"Copy message"},"panels/network/ResourceWebSocketFrameView.ts | copyMessageD":{"message":"Copy message..."},"panels/network/ResourceWebSocketFrameView.ts | data":{"message":"Data"},"panels/network/ResourceWebSocketFrameView.ts | enterRegex":{"message":"Enter regex, for example: (web)?socket"},"panels/network/ResourceWebSocketFrameView.ts | filter":{"message":"Filter"},"panels/network/ResourceWebSocketFrameView.ts | length":{"message":"Length"},"panels/network/ResourceWebSocketFrameView.ts | na":{"message":"N/A"},"panels/network/ResourceWebSocketFrameView.ts | pingMessage":{"message":"Ping Message"},"panels/network/ResourceWebSocketFrameView.ts | pongMessage":{"message":"Pong Message"},"panels/network/ResourceWebSocketFrameView.ts | receive":{"message":"Receive"},"panels/network/ResourceWebSocketFrameView.ts | selectMessageToBrowseItsContent":{"message":"Select message to browse its content."},"panels/network/ResourceWebSocketFrameView.ts | send":{"message":"Send"},"panels/network/ResourceWebSocketFrameView.ts | sOpcodeS":{"message":"{PH1} (Opcode {PH2})"},"panels/network/ResourceWebSocketFrameView.ts | sOpcodeSMask":{"message":"{PH1} (Opcode {PH2}, mask)"},"panels/network/ResourceWebSocketFrameView.ts | textMessage":{"message":"Text Message"},"panels/network/ResourceWebSocketFrameView.ts | time":{"message":"Time"},"panels/network/ResourceWebSocketFrameView.ts | webSocketFrame":{"message":"Web Socket Frame"},"panels/network/SignedExchangeInfoView.ts | certificate":{"message":"Certificate"},"panels/network/SignedExchangeInfoView.ts | certificateSha":{"message":"Certificate SHA256"},"panels/network/SignedExchangeInfoView.ts | certificateUrl":{"message":"Certificate URL"},"panels/network/SignedExchangeInfoView.ts | date":{"message":"Date"},"panels/network/SignedExchangeInfoView.ts | errors":{"message":"Errors"},"panels/network/SignedExchangeInfoView.ts | expires":{"message":"Expires"},"panels/network/SignedExchangeInfoView.ts | headerIntegrityHash":{"message":"Header integrity hash"},"panels/network/SignedExchangeInfoView.ts | integrity":{"message":"Integrity"},"panels/network/SignedExchangeInfoView.ts | issuer":{"message":"Issuer"},"panels/network/SignedExchangeInfoView.ts | label":{"message":"Label"},"panels/network/SignedExchangeInfoView.ts | learnmore":{"message":"Learn more"},"panels/network/SignedExchangeInfoView.ts | requestUrl":{"message":"Request URL"},"panels/network/SignedExchangeInfoView.ts | responseCode":{"message":"Response code"},"panels/network/SignedExchangeInfoView.ts | responseHeaders":{"message":"Response headers"},"panels/network/SignedExchangeInfoView.ts | signature":{"message":"Signature"},"panels/network/SignedExchangeInfoView.ts | signedHttpExchange":{"message":"Signed HTTP exchange"},"panels/network/SignedExchangeInfoView.ts | subject":{"message":"Subject"},"panels/network/SignedExchangeInfoView.ts | validFrom":{"message":"Valid from"},"panels/network/SignedExchangeInfoView.ts | validityUrl":{"message":"Validity URL"},"panels/network/SignedExchangeInfoView.ts | validUntil":{"message":"Valid until"},"panels/network/SignedExchangeInfoView.ts | viewCertificate":{"message":"View certificate"},"panels/performance_monitor/performance_monitor-meta.ts | activity":{"message":"activity"},"panels/performance_monitor/performance_monitor-meta.ts | metrics":{"message":"metrics"},"panels/performance_monitor/performance_monitor-meta.ts | monitor":{"message":"monitor"},"panels/performance_monitor/performance_monitor-meta.ts | performance":{"message":"performance"},"panels/performance_monitor/performance_monitor-meta.ts | performanceMonitor":{"message":"Performance monitor"},"panels/performance_monitor/performance_monitor-meta.ts | showPerformanceMonitor":{"message":"Show Performance monitor"},"panels/performance_monitor/performance_monitor-meta.ts | systemMonitor":{"message":"system monitor"},"panels/performance_monitor/PerformanceMonitor.ts | cpuUsage":{"message":"CPU usage"},"panels/performance_monitor/PerformanceMonitor.ts | documentFrames":{"message":"Document Frames"},"panels/performance_monitor/PerformanceMonitor.ts | documents":{"message":"Documents"},"panels/performance_monitor/PerformanceMonitor.ts | domNodes":{"message":"DOM Nodes"},"panels/performance_monitor/PerformanceMonitor.ts | graphsDisplayingARealtimeViewOf":{"message":"Graphs displaying a real-time view of performance metrics"},"panels/performance_monitor/PerformanceMonitor.ts | jsEventListeners":{"message":"JS event listeners"},"panels/performance_monitor/PerformanceMonitor.ts | jsHeapSize":{"message":"JS heap size"},"panels/performance_monitor/PerformanceMonitor.ts | layoutsSec":{"message":"Layouts / sec"},"panels/performance_monitor/PerformanceMonitor.ts | paused":{"message":"Paused"},"panels/performance_monitor/PerformanceMonitor.ts | styleRecalcsSec":{"message":"Style recalcs / sec"},"panels/profiler/CPUProfileView.ts | aggregatedSelfTime":{"message":"Aggregated self time"},"panels/profiler/CPUProfileView.ts | aggregatedTotalTime":{"message":"Aggregated total time"},"panels/profiler/CPUProfileView.ts | cpuProfiles":{"message":"CPU PROFILES"},"panels/profiler/CPUProfileView.ts | cpuProfilesShow":{"message":"CPU profiles show where the execution time is spent in your page's JavaScript functions."},"panels/profiler/CPUProfileView.ts | fms":{"message":"{PH1} ms"},"panels/profiler/CPUProfileView.ts | formatPercent":{"message":"{PH1} %"},"panels/profiler/CPUProfileView.ts | name":{"message":"Name"},"panels/profiler/CPUProfileView.ts | notOptimized":{"message":"Not optimized"},"panels/profiler/CPUProfileView.ts | recording":{"message":"Recording…"},"panels/profiler/CPUProfileView.ts | recordJavascriptCpuProfile":{"message":"Record JavaScript CPU Profile"},"panels/profiler/CPUProfileView.ts | selfTime":{"message":"Self Time"},"panels/profiler/CPUProfileView.ts | startCpuProfiling":{"message":"Start CPU profiling"},"panels/profiler/CPUProfileView.ts | stopCpuProfiling":{"message":"Stop CPU profiling"},"panels/profiler/CPUProfileView.ts | totalTime":{"message":"Total Time"},"panels/profiler/CPUProfileView.ts | url":{"message":"URL"},"panels/profiler/HeapProfilerPanel.ts | revealInSummaryView":{"message":"Reveal in Summary view"},"panels/profiler/HeapProfileView.ts | allocationSampling":{"message":"Allocation sampling"},"panels/profiler/HeapProfileView.ts | formatPercent":{"message":"{PH1} %"},"panels/profiler/HeapProfileView.ts | heapProfilerIsRecording":{"message":"Heap profiler is recording"},"panels/profiler/HeapProfileView.ts | itProvidesGoodApproximation":{"message":"It provides good approximation of allocations broken down by JavaScript execution stack."},"panels/profiler/HeapProfileView.ts | name":{"message":"Name"},"panels/profiler/HeapProfileView.ts | profileD":{"message":"Profile {PH1}"},"panels/profiler/HeapProfileView.ts | recording":{"message":"Recording…"},"panels/profiler/HeapProfileView.ts | recordMemoryAllocations":{"message":"Record memory allocations using sampling method."},"panels/profiler/HeapProfileView.ts | samplingProfiles":{"message":"SAMPLING PROFILES"},"panels/profiler/HeapProfileView.ts | sBytes":{"message":"{PH1} bytes"},"panels/profiler/HeapProfileView.ts | selectedSizeS":{"message":"Selected size: {PH1}"},"panels/profiler/HeapProfileView.ts | selfSize":{"message":"Self size"},"panels/profiler/HeapProfileView.ts | selfSizeBytes":{"message":"Self Size (bytes)"},"panels/profiler/HeapProfileView.ts | skb":{"message":"{PH1} kB"},"panels/profiler/HeapProfileView.ts | startHeapProfiling":{"message":"Start heap profiling"},"panels/profiler/HeapProfileView.ts | stopHeapProfiling":{"message":"Stop heap profiling"},"panels/profiler/HeapProfileView.ts | stopping":{"message":"Stopping…"},"panels/profiler/HeapProfileView.ts | thisProfileTypeHasMinimal":{"message":"This profile type has minimal performance overhead and can be used for long running operations."},"panels/profiler/HeapProfileView.ts | totalSize":{"message":"Total size"},"panels/profiler/HeapProfileView.ts | totalSizeBytes":{"message":"Total Size (bytes)"},"panels/profiler/HeapProfileView.ts | url":{"message":"URL"},"panels/profiler/HeapSnapshotDataGrids.ts | allocation":{"message":"Allocation"},"panels/profiler/HeapSnapshotDataGrids.ts | allocSize":{"message":"Alloc. Size"},"panels/profiler/HeapSnapshotDataGrids.ts | constructorString":{"message":"Constructor"},"panels/profiler/HeapSnapshotDataGrids.ts | count":{"message":"Count"},"panels/profiler/HeapSnapshotDataGrids.ts | Deleted":{"message":"# Deleted"},"panels/profiler/HeapSnapshotDataGrids.ts | Delta":{"message":"# Delta"},"panels/profiler/HeapSnapshotDataGrids.ts | distance":{"message":"Distance"},"panels/profiler/HeapSnapshotDataGrids.ts | distanceFromWindowObject":{"message":"Distance from window object"},"panels/profiler/HeapSnapshotDataGrids.ts | freedSize":{"message":"Freed Size"},"panels/profiler/HeapSnapshotDataGrids.ts | function":{"message":"Function"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotConstructors":{"message":"Heap Snapshot Constructors"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotDiff":{"message":"Heap Snapshot Diff"},"panels/profiler/HeapSnapshotDataGrids.ts | heapSnapshotRetainment":{"message":"Heap Snapshot Retainment"},"panels/profiler/HeapSnapshotDataGrids.ts | liveCount":{"message":"Live Count"},"panels/profiler/HeapSnapshotDataGrids.ts | liveSize":{"message":"Live Size"},"panels/profiler/HeapSnapshotDataGrids.ts | New":{"message":"# New"},"panels/profiler/HeapSnapshotDataGrids.ts | object":{"message":"Object"},"panels/profiler/HeapSnapshotDataGrids.ts | retainedSize":{"message":"Retained Size"},"panels/profiler/HeapSnapshotDataGrids.ts | shallowSize":{"message":"Shallow Size"},"panels/profiler/HeapSnapshotDataGrids.ts | size":{"message":"Size"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeDelta":{"message":"Size Delta"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeOfTheObjectItselfInBytes":{"message":"Size of the object itself in bytes"},"panels/profiler/HeapSnapshotDataGrids.ts | sizeOfTheObjectPlusTheGraphIt":{"message":"Size of the object plus the graph it retains in bytes"},"panels/profiler/HeapSnapshotGridNodes.ts | detachedFromDomTree":{"message":"Detached from DOM tree"},"panels/profiler/HeapSnapshotGridNodes.ts | genericStringsTwoPlaceholders":{"message":"{PH1}, {PH2}"},"panels/profiler/HeapSnapshotGridNodes.ts | inElement":{"message":"in"},"panels/profiler/HeapSnapshotGridNodes.ts | internalArray":{"message":"(internal array)[]"},"panels/profiler/HeapSnapshotGridNodes.ts | previewIsNotAvailable":{"message":"Preview is not available"},"panels/profiler/HeapSnapshotGridNodes.ts | revealInSummaryView":{"message":"Reveal in Summary view"},"panels/profiler/HeapSnapshotGridNodes.ts | revealObjectSWithIdSInSummary":{"message":"Reveal object ''{PH1}'' with id @{PH2} in Summary view"},"panels/profiler/HeapSnapshotGridNodes.ts | storeAsGlobalVariable":{"message":"Store as global variable"},"panels/profiler/HeapSnapshotGridNodes.ts | summary":{"message":"Summary"},"panels/profiler/HeapSnapshotGridNodes.ts | userObjectReachableFromWindow":{"message":"User object reachable from window"},"panels/profiler/HeapSnapshotProxy.ts | anErrorOccurredWhenACallToMethod":{"message":"An error occurred when a call to method ''{PH1}'' was requested"},"panels/profiler/HeapSnapshotView.ts | allObjects":{"message":"All objects"},"panels/profiler/HeapSnapshotView.ts | allocation":{"message":"Allocation"},"panels/profiler/HeapSnapshotView.ts | allocationInstrumentationOn":{"message":"Allocation instrumentation on timeline"},"panels/profiler/HeapSnapshotView.ts | allocationStack":{"message":"Allocation stack"},"panels/profiler/HeapSnapshotView.ts | allocationTimelines":{"message":"ALLOCATION TIMELINES"},"panels/profiler/HeapSnapshotView.ts | AllocationTimelinesShowInstrumented":{"message":"Allocation timelines show instrumented JavaScript memory allocations over time. Once profile is recorded you can select a time interval to see objects that were allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks."},"panels/profiler/HeapSnapshotView.ts | baseSnapshot":{"message":"Base snapshot"},"panels/profiler/HeapSnapshotView.ts | captureNumericValue":{"message":"Include numerical values in capture"},"panels/profiler/HeapSnapshotView.ts | classFilter":{"message":"Class filter"},"panels/profiler/HeapSnapshotView.ts | code":{"message":"Code"},"panels/profiler/HeapSnapshotView.ts | comparison":{"message":"Comparison"},"panels/profiler/HeapSnapshotView.ts | containment":{"message":"Containment"},"panels/profiler/HeapSnapshotView.ts | exposeInternals":{"message":"Expose internals (includes additional implementation-specific details)"},"panels/profiler/HeapSnapshotView.ts | filter":{"message":"Filter"},"panels/profiler/HeapSnapshotView.ts | find":{"message":"Find"},"panels/profiler/HeapSnapshotView.ts | heapMemoryUsage":{"message":"Heap memory usage"},"panels/profiler/HeapSnapshotView.ts | heapSnapshot":{"message":"Heap snapshot"},"panels/profiler/HeapSnapshotView.ts | heapSnapshotProfilesShowMemory":{"message":"Heap snapshot profiles show memory distribution among your page's JavaScript objects and related DOM nodes."},"panels/profiler/HeapSnapshotView.ts | heapSnapshots":{"message":"HEAP SNAPSHOTS"},"panels/profiler/HeapSnapshotView.ts | jsArrays":{"message":"JS arrays"},"panels/profiler/HeapSnapshotView.ts | liveObjects":{"message":"Live objects"},"panels/profiler/HeapSnapshotView.ts | loading":{"message":"Loading…"},"panels/profiler/HeapSnapshotView.ts | objectsAllocatedBeforeS":{"message":"Objects allocated before {PH1}"},"panels/profiler/HeapSnapshotView.ts | objectsAllocatedBetweenSAndS":{"message":"Objects allocated between {PH1} and {PH2}"},"panels/profiler/HeapSnapshotView.ts | percentagePlaceholder":{"message":"{PH1}%"},"panels/profiler/HeapSnapshotView.ts | perspective":{"message":"Perspective"},"panels/profiler/HeapSnapshotView.ts | recordAllocationStacksExtra":{"message":"Record stack traces of allocations (extra performance overhead)"},"panels/profiler/HeapSnapshotView.ts | recording":{"message":"Recording…"},"panels/profiler/HeapSnapshotView.ts | retainers":{"message":"Retainers"},"panels/profiler/HeapSnapshotView.ts | savingD":{"message":"Saving… {PH1}%"},"panels/profiler/HeapSnapshotView.ts | selectedSizeS":{"message":"Selected size: {PH1}"},"panels/profiler/HeapSnapshotView.ts | sKb":{"message":"{PH1} kB"},"panels/profiler/HeapSnapshotView.ts | snapshotD":{"message":"Snapshot {PH1}"},"panels/profiler/HeapSnapshotView.ts | snapshotting":{"message":"Snapshotting…"},"panels/profiler/HeapSnapshotView.ts | stackWasNotRecordedForThisObject":{"message":"Stack was not recorded for this object because it had been allocated before this profile recording started."},"panels/profiler/HeapSnapshotView.ts | startRecordingHeapProfile":{"message":"Start recording heap profile"},"panels/profiler/HeapSnapshotView.ts | statistics":{"message":"Statistics"},"panels/profiler/HeapSnapshotView.ts | stopRecordingHeapProfile":{"message":"Stop recording heap profile"},"panels/profiler/HeapSnapshotView.ts | strings":{"message":"Strings"},"panels/profiler/HeapSnapshotView.ts | summary":{"message":"Summary"},"panels/profiler/HeapSnapshotView.ts | systemObjects":{"message":"System objects"},"panels/profiler/HeapSnapshotView.ts | takeHeapSnapshot":{"message":"Take heap snapshot"},"panels/profiler/HeapSnapshotView.ts | typedArrays":{"message":"Typed arrays"},"panels/profiler/IsolateSelector.ts | changeRate":{"message":"{PH1}/s"},"panels/profiler/IsolateSelector.ts | decreasingBySPerSecond":{"message":"decreasing by {PH1} per second"},"panels/profiler/IsolateSelector.ts | empty":{"message":"(empty)"},"panels/profiler/IsolateSelector.ts | heapSizeChangeTrendOverTheLastS":{"message":"Heap size change trend over the last {PH1} minutes."},"panels/profiler/IsolateSelector.ts | heapSizeInUseByLiveJsObjects":{"message":"Heap size in use by live JS objects."},"panels/profiler/IsolateSelector.ts | increasingBySPerSecond":{"message":"increasing by {PH1} per second"},"panels/profiler/IsolateSelector.ts | javascriptVmInstances":{"message":"JavaScript VM instances"},"panels/profiler/IsolateSelector.ts | totalJsHeapSize":{"message":"Total JS heap size"},"panels/profiler/IsolateSelector.ts | totalPageJsHeapSizeAcrossAllVm":{"message":"Total page JS heap size across all VM instances."},"panels/profiler/IsolateSelector.ts | totalPageJsHeapSizeChangeTrend":{"message":"Total page JS heap size change trend over the last {PH1} minutes."},"panels/profiler/LiveHeapProfileView.ts | allocatedJsHeapSizeCurrentlyIn":{"message":"Allocated JS heap size currently in use"},"panels/profiler/LiveHeapProfileView.ts | anonymousScriptS":{"message":"(Anonymous Script {PH1})"},"panels/profiler/LiveHeapProfileView.ts | heapProfile":{"message":"Heap Profile"},"panels/profiler/LiveHeapProfileView.ts | jsHeap":{"message":"JS Heap"},"panels/profiler/LiveHeapProfileView.ts | kb":{"message":"kB"},"panels/profiler/LiveHeapProfileView.ts | numberOfVmsSharingTheSameScript":{"message":"Number of VMs sharing the same script source"},"panels/profiler/LiveHeapProfileView.ts | scriptUrl":{"message":"Script URL"},"panels/profiler/LiveHeapProfileView.ts | urlOfTheScriptSource":{"message":"URL of the script source"},"panels/profiler/LiveHeapProfileView.ts | vms":{"message":"VMs"},"panels/profiler/ModuleUIStrings.ts | buildingAllocationStatistics":{"message":"Building allocation statistics…"},"panels/profiler/ModuleUIStrings.ts | buildingDominatedNodes":{"message":"Building dominated nodes…"},"panels/profiler/ModuleUIStrings.ts | buildingDominatorTree":{"message":"Building dominator tree…"},"panels/profiler/ModuleUIStrings.ts | buildingEdgeIndexes":{"message":"Building edge indexes…"},"panels/profiler/ModuleUIStrings.ts | buildingLocations":{"message":"Building locations…"},"panels/profiler/ModuleUIStrings.ts | buildingPostorderIndex":{"message":"Building postorder index…"},"panels/profiler/ModuleUIStrings.ts | buildingRetainers":{"message":"Building retainers…"},"panels/profiler/ModuleUIStrings.ts | calculatingDistances":{"message":"Calculating distances…"},"panels/profiler/ModuleUIStrings.ts | calculatingNodeFlags":{"message":"Calculating node flags…"},"panels/profiler/ModuleUIStrings.ts | calculatingRetainedSizes":{"message":"Calculating retained sizes…"},"panels/profiler/ModuleUIStrings.ts | calculatingSamples":{"message":"Calculating samples…"},"panels/profiler/ModuleUIStrings.ts | calculatingStatistics":{"message":"Calculating statistics…"},"panels/profiler/ModuleUIStrings.ts | done":{"message":"Done"},"panels/profiler/ModuleUIStrings.ts | finishedProcessing":{"message":"Finished processing."},"panels/profiler/ModuleUIStrings.ts | loadingAllocationTracesD":{"message":"Loading allocation traces… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingEdgesD":{"message":"Loading edges… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingLocations":{"message":"Loading locations…"},"panels/profiler/ModuleUIStrings.ts | loadingNodesD":{"message":"Loading nodes… {PH1}%"},"panels/profiler/ModuleUIStrings.ts | loadingSamples":{"message":"Loading samples…"},"panels/profiler/ModuleUIStrings.ts | loadingSnapshotInfo":{"message":"Loading snapshot info…"},"panels/profiler/ModuleUIStrings.ts | loadingStrings":{"message":"Loading strings…"},"panels/profiler/ModuleUIStrings.ts | parsingStrings":{"message":"Parsing strings…"},"panels/profiler/ModuleUIStrings.ts | processingSnapshot":{"message":"Processing snapshot…"},"panels/profiler/ModuleUIStrings.ts | propagatingDomState":{"message":"Propagating DOM state…"},"panels/profiler/ProfileDataGrid.ts | genericTextTwoPlaceholders":{"message":"{PH1}, {PH2}"},"panels/profiler/ProfileDataGrid.ts | notOptimizedS":{"message":"Not optimized: {PH1}"},"panels/profiler/ProfileLauncherView.ts | load":{"message":"Load"},"panels/profiler/ProfileLauncherView.ts | selectJavascriptVmInstance":{"message":"Select JavaScript VM instance"},"panels/profiler/ProfileLauncherView.ts | selectProfilingType":{"message":"Select profiling type"},"panels/profiler/ProfileLauncherView.ts | start":{"message":"Start"},"panels/profiler/ProfileLauncherView.ts | stop":{"message":"Stop"},"panels/profiler/ProfileLauncherView.ts | takeSnapshot":{"message":"Take snapshot"},"panels/profiler/profiler-meta.ts | liveHeapProfile":{"message":"Live Heap Profile"},"panels/profiler/profiler-meta.ts | memory":{"message":"Memory"},"panels/profiler/profiler-meta.ts | showLiveHeapProfile":{"message":"Show Live Heap Profile"},"panels/profiler/profiler-meta.ts | showMemory":{"message":"Show Memory"},"panels/profiler/profiler-meta.ts | showNativeFunctions":{"message":"Show native functions in JS Profile"},"panels/profiler/profiler-meta.ts | startRecordingHeapAllocations":{"message":"Start recording heap allocations"},"panels/profiler/profiler-meta.ts | startRecordingHeapAllocationsAndReload":{"message":"Start recording heap allocations and reload the page"},"panels/profiler/profiler-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/profiler/profiler-meta.ts | stopRecordingHeapAllocations":{"message":"Stop recording heap allocations"},"panels/profiler/ProfileSidebarTreeElement.ts | delete":{"message":"Delete"},"panels/profiler/ProfileSidebarTreeElement.ts | load":{"message":"Load…"},"panels/profiler/ProfileSidebarTreeElement.ts | save":{"message":"Save"},"panels/profiler/ProfileSidebarTreeElement.ts | saveWithEllipsis":{"message":"Save…"},"panels/profiler/ProfilesPanel.ts | cantLoadFileSupportedFile":{"message":"Can’t load file. Supported file extensions: ''{PH1}''."},"panels/profiler/ProfilesPanel.ts | cantLoadProfileWhileAnother":{"message":"Can’t load profile while another profile is being recorded."},"panels/profiler/ProfilesPanel.ts | clearAllProfiles":{"message":"Clear all profiles"},"panels/profiler/ProfilesPanel.ts | deprecationWarnMsg":{"message":"This panel will be deprecated in the upcoming version. Use the Performance panel to record JavaScript CPU profiles."},"panels/profiler/ProfilesPanel.ts | enableThisPanelTemporarily":{"message":"Enable this panel temporarily"},"panels/profiler/ProfilesPanel.ts | feedback":{"message":"Feedback"},"panels/profiler/ProfilesPanel.ts | goToPerformancePanel":{"message":"Go to Performance Panel"},"panels/profiler/ProfilesPanel.ts | learnMore":{"message":"Learn more"},"panels/profiler/ProfilesPanel.ts | load":{"message":"Load…"},"panels/profiler/ProfilesPanel.ts | profileLoadingFailedS":{"message":"Profile loading failed: {PH1}."},"panels/profiler/ProfilesPanel.ts | profiles":{"message":"Profiles"},"panels/profiler/ProfilesPanel.ts | runD":{"message":"Run {PH1}"},"panels/profiler/ProfileView.ts | chart":{"message":"Chart"},"panels/profiler/ProfileView.ts | excludeSelectedFunction":{"message":"Exclude selected function"},"panels/profiler/ProfileView.ts | failedToReadFile":{"message":"Failed to read file"},"panels/profiler/ProfileView.ts | fileSReadErrorS":{"message":"File ''{PH1}'' read error: {PH2}"},"panels/profiler/ProfileView.ts | findByCostMsNameOrFile":{"message":"Find by cost (>50ms), name or file"},"panels/profiler/ProfileView.ts | focusSelectedFunction":{"message":"Focus selected function"},"panels/profiler/ProfileView.ts | function":{"message":"Function"},"panels/profiler/ProfileView.ts | heavyBottomUp":{"message":"Heavy (Bottom Up)"},"panels/profiler/ProfileView.ts | loaded":{"message":"Loaded"},"panels/profiler/ProfileView.ts | loading":{"message":"Loading…"},"panels/profiler/ProfileView.ts | loadingD":{"message":"Loading… {PH1}%"},"panels/profiler/ProfileView.ts | parsing":{"message":"Parsing…"},"panels/profiler/ProfileView.ts | profile":{"message":"Profile"},"panels/profiler/ProfileView.ts | profileD":{"message":"Profile {PH1}"},"panels/profiler/ProfileView.ts | profiler":{"message":"Profiler"},"panels/profiler/ProfileView.ts | profileViewMode":{"message":"Profile view mode"},"panels/profiler/ProfileView.ts | restoreAllFunctions":{"message":"Restore all functions"},"panels/profiler/ProfileView.ts | treeTopDown":{"message":"Tree (Top Down)"},"panels/protocol_monitor/protocol_monitor-meta.ts | protocolMonitor":{"message":"Protocol monitor"},"panels/protocol_monitor/protocol_monitor-meta.ts | showProtocolMonitor":{"message":"Show Protocol monitor"},"panels/protocol_monitor/ProtocolMonitor.ts | CDPCommandEditorHidden":{"message":"CDP command editor hidden"},"panels/protocol_monitor/ProtocolMonitor.ts | CDPCommandEditorShown":{"message":"CDP command editor shown"},"panels/protocol_monitor/ProtocolMonitor.ts | clearAll":{"message":"Clear all"},"panels/protocol_monitor/ProtocolMonitor.ts | documentation":{"message":"Documentation"},"panels/protocol_monitor/ProtocolMonitor.ts | elapsedTime":{"message":"Elapsed time"},"panels/protocol_monitor/ProtocolMonitor.ts | filter":{"message":"Filter"},"panels/protocol_monitor/ProtocolMonitor.ts | hideCDPCommandEditor":{"message":"Hide  CDP command editor"},"panels/protocol_monitor/ProtocolMonitor.ts | method":{"message":"Method"},"panels/protocol_monitor/ProtocolMonitor.ts | noMessageSelected":{"message":"No message selected"},"panels/protocol_monitor/ProtocolMonitor.ts | record":{"message":"Record"},"panels/protocol_monitor/ProtocolMonitor.ts | request":{"message":"Request"},"panels/protocol_monitor/ProtocolMonitor.ts | response":{"message":"Response"},"panels/protocol_monitor/ProtocolMonitor.ts | save":{"message":"Save"},"panels/protocol_monitor/ProtocolMonitor.ts | selectTarget":{"message":"Select a target"},"panels/protocol_monitor/ProtocolMonitor.ts | sendRawCDPCommand":{"message":"Send a raw CDP command"},"panels/protocol_monitor/ProtocolMonitor.ts | sendRawCDPCommandExplanation":{"message":"Format: 'Domain.commandName' for a command without parameters, or '{\"command\":\"Domain.commandName\", \"parameters\": {...}}' as a JSON object for a command with parameters. 'cmd'/'method' and 'args'/'params'/'arguments' are also supported as alternative keys for the JSON object."},"panels/protocol_monitor/ProtocolMonitor.ts | session":{"message":"Session"},"panels/protocol_monitor/ProtocolMonitor.ts | showCDPCommandEditor":{"message":"Show CDP command editor"},"panels/protocol_monitor/ProtocolMonitor.ts | sMs":{"message":"{PH1} ms"},"panels/protocol_monitor/ProtocolMonitor.ts | target":{"message":"Target"},"panels/protocol_monitor/ProtocolMonitor.ts | timestamp":{"message":"Timestamp"},"panels/protocol_monitor/ProtocolMonitor.ts | type":{"message":"Type"},"panels/recorder/components/CreateRecordingView.ts | cancelRecording":{"message":"Cancel recording"},"panels/recorder/components/CreateRecordingView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/CreateRecordingView.ts | includeNecessarySelectors":{"message":"You must choose CSS, Pierce, or XPath as one of your options. Only these selectors are guaranteed to be recorded since ARIA and text selectors may not be unique."},"panels/recorder/components/CreateRecordingView.ts | recordingName":{"message":"Recording name"},"panels/recorder/components/CreateRecordingView.ts | recordingNameIsRequired":{"message":"Recording name is required"},"panels/recorder/components/CreateRecordingView.ts | selectorAttribute":{"message":"Selector attribute"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeARIA":{"message":"ARIA"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeCSS":{"message":"CSS"},"panels/recorder/components/CreateRecordingView.ts | selectorTypePierce":{"message":"Pierce"},"panels/recorder/components/CreateRecordingView.ts | selectorTypes":{"message":"Selector types to record"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeText":{"message":"Text"},"panels/recorder/components/CreateRecordingView.ts | selectorTypeXPath":{"message":"XPath"},"panels/recorder/components/CreateRecordingView.ts | startRecording":{"message":"Start recording"},"panels/recorder/components/ExtensionView.ts | closeView":{"message":"Close"},"panels/recorder/components/ExtensionView.ts | extension":{"message":"Content provided by a browser extension"},"panels/recorder/components/RecordingListView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/RecordingListView.ts | deleteRecording":{"message":"Delete recording"},"panels/recorder/components/RecordingListView.ts | openRecording":{"message":"Open recording"},"panels/recorder/components/RecordingListView.ts | playRecording":{"message":"Play recording"},"panels/recorder/components/RecordingListView.ts | savedRecordings":{"message":"Saved recordings"},"panels/recorder/components/RecordingView.ts | addAssertion":{"message":"Add assertion"},"panels/recorder/components/RecordingView.ts | cancelReplay":{"message":"Cancel replay"},"panels/recorder/components/RecordingView.ts | default":{"message":"Default"},"panels/recorder/components/RecordingView.ts | desktop":{"message":"Desktop"},"panels/recorder/components/RecordingView.ts | download":{"message":"Download: {value}"},"panels/recorder/components/RecordingView.ts | editReplaySettings":{"message":"Edit replay settings"},"panels/recorder/components/RecordingView.ts | editTitle":{"message":"Edit title"},"panels/recorder/components/RecordingView.ts | endRecording":{"message":"End recording"},"panels/recorder/components/RecordingView.ts | environment":{"message":"Environment"},"panels/recorder/components/RecordingView.ts | hideCode":{"message":"Hide code"},"panels/recorder/components/RecordingView.ts | latency":{"message":"Latency: {value} ms"},"panels/recorder/components/RecordingView.ts | mobile":{"message":"Mobile"},"panels/recorder/components/RecordingView.ts | network":{"message":"Network"},"panels/recorder/components/RecordingView.ts | performancePanel":{"message":"Performance panel"},"panels/recorder/components/RecordingView.ts | recording":{"message":"Recording…"},"panels/recorder/components/RecordingView.ts | recordingIsBeingStopped":{"message":"Stopping recording…"},"panels/recorder/components/RecordingView.ts | replaySettings":{"message":"Replay settings"},"panels/recorder/components/RecordingView.ts | requiredTitleError":{"message":"Title is required"},"panels/recorder/components/RecordingView.ts | screenshotForSection":{"message":"Screenshot for this section"},"panels/recorder/components/RecordingView.ts | showCode":{"message":"Show code"},"panels/recorder/components/RecordingView.ts | timeout":{"message":"Timeout: {value} ms"},"panels/recorder/components/RecordingView.ts | timeoutExplanation":{"message":"The timeout setting (in milliseconds) applies to every action when replaying the recording. For example, if a DOM element identified by a CSS selector does not appear on the page within the specified timeout, the replay fails with an error."},"panels/recorder/components/RecordingView.ts | timeoutLabel":{"message":"Timeout"},"panels/recorder/components/RecordingView.ts | upload":{"message":"Upload: {value}"},"panels/recorder/components/ReplayButton.ts | extensionGroup":{"message":"Extensions"},"panels/recorder/components/ReplayButton.ts | ReplayExtremelySlowButtonLabel":{"message":"Extremely slow replay"},"panels/recorder/components/ReplayButton.ts | ReplayExtremelySlowItemLabel":{"message":"Extremely slow"},"panels/recorder/components/ReplayButton.ts | ReplayNormalButtonLabel":{"message":"Replay"},"panels/recorder/components/ReplayButton.ts | ReplayNormalItemLabel":{"message":"Normal (Default)"},"panels/recorder/components/ReplayButton.ts | ReplaySlowButtonLabel":{"message":"Slow replay"},"panels/recorder/components/ReplayButton.ts | ReplaySlowItemLabel":{"message":"Slow"},"panels/recorder/components/ReplayButton.ts | ReplayVerySlowButtonLabel":{"message":"Very slow replay"},"panels/recorder/components/ReplayButton.ts | ReplayVerySlowItemLabel":{"message":"Very slow"},"panels/recorder/components/ReplayButton.ts | speedGroup":{"message":"Speed"},"panels/recorder/components/StartView.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/components/StartView.ts | header":{"message":"Measure performance across an entire user journey"},"panels/recorder/components/StartView.ts | quickStart":{"message":"Quick start: learn the new Recorder panel in DevTools"},"panels/recorder/components/StartView.ts | step1":{"message":"Record a common user journey on your website or app"},"panels/recorder/components/StartView.ts | step2":{"message":"Replay the recording to check if the flow is working"},"panels/recorder/components/StartView.ts | step3":{"message":"Generate a detailed performance trace or export a Puppeteer script for testing"},"panels/recorder/components/StepEditor.ts | addAttribute":{"message":"Add {attributeName}"},"panels/recorder/components/StepEditor.ts | addFrameIndex":{"message":"Add frame index within the frame tree"},"panels/recorder/components/StepEditor.ts | addSelector":{"message":"Add a selector"},"panels/recorder/components/StepEditor.ts | addSelectorPart":{"message":"Add a selector part"},"panels/recorder/components/StepEditor.ts | deleteRow":{"message":"Delete row"},"panels/recorder/components/StepEditor.ts | notSaved":{"message":"Not saved: {error}"},"panels/recorder/components/StepEditor.ts | removeFrameIndex":{"message":"Remove frame index"},"panels/recorder/components/StepEditor.ts | removeSelector":{"message":"Remove a selector"},"panels/recorder/components/StepEditor.ts | removeSelectorPart":{"message":"Remove a selector part"},"panels/recorder/components/StepEditor.ts | selectorPicker":{"message":"Select an element in the page to update selectors"},"panels/recorder/components/StepEditor.ts | unknownActionType":{"message":"Unknown action type."},"panels/recorder/components/StepView.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/recorder/components/StepView.ts | addStepAfter":{"message":"Add step after"},"panels/recorder/components/StepView.ts | addStepBefore":{"message":"Add step before"},"panels/recorder/components/StepView.ts | breakpoints":{"message":"Breakpoints"},"panels/recorder/components/StepView.ts | changeStepTitle":{"message":"Change"},"panels/recorder/components/StepView.ts | clickStepTitle":{"message":"Click"},"panels/recorder/components/StepView.ts | closeStepTitle":{"message":"Close"},"panels/recorder/components/StepView.ts | copyAs":{"message":"Copy as"},"panels/recorder/components/StepView.ts | customStepTitle":{"message":"Custom step"},"panels/recorder/components/StepView.ts | doubleClickStepTitle":{"message":"Double click"},"panels/recorder/components/StepView.ts | elementRoleButton":{"message":"Button"},"panels/recorder/components/StepView.ts | elementRoleFallback":{"message":"Element"},"panels/recorder/components/StepView.ts | elementRoleInput":{"message":"Input"},"panels/recorder/components/StepView.ts | emulateNetworkConditionsStepTitle":{"message":"Emulate network conditions"},"panels/recorder/components/StepView.ts | hoverStepTitle":{"message":"Hover"},"panels/recorder/components/StepView.ts | keyDownStepTitle":{"message":"Key down"},"panels/recorder/components/StepView.ts | keyUpStepTitle":{"message":"Key up"},"panels/recorder/components/StepView.ts | navigateStepTitle":{"message":"Navigate"},"panels/recorder/components/StepView.ts | openStepActions":{"message":"Open step actions"},"panels/recorder/components/StepView.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/recorder/components/StepView.ts | removeStep":{"message":"Remove step"},"panels/recorder/components/StepView.ts | scrollStepTitle":{"message":"Scroll"},"panels/recorder/components/StepView.ts | setViewportClickTitle":{"message":"Set viewport"},"panels/recorder/components/StepView.ts | stepManagement":{"message":"Manage steps"},"panels/recorder/components/StepView.ts | waitForElementStepTitle":{"message":"Wait for element"},"panels/recorder/components/StepView.ts | waitForExpressionStepTitle":{"message":"Wait for expression"},"panels/recorder/models/RecorderSettings.ts | defaultRecordingName":{"message":"Recording {DATE} at {TIME}"},"panels/recorder/recorder-meta.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/recorder-meta.ts | recorder":{"message":"Recorder"},"panels/recorder/recorder-meta.ts | replayRecording":{"message":"Replay recording"},"panels/recorder/recorder-meta.ts | showRecorder":{"message":"Show Recorder"},"panels/recorder/recorder-meta.ts | startStopRecording":{"message":"Start/Stop recording"},"panels/recorder/recorder-meta.ts | toggleCode":{"message":"Toggle code view"},"panels/recorder/RecorderController.ts | continueReplay":{"message":"Continue"},"panels/recorder/RecorderController.ts | copyShortcut":{"message":"Copy recording or selected step"},"panels/recorder/RecorderController.ts | createRecording":{"message":"Create a new recording"},"panels/recorder/RecorderController.ts | deleteRecording":{"message":"Delete recording"},"panels/recorder/RecorderController.ts | export":{"message":"Export"},"panels/recorder/RecorderController.ts | exportRecording":{"message":"Export"},"panels/recorder/RecorderController.ts | exportViaExtensions":{"message":"Export via extensions"},"panels/recorder/RecorderController.ts | getExtensions":{"message":"Get extensions…"},"panels/recorder/RecorderController.ts | importRecording":{"message":"Import recording"},"panels/recorder/RecorderController.ts | replayRecording":{"message":"Replay recording"},"panels/recorder/RecorderController.ts | sendFeedback":{"message":"Send feedback"},"panels/recorder/RecorderController.ts | startStopRecording":{"message":"Start/Stop recording"},"panels/recorder/RecorderController.ts | stepOverReplay":{"message":"Execute one step"},"panels/recorder/RecorderController.ts | toggleCode":{"message":"Toggle code view"},"panels/rn_welcome/rn_welcome-meta.ts | rnWelcome":{"message":"⚛️ Welcome"},"panels/rn_welcome/rn_welcome-meta.ts | showRnWelcome":{"message":"Show React Native Welcome panel"},"panels/rn_welcome/RNWelcome.ts | debuggerBrandName":{"message":"React Native JS Inspector"},"panels/rn_welcome/RNWelcome.ts | docsLabel":{"message":"Debugging docs"},"panels/rn_welcome/RNWelcome.ts | techPreviewLabel":{"message":"Technology Preview"},"panels/rn_welcome/RNWelcome.ts | welcomeMessage":{"message":"Welcome to debugging in React Native"},"panels/rn_welcome/RNWelcome.ts | whatsNewLabel":{"message":"What's new"},"panels/screencast/ScreencastApp.ts | toggleScreencast":{"message":"Toggle screencast"},"panels/screencast/ScreencastView.ts | addressBar":{"message":"Address bar"},"panels/screencast/ScreencastView.ts | back":{"message":"back"},"panels/screencast/ScreencastView.ts | forward":{"message":"forward"},"panels/screencast/ScreencastView.ts | profilingInProgress":{"message":"Profiling in progress"},"panels/screencast/ScreencastView.ts | reload":{"message":"reload"},"panels/screencast/ScreencastView.ts | screencastViewOfDebugTarget":{"message":"Screencast view of debug target"},"panels/screencast/ScreencastView.ts | theTabIsInactive":{"message":"The tab is inactive"},"panels/search/SearchResultsPane.ts | lineS":{"message":"Line {PH1}"},"panels/search/SearchResultsPane.ts | matchesCountS":{"message":"Matches Count {PH1}"},"panels/search/SearchResultsPane.ts | showDMore":{"message":"Show {PH1} more"},"panels/search/SearchView.ts | clear":{"message":"Clear"},"panels/search/SearchView.ts | foundDMatchingLinesInDFiles":{"message":"Found {PH1} matching lines in {PH2} files."},"panels/search/SearchView.ts | foundDMatchingLinesInFile":{"message":"Found {PH1} matching lines in 1 file."},"panels/search/SearchView.ts | foundMatchingLineInFile":{"message":"Found 1 matching line in 1 file."},"panels/search/SearchView.ts | indexing":{"message":"Indexing…"},"panels/search/SearchView.ts | indexingInterrupted":{"message":"Indexing interrupted."},"panels/search/SearchView.ts | matchCase":{"message":"Match Case"},"panels/search/SearchView.ts | noMatchesFound":{"message":"No matches found."},"panels/search/SearchView.ts | refresh":{"message":"Refresh"},"panels/search/SearchView.ts | search":{"message":"Search"},"panels/search/SearchView.ts | searchFinished":{"message":"Search finished."},"panels/search/SearchView.ts | searching":{"message":"Searching…"},"panels/search/SearchView.ts | searchInterrupted":{"message":"Search interrupted."},"panels/search/SearchView.ts | searchQuery":{"message":"Search Query"},"panels/search/SearchView.ts | useRegularExpression":{"message":"Use Regular Expression"},"panels/security/security-meta.ts | security":{"message":"Security"},"panels/security/security-meta.ts | showSecurity":{"message":"Show Security"},"panels/security/SecurityModel.ts | cipherWithMAC":{"message":"{PH1} with {PH2}"},"panels/security/SecurityModel.ts | keyExchangeWithGroup":{"message":"{PH1} with {PH2}"},"panels/security/SecurityModel.ts | theSecurityOfThisPageIsUnknown":{"message":"The security of this page is unknown."},"panels/security/SecurityModel.ts | thisPageIsNotSecure":{"message":"This page is not secure."},"panels/security/SecurityModel.ts | thisPageIsNotSecureBrokenHttps":{"message":"This page is not secure (broken HTTPS)."},"panels/security/SecurityModel.ts | thisPageIsSecureValidHttps":{"message":"This page is secure (valid HTTPS)."},"panels/security/SecurityPanel.ts | activeContentWithCertificate":{"message":"active content with certificate errors"},"panels/security/SecurityPanel.ts | activeMixedContent":{"message":"active mixed content"},"panels/security/SecurityPanel.ts | allResourcesOnThisPageAreServed":{"message":"All resources on this page are served securely."},"panels/security/SecurityPanel.ts | allServedSecurely":{"message":"all served securely"},"panels/security/SecurityPanel.ts | blockedMixedContent":{"message":"Blocked mixed content"},"panels/security/SecurityPanel.ts | certificate":{"message":"Certificate"},"panels/security/SecurityPanel.ts | certificateExpiresSoon":{"message":"Certificate expires soon"},"panels/security/SecurityPanel.ts | certificateTransparency":{"message":"Certificate Transparency"},"panels/security/SecurityPanel.ts | chromeHasDeterminedThatThisSiteS":{"message":"Chrome has determined that this site could be fake or fraudulent."},"panels/security/SecurityPanel.ts | cipher":{"message":"Cipher"},"panels/security/SecurityPanel.ts | connection":{"message":"Connection"},"panels/security/SecurityPanel.ts | contentWithCertificateErrors":{"message":"content with certificate errors"},"panels/security/SecurityPanel.ts | enabled":{"message":"enabled"},"panels/security/SecurityPanel.ts | encryptedClientHello":{"message":"Encrypted ClientHello"},"panels/security/SecurityPanel.ts | flaggedByGoogleSafeBrowsing":{"message":"Flagged by Google Safe Browsing"},"panels/security/SecurityPanel.ts | hashAlgorithm":{"message":"Hash algorithm"},"panels/security/SecurityPanel.ts | hideFullDetails":{"message":"Hide full details"},"panels/security/SecurityPanel.ts | ifYouBelieveThisIsShownIn":{"message":"If you believe this is shown in error please visit https://g.co/chrome/lookalike-warnings."},"panels/security/SecurityPanel.ts | ifYouBelieveThisIsShownInErrorSafety":{"message":"If you believe this is shown in error please visit https://g.co/chrome/lookalike-warnings."},"panels/security/SecurityPanel.ts | info":{"message":"Info"},"panels/security/SecurityPanel.ts | insecureSha":{"message":"insecure (SHA-1)"},"panels/security/SecurityPanel.ts | issuedAt":{"message":"Issued at"},"panels/security/SecurityPanel.ts | issuer":{"message":"Issuer"},"panels/security/SecurityPanel.ts | keyExchange":{"message":"Key exchange"},"panels/security/SecurityPanel.ts | logId":{"message":"Log ID"},"panels/security/SecurityPanel.ts | logName":{"message":"Log name"},"panels/security/SecurityPanel.ts | mainOrigin":{"message":"Main origin"},"panels/security/SecurityPanel.ts | mainOriginNonsecure":{"message":"Main origin (non-secure)"},"panels/security/SecurityPanel.ts | mainOriginSecure":{"message":"Main origin (secure)"},"panels/security/SecurityPanel.ts | missing":{"message":"missing"},"panels/security/SecurityPanel.ts | mixedContent":{"message":"mixed content"},"panels/security/SecurityPanel.ts | na":{"message":"(n/a)"},"panels/security/SecurityPanel.ts | nonsecureForm":{"message":"non-secure form"},"panels/security/SecurityPanel.ts | nonsecureOrigins":{"message":"Non-secure origins"},"panels/security/SecurityPanel.ts | noSecurityDetailsAreAvailableFor":{"message":"No security details are available for this origin."},"panels/security/SecurityPanel.ts | noSecurityInformation":{"message":"No security information"},"panels/security/SecurityPanel.ts | notSecure":{"message":"Not secure"},"panels/security/SecurityPanel.ts | notSecureBroken":{"message":"Not secure (broken)"},"panels/security/SecurityPanel.ts | obsoleteConnectionSettings":{"message":"obsolete connection settings"},"panels/security/SecurityPanel.ts | openFullCertificateDetails":{"message":"Open full certificate details"},"panels/security/SecurityPanel.ts | origin":{"message":"Origin"},"panels/security/SecurityPanel.ts | overview":{"message":"Overview"},"panels/security/SecurityPanel.ts | possibleSpoofingUrl":{"message":"Possible spoofing URL"},"panels/security/SecurityPanel.ts | protocol":{"message":"Protocol"},"panels/security/SecurityPanel.ts | publickeypinningBypassed":{"message":"Public-Key-Pinning bypassed"},"panels/security/SecurityPanel.ts | publickeypinningWasBypassedByA":{"message":"Public-Key-Pinning was bypassed by a local root certificate."},"panels/security/SecurityPanel.ts | reloadThePageToRecordRequestsFor":{"message":"Reload the page to record requests for HTTP resources."},"panels/security/SecurityPanel.ts | reloadToViewDetails":{"message":"Reload to view details"},"panels/security/SecurityPanel.ts | resources":{"message":"Resources"},"panels/security/SecurityPanel.ts | rsaKeyExchangeIsObsoleteEnableAn":{"message":"RSA key exchange is obsolete. Enable an ECDHE-based cipher suite."},"panels/security/SecurityPanel.ts | sct":{"message":"SCT"},"panels/security/SecurityPanel.ts | secure":{"message":"Secure"},"panels/security/SecurityPanel.ts | secureConnectionSettings":{"message":"secure connection settings"},"panels/security/SecurityPanel.ts | secureOrigins":{"message":"Secure origins"},"panels/security/SecurityPanel.ts | securityOverview":{"message":"Security overview"},"panels/security/SecurityPanel.ts | serverSignature":{"message":"Server signature"},"panels/security/SecurityPanel.ts | showFullDetails":{"message":"Show full details"},"panels/security/SecurityPanel.ts | showLess":{"message":"Show less"},"panels/security/SecurityPanel.ts | showMoreSTotal":{"message":"Show more ({PH1} total)"},"panels/security/SecurityPanel.ts | signatureAlgorithm":{"message":"Signature algorithm"},"panels/security/SecurityPanel.ts | signatureData":{"message":"Signature data"},"panels/security/SecurityPanel.ts | sIsObsoleteEnableAnAesgcmbased":{"message":"{PH1} is obsolete. Enable an AES-GCM-based cipher suite."},"panels/security/SecurityPanel.ts | sIsObsoleteEnableTlsOrLater":{"message":"{PH1} is obsolete. Enable TLS 1.2 or later."},"panels/security/SecurityPanel.ts | source":{"message":"Source"},"panels/security/SecurityPanel.ts | subject":{"message":"Subject"},"panels/security/SecurityPanel.ts | subjectAlternativeNameMissing":{"message":"Subject Alternative Name missing"},"panels/security/SecurityPanel.ts | theCertificateChainForThisSite":{"message":"The certificate chain for this site contains a certificate signed using SHA-1."},"panels/security/SecurityPanel.ts | theCertificateForThisSiteDoesNot":{"message":"The certificate for this site does not contain a Subject Alternative Name extension containing a domain name or IP address."},"panels/security/SecurityPanel.ts | theCertificateForThisSiteExpires":{"message":"The certificate for this site expires in less than 48 hours and needs to be renewed."},"panels/security/SecurityPanel.ts | theConnectionToThisSiteIs":{"message":"The connection to this site is encrypted and authenticated using {PH1}, {PH2}, and {PH3}."},"panels/security/SecurityPanel.ts | theConnectionToThisSiteIsUsingA":{"message":"The connection to this site is using a valid, trusted server certificate issued by {PH1}."},"panels/security/SecurityPanel.ts | theSecurityDetailsAboveAreFrom":{"message":"The security details above are from the first inspected response."},"panels/security/SecurityPanel.ts | theServerSignatureUsesShaWhichIs":{"message":"The server signature uses SHA-1, which is obsolete. Enable a SHA-2 signature algorithm instead. (Note this is different from the signature in the certificate.)"},"panels/security/SecurityPanel.ts | thisIsAnErrorPage":{"message":"This is an error page."},"panels/security/SecurityPanel.ts | thisOriginIsANonhttpsSecure":{"message":"This origin is a non-HTTPS secure origin."},"panels/security/SecurityPanel.ts | thisPageHasANonhttpsSecureOrigin":{"message":"This page has a non-HTTPS secure origin."},"panels/security/SecurityPanel.ts | thisPageIncludesAFormWithA":{"message":"This page includes a form with a non-secure \"action\" attribute."},"panels/security/SecurityPanel.ts | thisPageIncludesHttpResources":{"message":"This page includes HTTP resources."},"panels/security/SecurityPanel.ts | thisPageIncludesResourcesThat":{"message":"This page includes resources that were loaded with certificate errors."},"panels/security/SecurityPanel.ts | thisPageIsDangerousFlaggedBy":{"message":"This page is dangerous (flagged by Google Safe Browsing)."},"panels/security/SecurityPanel.ts | thisPageIsInsecureUnencrypted":{"message":"This page is insecure (unencrypted HTTP)."},"panels/security/SecurityPanel.ts | thisPageIsSuspicious":{"message":"This page is suspicious"},"panels/security/SecurityPanel.ts | thisPageIsSuspiciousFlaggedBy":{"message":"This page is suspicious (flagged by Chrome)."},"panels/security/SecurityPanel.ts | thisRequestCompliesWithChromes":{"message":"This request complies with Chrome's Certificate Transparency policy."},"panels/security/SecurityPanel.ts | thisRequestDoesNotComplyWith":{"message":"This request does not comply with Chrome's Certificate Transparency policy."},"panels/security/SecurityPanel.ts | thisResponseWasLoadedFromCache":{"message":"This response was loaded from cache. Some security details might be missing."},"panels/security/SecurityPanel.ts | thisSiteIsMissingAValidTrusted":{"message":"This site is missing a valid, trusted certificate ({PH1})."},"panels/security/SecurityPanel.ts | thisSitesHostnameLooksSimilarToP":{"message":"This site's hostname looks similar to {PH1}. Attackers sometimes mimic sites by making small, hard-to-see changes to the domain name."},"panels/security/SecurityPanel.ts | toCheckThisPagesStatusVisit":{"message":"To check this page's status, visit g.co/safebrowsingstatus."},"panels/security/SecurityPanel.ts | unknownCanceled":{"message":"Unknown / canceled"},"panels/security/SecurityPanel.ts | unknownField":{"message":"unknown"},"panels/security/SecurityPanel.ts | validAndTrusted":{"message":"valid and trusted"},"panels/security/SecurityPanel.ts | validationStatus":{"message":"Validation status"},"panels/security/SecurityPanel.ts | validFrom":{"message":"Valid from"},"panels/security/SecurityPanel.ts | validUntil":{"message":"Valid until"},"panels/security/SecurityPanel.ts | viewCertificate":{"message":"View certificate"},"panels/security/SecurityPanel.ts | viewDRequestsInNetworkPanel":{"message":"{n, plural, =1 {View # request in Network Panel} other {View # requests in Network Panel}}"},"panels/security/SecurityPanel.ts | viewRequestsInNetworkPanel":{"message":"View requests in Network Panel"},"panels/security/SecurityPanel.ts | youHaveRecentlyAllowedContent":{"message":"You have recently allowed content loaded with certificate errors (such as scripts or iframes) to run on this site."},"panels/security/SecurityPanel.ts | youHaveRecentlyAllowedNonsecure":{"message":"You have recently allowed non-secure content (such as scripts or iframes) to run on this site."},"panels/security/SecurityPanel.ts | yourConnectionToThisOriginIsNot":{"message":"Your connection to this origin is not secure."},"panels/security/SecurityPanel.ts | yourPageRequestedNonsecure":{"message":"Your page requested non-secure resources that were blocked."},"panels/sensors/LocationsSettingsTab.ts | addLocation":{"message":"Add location..."},"panels/sensors/LocationsSettingsTab.ts | customLocations":{"message":"Custom locations"},"panels/sensors/LocationsSettingsTab.ts | lat":{"message":"Lat"},"panels/sensors/LocationsSettingsTab.ts | latitude":{"message":"Latitude"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeANumber":{"message":"Latitude must be a number"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeGreaterThanOrEqual":{"message":"Latitude must be greater than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | latitudeMustBeLessThanOrEqualToS":{"message":"Latitude must be less than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | locale":{"message":"Locale"},"panels/sensors/LocationsSettingsTab.ts | localeMustContainAlphabetic":{"message":"Locale must contain alphabetic characters"},"panels/sensors/LocationsSettingsTab.ts | locationName":{"message":"Location name"},"panels/sensors/LocationsSettingsTab.ts | locationNameCannotBeEmpty":{"message":"Location name cannot be empty"},"panels/sensors/LocationsSettingsTab.ts | locationNameMustBeLessThanS":{"message":"Location name must be less than {PH1} characters"},"panels/sensors/LocationsSettingsTab.ts | long":{"message":"Long"},"panels/sensors/LocationsSettingsTab.ts | longitude":{"message":"Longitude"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeANumber":{"message":"Longitude must be a number"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeGreaterThanOr":{"message":"Longitude must be greater than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | longitudeMustBeLessThanOrEqualTo":{"message":"Longitude must be less than or equal to {PH1}"},"panels/sensors/LocationsSettingsTab.ts | timezoneId":{"message":"Timezone ID"},"panels/sensors/LocationsSettingsTab.ts | timezoneIdMustContainAlphabetic":{"message":"Timezone ID must contain alphabetic characters"},"panels/sensors/sensors-meta.ts | accelerometer":{"message":"accelerometer"},"panels/sensors/sensors-meta.ts | devicebased":{"message":"Device-based"},"panels/sensors/sensors-meta.ts | deviceOrientation":{"message":"device orientation"},"panels/sensors/sensors-meta.ts | emulateIdleDetectorState":{"message":"Emulate Idle Detector state"},"panels/sensors/sensors-meta.ts | forceEnabled":{"message":"Force enabled"},"panels/sensors/sensors-meta.ts | geolocation":{"message":"geolocation"},"panels/sensors/sensors-meta.ts | locale":{"message":"locale"},"panels/sensors/sensors-meta.ts | locales":{"message":"locales"},"panels/sensors/sensors-meta.ts | locations":{"message":"Locations"},"panels/sensors/sensors-meta.ts | noIdleEmulation":{"message":"No idle emulation"},"panels/sensors/sensors-meta.ts | sensors":{"message":"Sensors"},"panels/sensors/sensors-meta.ts | showLocations":{"message":"Show Locations"},"panels/sensors/sensors-meta.ts | showSensors":{"message":"Show Sensors"},"panels/sensors/sensors-meta.ts | timezones":{"message":"timezones"},"panels/sensors/sensors-meta.ts | touch":{"message":"Touch"},"panels/sensors/sensors-meta.ts | userActiveScreenLocked":{"message":"User active, screen locked"},"panels/sensors/sensors-meta.ts | userActiveScreenUnlocked":{"message":"User active, screen unlocked"},"panels/sensors/sensors-meta.ts | userIdleScreenLocked":{"message":"User idle, screen locked"},"panels/sensors/sensors-meta.ts | userIdleScreenUnlocked":{"message":"User idle, screen unlocked"},"panels/sensors/SensorsView.ts | adjustWithMousewheelOrUpdownKeys":{"message":"Adjust with mousewheel or up/down keys. {PH1}: ±10, Shift: ±1, Alt: ±0.01"},"panels/sensors/SensorsView.ts | alpha":{"message":"α (alpha)"},"panels/sensors/SensorsView.ts | beta":{"message":"β (beta)"},"panels/sensors/SensorsView.ts | customOrientation":{"message":"Custom orientation"},"panels/sensors/SensorsView.ts | deviceOrientationSetToAlphaSBeta":{"message":"Device orientation set to alpha: {PH1}, beta: {PH2}, gamma: {PH3}"},"panels/sensors/SensorsView.ts | displayDown":{"message":"Display down"},"panels/sensors/SensorsView.ts | displayUp":{"message":"Display up"},"panels/sensors/SensorsView.ts | enableOrientationToRotate":{"message":"Enable orientation to rotate"},"panels/sensors/SensorsView.ts | error":{"message":"Error"},"panels/sensors/SensorsView.ts | forcesSelectedIdleStateEmulation":{"message":"Forces selected idle state emulation"},"panels/sensors/SensorsView.ts | forcesTouchInsteadOfClick":{"message":"Forces touch instead of click"},"panels/sensors/SensorsView.ts | gamma":{"message":"γ (gamma)"},"panels/sensors/SensorsView.ts | landscapeLeft":{"message":"Landscape left"},"panels/sensors/SensorsView.ts | landscapeRight":{"message":"Landscape right"},"panels/sensors/SensorsView.ts | latitude":{"message":"Latitude"},"panels/sensors/SensorsView.ts | locale":{"message":"Locale"},"panels/sensors/SensorsView.ts | location":{"message":"Location"},"panels/sensors/SensorsView.ts | locationUnavailable":{"message":"Location unavailable"},"panels/sensors/SensorsView.ts | longitude":{"message":"Longitude"},"panels/sensors/SensorsView.ts | manage":{"message":"Manage"},"panels/sensors/SensorsView.ts | manageTheListOfLocations":{"message":"Manage the list of locations"},"panels/sensors/SensorsView.ts | noOverride":{"message":"No override"},"panels/sensors/SensorsView.ts | off":{"message":"Off"},"panels/sensors/SensorsView.ts | orientation":{"message":"Orientation"},"panels/sensors/SensorsView.ts | other":{"message":"Other…"},"panels/sensors/SensorsView.ts | overrides":{"message":"Overrides"},"panels/sensors/SensorsView.ts | portrait":{"message":"Portrait"},"panels/sensors/SensorsView.ts | portraitUpsideDown":{"message":"Portrait upside down"},"panels/sensors/SensorsView.ts | presets":{"message":"Presets"},"panels/sensors/SensorsView.ts | reset":{"message":"Reset"},"panels/sensors/SensorsView.ts | resetDeviceOrientation":{"message":"Reset device orientation"},"panels/sensors/SensorsView.ts | shiftdragHorizontallyToRotate":{"message":"Shift+drag horizontally to rotate around the y-axis"},"panels/sensors/SensorsView.ts | timezoneId":{"message":"Timezone ID"},"panels/settings/components/SyncSection.ts | preferencesSyncDisabled":{"message":"To turn this setting on, you must first enable settings sync in Chrome."},"panels/settings/components/SyncSection.ts | settings":{"message":"Go to Settings"},"panels/settings/components/SyncSection.ts | signedIn":{"message":"Signed into Chrome as:"},"panels/settings/components/SyncSection.ts | syncDisabled":{"message":"To turn this setting on, you must enable Chrome sync."},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | addBrand":{"message":"Add Brand"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | addedBrand":{"message":"Added brand row"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | architecture":{"message":"Architecture (Sec-CH-UA-Arch)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | architecturePlaceholder":{"message":"Architecture (e.g. x86)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandFullVersionListDelete":{"message":"Delete brand from full version list"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandName":{"message":"Brand"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandNameAriaLabel":{"message":"Brand {PH1}"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandProperties":{"message":"User agent properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandUserAgentDelete":{"message":"Delete brand from user agent section"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandVersionAriaLabel":{"message":"Version {PH1}"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | brandVersionPlaceholder":{"message":"Version (e.g. 87.0.4280.88)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deletedBrand":{"message":"Deleted brand row"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deviceModel":{"message":"Device model (Sec-CH-UA-Model)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | deviceProperties":{"message":"Device properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullBrowserVersion":{"message":"Full browser version (Sec-CH-UA-Full-Browser-Version)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullBrowserVersionPlaceholder":{"message":"Full browser version (e.g. 87.0.4280.88)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | fullVersionList":{"message":"Full version list (Sec-CH-UA-Full-Version-List)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | learnMore":{"message":"Learn more"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | mobileCheckboxLabel":{"message":"Mobile"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | notRepresentable":{"message":"Not representable as structured headers string."},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformLabel":{"message":"Platform (Sec-CH-UA-Platform / Sec-CH-UA-Platform-Version)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformPlaceholder":{"message":"Platform (e.g. Android)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformProperties":{"message":"Platform properties"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | platformVersion":{"message":"Platform version"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | significantBrandVersionPlaceholder":{"message":"Significant version (e.g. 87)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | title":{"message":"User agent client hints"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | update":{"message":"Update"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | useragent":{"message":"User agent (Sec-CH-UA)"},"panels/settings/emulation/components/UserAgentClientHintsForm.ts | userAgentClientHintsInfo":{"message":"User agent client hints are an alternative to the user agent string that identify the browser and the device in a more structured way with better privacy accounting."},"panels/settings/emulation/DevicesSettingsTab.ts | addCustomDevice":{"message":"Add custom device..."},"panels/settings/emulation/DevicesSettingsTab.ts | device":{"message":"Device"},"panels/settings/emulation/DevicesSettingsTab.ts | deviceAddedOrUpdated":{"message":"Device {PH1} successfully added/updated."},"panels/settings/emulation/DevicesSettingsTab.ts | deviceName":{"message":"Device Name"},"panels/settings/emulation/DevicesSettingsTab.ts | deviceNameCannotBeEmpty":{"message":"Device name cannot be empty."},"panels/settings/emulation/DevicesSettingsTab.ts | deviceNameMustBeLessThanS":{"message":"Device name must be less than {PH1} characters."},"panels/settings/emulation/DevicesSettingsTab.ts | devicePixelRatio":{"message":"Device pixel ratio"},"panels/settings/emulation/DevicesSettingsTab.ts | emulatedDevices":{"message":"Emulated Devices"},"panels/settings/emulation/DevicesSettingsTab.ts | height":{"message":"Height"},"panels/settings/emulation/DevicesSettingsTab.ts | userAgentString":{"message":"User agent string"},"panels/settings/emulation/DevicesSettingsTab.ts | userAgentType":{"message":"User agent type"},"panels/settings/emulation/DevicesSettingsTab.ts | width":{"message":"Width"},"panels/settings/emulation/emulation-meta.ts | devices":{"message":"Devices"},"panels/settings/emulation/emulation-meta.ts | showDevices":{"message":"Show Devices"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | addFilenamePattern":{"message":"Add filename pattern"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | addPattern":{"message":"Add pattern..."},"panels/settings/FrameworkIgnoreListSettingsTab.ts | automaticallyIgnoreListKnownThirdPartyScripts":{"message":"Known third-party scripts from source maps"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | customExclusionRules":{"message":"Custom exclusion rules:"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | debuggerWillSkipThroughThe":{"message":"Debugger will skip through the scripts and will not stop on exceptions thrown by them."},"panels/settings/FrameworkIgnoreListSettingsTab.ts | enableIgnoreListing":{"message":"Enable Ignore Listing"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | enableIgnoreListingTooltip":{"message":"Uncheck to disable all ignore listing"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | frameworkIgnoreList":{"message":"Framework Ignore List"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | generalExclusionRules":{"message":"General exclusion rules:"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | ignoreListContentScripts":{"message":"Content scripts injected by extensions"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | ignoreScriptsWhoseNamesMatchS":{"message":"Ignore scripts whose names match ''{PH1}''"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | learnMore":{"message":"Learn more"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | pattern":{"message":"Add Pattern"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternAlreadyExists":{"message":"Pattern already exists"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternCannotBeEmpty":{"message":"Pattern cannot be empty"},"panels/settings/FrameworkIgnoreListSettingsTab.ts | patternMustBeAValidRegular":{"message":"Pattern must be a valid regular expression"},"panels/settings/KeybindsSettingsTab.ts | addAShortcut":{"message":"Add a shortcut"},"panels/settings/KeybindsSettingsTab.ts | confirmChanges":{"message":"Confirm changes"},"panels/settings/KeybindsSettingsTab.ts | discardChanges":{"message":"Discard changes"},"panels/settings/KeybindsSettingsTab.ts | editShortcut":{"message":"Edit shortcut"},"panels/settings/KeybindsSettingsTab.ts | FullListOfDevtoolsKeyboard":{"message":"Full list of DevTools keyboard shortcuts and gestures"},"panels/settings/KeybindsSettingsTab.ts | keyboardShortcutsList":{"message":"Keyboard shortcuts list"},"panels/settings/KeybindsSettingsTab.ts | matchShortcutsFromPreset":{"message":"Match shortcuts from preset"},"panels/settings/KeybindsSettingsTab.ts | noShortcutForAction":{"message":"No shortcut for action"},"panels/settings/KeybindsSettingsTab.ts | removeShortcut":{"message":"Remove shortcut"},"panels/settings/KeybindsSettingsTab.ts | ResetShortcutsForAction":{"message":"Reset shortcuts for action"},"panels/settings/KeybindsSettingsTab.ts | RestoreDefaultShortcuts":{"message":"Restore default shortcuts"},"panels/settings/KeybindsSettingsTab.ts | shortcutModified":{"message":"Shortcut modified"},"panels/settings/KeybindsSettingsTab.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/KeybindsSettingsTab.ts | shortcutsCannotContainOnly":{"message":"Shortcuts cannot contain only modifier keys."},"panels/settings/KeybindsSettingsTab.ts | thisShortcutIsInUseByS":{"message":"This shortcut is in use by {PH1}: {PH2}."},"panels/settings/settings-meta.ts | documentation":{"message":"Documentation"},"panels/settings/settings-meta.ts | experiments":{"message":"Experiments"},"panels/settings/settings-meta.ts | ignoreList":{"message":"Ignore List"},"panels/settings/settings-meta.ts | preferences":{"message":"Preferences"},"panels/settings/settings-meta.ts | settings":{"message":"Settings"},"panels/settings/settings-meta.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/settings-meta.ts | showExperiments":{"message":"Show Experiments"},"panels/settings/settings-meta.ts | showIgnoreList":{"message":"Show Ignore List"},"panels/settings/settings-meta.ts | showPreferences":{"message":"Show Preferences"},"panels/settings/settings-meta.ts | showShortcuts":{"message":"Show Shortcuts"},"panels/settings/SettingsScreen.ts | experiments":{"message":"Experiments"},"panels/settings/SettingsScreen.ts | filterExperimentsLabel":{"message":"Filter"},"panels/settings/SettingsScreen.ts | learnMore":{"message":"Learn more"},"panels/settings/SettingsScreen.ts | noResults":{"message":"No experiments match the filter"},"panels/settings/SettingsScreen.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"panels/settings/SettingsScreen.ts | preferences":{"message":"Preferences"},"panels/settings/SettingsScreen.ts | restoreDefaultsAndReload":{"message":"Restore defaults and reload"},"panels/settings/SettingsScreen.ts | sendFeedback":{"message":"Send feedback"},"panels/settings/SettingsScreen.ts | settings":{"message":"Settings"},"panels/settings/SettingsScreen.ts | shortcuts":{"message":"Shortcuts"},"panels/settings/SettingsScreen.ts | theseExperimentsAreParticularly":{"message":"These experiments are particularly unstable. Enable at your own risk."},"panels/settings/SettingsScreen.ts | theseExperimentsCouldBeUnstable":{"message":"These experiments could be unstable or unreliable and may require you to restart DevTools."},"panels/settings/SettingsScreen.ts | warning":{"message":"WARNING:"},"panels/snippets/ScriptSnippetFileSystem.ts | linkedTo":{"message":"Linked to {PH1}"},"panels/snippets/ScriptSnippetFileSystem.ts | scriptSnippet":{"message":"Script snippet #{PH1}"},"panels/snippets/SnippetsQuickOpen.ts | noSnippetsFound":{"message":"No snippets found."},"panels/snippets/SnippetsQuickOpen.ts | run":{"message":"Run"},"panels/snippets/SnippetsQuickOpen.ts | snippet":{"message":"Snippet"},"panels/sources/AddSourceMapURLDialog.ts | add":{"message":"Add"},"panels/sources/AddSourceMapURLDialog.ts | debugInfoUrl":{"message":"DWARF symbols URL: "},"panels/sources/AddSourceMapURLDialog.ts | sourceMapUrl":{"message":"Source map URL: "},"panels/sources/BreakpointEditDialog.ts | breakpoint":{"message":"Breakpoint"},"panels/sources/BreakpointEditDialog.ts | breakpointType":{"message":"Breakpoint type"},"panels/sources/BreakpointEditDialog.ts | closeDialog":{"message":"Close edit dialog and save changes"},"panels/sources/BreakpointEditDialog.ts | conditionalBreakpoint":{"message":"Conditional breakpoint"},"panels/sources/BreakpointEditDialog.ts | expressionToCheckBeforePausingEg":{"message":"Expression to check before pausing, e.g. x > 5"},"panels/sources/BreakpointEditDialog.ts | learnMoreOnBreakpointTypes":{"message":"Learn more: Breakpoint Types"},"panels/sources/BreakpointEditDialog.ts | logAMessageToConsoleDoNotBreak":{"message":"Log a message to Console, do not break"},"panels/sources/BreakpointEditDialog.ts | logMessageEgXIsX":{"message":"Log message, e.g. 'x is', x"},"panels/sources/BreakpointEditDialog.ts | logpoint":{"message":"Logpoint"},"panels/sources/BreakpointEditDialog.ts | pauseOnlyWhenTheConditionIsTrue":{"message":"Pause only when the condition is true"},"panels/sources/CallStackSidebarPane.ts | callFrameWarnings":{"message":"Some call frames have warnings"},"panels/sources/CallStackSidebarPane.ts | callStack":{"message":"Call Stack"},"panels/sources/CallStackSidebarPane.ts | copyStackTrace":{"message":"Copy stack trace"},"panels/sources/CallStackSidebarPane.ts | debugFileNotFound":{"message":"Failed to load debug file \"{PH1}\"."},"panels/sources/CallStackSidebarPane.ts | notPaused":{"message":"Not paused"},"panels/sources/CallStackSidebarPane.ts | onIgnoreList":{"message":"on ignore list"},"panels/sources/CallStackSidebarPane.ts | restartFrame":{"message":"Restart frame"},"panels/sources/CallStackSidebarPane.ts | showIgnorelistedFrames":{"message":"Show ignore-listed frames"},"panels/sources/CallStackSidebarPane.ts | showMore":{"message":"Show more"},"panels/sources/components/BreakpointsView.ts | breakpointHit":{"message":"{PH1} breakpoint hit"},"panels/sources/components/BreakpointsView.ts | checked":{"message":"checked"},"panels/sources/components/BreakpointsView.ts | conditionCode":{"message":"Condition: {PH1}"},"panels/sources/components/BreakpointsView.ts | disableAllBreakpointsInFile":{"message":"Disable all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | editCondition":{"message":"Edit condition"},"panels/sources/components/BreakpointsView.ts | editLogpoint":{"message":"Edit logpoint"},"panels/sources/components/BreakpointsView.ts | enableAllBreakpointsInFile":{"message":"Enable all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | indeterminate":{"message":"mixed"},"panels/sources/components/BreakpointsView.ts | logpointCode":{"message":"Logpoint: {PH1}"},"panels/sources/components/BreakpointsView.ts | pauseOnCaughtExceptions":{"message":"Pause on caught exceptions"},"panels/sources/components/BreakpointsView.ts | pauseOnUncaughtExceptions":{"message":"Pause on uncaught exceptions"},"panels/sources/components/BreakpointsView.ts | removeAllBreakpoints":{"message":"Remove all breakpoints"},"panels/sources/components/BreakpointsView.ts | removeAllBreakpointsInFile":{"message":"Remove all breakpoints in file"},"panels/sources/components/BreakpointsView.ts | removeBreakpoint":{"message":"Remove breakpoint"},"panels/sources/components/BreakpointsView.ts | removeOtherBreakpoints":{"message":"Remove other breakpoints"},"panels/sources/components/BreakpointsView.ts | revealLocation":{"message":"Reveal location"},"panels/sources/components/BreakpointsView.ts | unchecked":{"message":"unchecked"},"panels/sources/components/HeadersView.ts | addHeader":{"message":"Add a header"},"panels/sources/components/HeadersView.ts | addOverrideRule":{"message":"Add override rule"},"panels/sources/components/HeadersView.ts | errorWhenParsing":{"message":"Error when parsing ''{PH1}''."},"panels/sources/components/HeadersView.ts | learnMore":{"message":"Learn more"},"panels/sources/components/HeadersView.ts | parsingErrorExplainer":{"message":"This is most likely due to a syntax error in ''{PH1}''. Try opening this file in an external editor to fix the error or delete the file and re-create the override."},"panels/sources/components/HeadersView.ts | removeBlock":{"message":"Remove this 'ApplyTo'-section"},"panels/sources/components/HeadersView.ts | removeHeader":{"message":"Remove this header"},"panels/sources/CoveragePlugin.ts | clickToShowCoveragePanel":{"message":"Click to show Coverage Panel"},"panels/sources/CoveragePlugin.ts | coverageNa":{"message":"Coverage: n/a"},"panels/sources/CoveragePlugin.ts | coverageS":{"message":"Coverage: {PH1}"},"panels/sources/CoveragePlugin.ts | showDetails":{"message":"Show Details"},"panels/sources/CSSPlugin.ts | openColorPicker":{"message":"Open color picker."},"panels/sources/CSSPlugin.ts | openCubicBezierEditor":{"message":"Open cubic bezier editor."},"panels/sources/DebuggerPausedMessage.ts | attributeModifications":{"message":"attribute modifications"},"panels/sources/DebuggerPausedMessage.ts | childSAdded":{"message":"Child {PH1} added"},"panels/sources/DebuggerPausedMessage.ts | debuggerPaused":{"message":"Debugger paused"},"panels/sources/DebuggerPausedMessage.ts | descendantSAdded":{"message":"Descendant {PH1} added"},"panels/sources/DebuggerPausedMessage.ts | descendantSRemoved":{"message":"Descendant {PH1} removed"},"panels/sources/DebuggerPausedMessage.ts | nodeRemoval":{"message":"node removal"},"panels/sources/DebuggerPausedMessage.ts | pausedBeforePotentialOutofmemory":{"message":"Paused before potential out-of-memory crash"},"panels/sources/DebuggerPausedMessage.ts | pausedOnAssertion":{"message":"Paused on assertion"},"panels/sources/DebuggerPausedMessage.ts | pausedOnBreakpoint":{"message":"Paused on breakpoint"},"panels/sources/DebuggerPausedMessage.ts | pausedOnCspViolation":{"message":"Paused on CSP violation"},"panels/sources/DebuggerPausedMessage.ts | pausedOnDebuggedFunction":{"message":"Paused on debugged function"},"panels/sources/DebuggerPausedMessage.ts | pausedOnEventListener":{"message":"Paused on event listener"},"panels/sources/DebuggerPausedMessage.ts | pausedOnException":{"message":"Paused on exception"},"panels/sources/DebuggerPausedMessage.ts | pausedOnPromiseRejection":{"message":"Paused on promise rejection"},"panels/sources/DebuggerPausedMessage.ts | pausedOnS":{"message":"Paused on {PH1}"},"panels/sources/DebuggerPausedMessage.ts | pausedOnXhrOrFetch":{"message":"Paused on XHR or fetch"},"panels/sources/DebuggerPausedMessage.ts | subtreeModifications":{"message":"subtree modifications"},"panels/sources/DebuggerPausedMessage.ts | trustedTypePolicyViolation":{"message":"Trusted Type Policy Violation"},"panels/sources/DebuggerPausedMessage.ts | trustedTypeSinkViolation":{"message":"Trusted Type Sink Violation"},"panels/sources/DebuggerPlugin.ts | addBreakpoint":{"message":"Add breakpoint"},"panels/sources/DebuggerPlugin.ts | addConditionalBreakpoint":{"message":"Add conditional breakpoint…"},"panels/sources/DebuggerPlugin.ts | addLogpoint":{"message":"Add logpoint…"},"panels/sources/DebuggerPlugin.ts | addSourceMap":{"message":"Add source map…"},"panels/sources/DebuggerPlugin.ts | addWasmDebugInfo":{"message":"Add DWARF debug info…"},"panels/sources/DebuggerPlugin.ts | associatedFilesAreAvailable":{"message":"Associated files are available via file tree or {PH1}."},"panels/sources/DebuggerPlugin.ts | associatedFilesShouldBeAdded":{"message":"Associated files should be added to the file tree. You can debug these resolved source files as regular JavaScript files."},"panels/sources/DebuggerPlugin.ts | configure":{"message":"Configure"},"panels/sources/DebuggerPlugin.ts | debugFileNotFound":{"message":"Failed to load debug file \"{PH1}\"."},"panels/sources/DebuggerPlugin.ts | debugInfoNotFound":{"message":"Failed to load any debug info for {PH1}."},"panels/sources/DebuggerPlugin.ts | disableBreakpoint":{"message":"{n, plural, =1 {Disable breakpoint} other {Disable all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | editBreakpoint":{"message":"Edit breakpoint…"},"panels/sources/DebuggerPlugin.ts | enableBreakpoint":{"message":"{n, plural, =1 {Enable breakpoint} other {Enable all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | neverPauseHere":{"message":"Never pause here"},"panels/sources/DebuggerPlugin.ts | removeBreakpoint":{"message":"{n, plural, =1 {Remove breakpoint} other {Remove all breakpoints in line}}"},"panels/sources/DebuggerPlugin.ts | removeFromIgnoreList":{"message":"Remove from ignore list"},"panels/sources/DebuggerPlugin.ts | sourceMapDetected":{"message":"Source map detected."},"panels/sources/DebuggerPlugin.ts | sourceMapFoundButIgnoredForFile":{"message":"Source map found, but ignored for file on ignore list."},"panels/sources/DebuggerPlugin.ts | theDebuggerWillSkipStepping":{"message":"The debugger will skip stepping through this script, and will not stop on exceptions."},"panels/sources/DebuggerPlugin.ts | thisScriptIsOnTheDebuggersIgnore":{"message":"This script is on the debugger's ignore list"},"panels/sources/FilteredUISourceCodeListProvider.ts | noFilesFound":{"message":"No files found"},"panels/sources/FilteredUISourceCodeListProvider.ts | sIgnoreListed":{"message":"{PH1} (ignore listed)"},"panels/sources/GoToLineQuickOpen.ts | currentLineSTypeALineNumber":{"message":"Current line: {PH1}. Type a line number between 1 and {PH2} to navigate to."},"panels/sources/GoToLineQuickOpen.ts | currentPositionXsTypeAnOffset":{"message":"Current position: 0x{PH1}. Type an offset between 0x{PH2} and 0x{PH3} to navigate to."},"panels/sources/GoToLineQuickOpen.ts | goToLineS":{"message":"Go to line {PH1}."},"panels/sources/GoToLineQuickOpen.ts | goToLineSAndColumnS":{"message":"Go to line {PH1} and column {PH2}."},"panels/sources/GoToLineQuickOpen.ts | goToOffsetXs":{"message":"Go to offset 0x{PH1}."},"panels/sources/GoToLineQuickOpen.ts | noFileSelected":{"message":"No file selected."},"panels/sources/GoToLineQuickOpen.ts | noResultsFound":{"message":"No results found"},"panels/sources/GoToLineQuickOpen.ts | typeANumberToGoToThatLine":{"message":"Type a number to go to that line."},"panels/sources/InplaceFormatterEditorAction.ts | format":{"message":"Format"},"panels/sources/InplaceFormatterEditorAction.ts | formatS":{"message":"Format {PH1}"},"panels/sources/NavigatorView.ts | areYouSureYouWantToDeleteAll":{"message":"Are you sure you want to delete all overrides contained in this folder?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToDeleteThis":{"message":"Are you sure you want to delete this file?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToExcludeThis":{"message":"Are you sure you want to exclude this folder?"},"panels/sources/NavigatorView.ts | areYouSureYouWantToRemoveThis":{"message":"Are you sure you want to remove this folder?"},"panels/sources/NavigatorView.ts | authored":{"message":"Authored"},"panels/sources/NavigatorView.ts | authoredTooltip":{"message":"Contains original sources"},"panels/sources/NavigatorView.ts | delete":{"message":"Delete"},"panels/sources/NavigatorView.ts | deleteAllOverrides":{"message":"Delete all overrides"},"panels/sources/NavigatorView.ts | deployed":{"message":"Deployed"},"panels/sources/NavigatorView.ts | deployedTooltip":{"message":"Contains final sources the browser sees"},"panels/sources/NavigatorView.ts | excludeFolder":{"message":"Exclude folder"},"panels/sources/NavigatorView.ts | makeACopy":{"message":"Make a copy…"},"panels/sources/NavigatorView.ts | newFile":{"message":"New file"},"panels/sources/NavigatorView.ts | noDomain":{"message":"(no domain)"},"panels/sources/NavigatorView.ts | openFolder":{"message":"Open folder"},"panels/sources/NavigatorView.ts | removeFolderFromWorkspace":{"message":"Remove folder from workspace"},"panels/sources/NavigatorView.ts | rename":{"message":"Rename…"},"panels/sources/NavigatorView.ts | searchInAllFiles":{"message":"Search in all files"},"panels/sources/NavigatorView.ts | searchInFolder":{"message":"Search in folder"},"panels/sources/NavigatorView.ts | sFromSourceMap":{"message":"{PH1} (from source map)"},"panels/sources/NavigatorView.ts | sIgnoreListed":{"message":"{PH1} (ignore listed)"},"panels/sources/OutlineQuickOpen.ts | noFileSelected":{"message":"No file selected."},"panels/sources/OutlineQuickOpen.ts | noResultsFound":{"message":"No results found"},"panels/sources/OutlineQuickOpen.ts | openAJavascriptOrCssFileToSee":{"message":"Open a JavaScript or CSS file to see symbols"},"panels/sources/ProfilePlugin.ts | kb":{"message":"kB"},"panels/sources/ProfilePlugin.ts | mb":{"message":"MB"},"panels/sources/ProfilePlugin.ts | ms":{"message":"ms"},"panels/sources/ResourceOriginPlugin.ts | fromS":{"message":"(From {PH1})"},"panels/sources/ResourceOriginPlugin.ts | sourceMappedFromS":{"message":"(Source mapped from {PH1})"},"panels/sources/ScopeChainSidebarPane.ts | closure":{"message":"Closure"},"panels/sources/ScopeChainSidebarPane.ts | closureS":{"message":"Closure ({PH1})"},"panels/sources/ScopeChainSidebarPane.ts | exception":{"message":"Exception"},"panels/sources/ScopeChainSidebarPane.ts | loading":{"message":"Loading..."},"panels/sources/ScopeChainSidebarPane.ts | notPaused":{"message":"Not paused"},"panels/sources/ScopeChainSidebarPane.ts | noVariables":{"message":"No variables"},"panels/sources/ScopeChainSidebarPane.ts | returnValue":{"message":"Return value"},"panels/sources/ScopeChainSidebarPane.ts | revealInMemoryInspectorPanel":{"message":"Reveal in Memory Inspector panel"},"panels/sources/SnippetsPlugin.ts | ctrlenter":{"message":"Ctrl+Enter"},"panels/sources/SnippetsPlugin.ts | enter":{"message":"⌘+Enter"},"panels/sources/sources-meta.ts | activateBreakpoints":{"message":"Activate breakpoints"},"panels/sources/sources-meta.ts | addFolderToWorkspace":{"message":"Add folder to workspace"},"panels/sources/sources-meta.ts | addSelectedTextToWatches":{"message":"Add selected text to watches"},"panels/sources/sources-meta.ts | all":{"message":"All"},"panels/sources/sources-meta.ts | allowScrollingPastEndOfFile":{"message":"Allow scrolling past end of file"},"panels/sources/sources-meta.ts | autocompletion":{"message":"Autocompletion"},"panels/sources/sources-meta.ts | automaticallyRevealFilesIn":{"message":"Automatically reveal files in sidebar"},"panels/sources/sources-meta.ts | bracketMatching":{"message":"Bracket matching"},"panels/sources/sources-meta.ts | breakpoints":{"message":"Breakpoints"},"panels/sources/sources-meta.ts | closeAll":{"message":"Close All"},"panels/sources/sources-meta.ts | closeTheActiveTab":{"message":"Close the active tab"},"panels/sources/sources-meta.ts | codeFolding":{"message":"Code folding"},"panels/sources/sources-meta.ts | createNewSnippet":{"message":"Create new snippet"},"panels/sources/sources-meta.ts | deactivateBreakpoints":{"message":"Deactivate breakpoints"},"panels/sources/sources-meta.ts | decrementCssUnitBy":{"message":"Decrement CSS unit by {PH1}"},"panels/sources/sources-meta.ts | detectIndentation":{"message":"Detect indentation"},"panels/sources/sources-meta.ts | disableAutocompletion":{"message":"Disable autocompletion"},"panels/sources/sources-meta.ts | disableAutoFocusOnDebuggerPaused":{"message":"Do not focus Sources panel when triggering a breakpoint"},"panels/sources/sources-meta.ts | disableBracketMatching":{"message":"Disable bracket matching"},"panels/sources/sources-meta.ts | disableCodeFolding":{"message":"Disable code folding"},"panels/sources/sources-meta.ts | disableCssSourceMaps":{"message":"Disable CSS source maps"},"panels/sources/sources-meta.ts | disableJavascriptSourceMaps":{"message":"Disable JavaScript source maps"},"panels/sources/sources-meta.ts | disableTabMovesFocus":{"message":"Disable tab moves focus"},"panels/sources/sources-meta.ts | disableWasmAutoStepping":{"message":"Disable wasm auto-stepping"},"panels/sources/sources-meta.ts | disallowScrollingPastEndOfFile":{"message":"Disallow scrolling past end of file"},"panels/sources/sources-meta.ts | displayVariableValuesInlineWhile":{"message":"Display variable values inline while debugging"},"panels/sources/sources-meta.ts | doNotAutomaticallyRevealFilesIn":{"message":"Do not automatically reveal files in sidebar"},"panels/sources/sources-meta.ts | doNotDetectIndentation":{"message":"Do not detect indentation"},"panels/sources/sources-meta.ts | doNotDisplayVariableValuesInline":{"message":"Do not display variable values inline while debugging"},"panels/sources/sources-meta.ts | doNotSearchInAnonymousAndContent":{"message":"Do not search in anonymous and content scripts"},"panels/sources/sources-meta.ts | doNotShowWhitespaceCharacters":{"message":"Do not show whitespace characters"},"panels/sources/sources-meta.ts | enableAutocompletion":{"message":"Enable autocompletion"},"panels/sources/sources-meta.ts | enableAutoFocusOnDebuggerPaused":{"message":"Focus Sources panel when triggering a breakpoint"},"panels/sources/sources-meta.ts | enableBracketMatching":{"message":"Enable bracket matching"},"panels/sources/sources-meta.ts | enableCodeFolding":{"message":"Enable code folding"},"panels/sources/sources-meta.ts | enableCssSourceMaps":{"message":"Enable CSS source maps"},"panels/sources/sources-meta.ts | enableJavascriptSourceMaps":{"message":"Enable JavaScript source maps"},"panels/sources/sources-meta.ts | enableTabMovesFocus":{"message":"Enable tab moves focus"},"panels/sources/sources-meta.ts | enableWasmAutoStepping":{"message":"Enable wasm auto-stepping"},"panels/sources/sources-meta.ts | evaluateSelectedTextInConsole":{"message":"Evaluate selected text in console"},"panels/sources/sources-meta.ts | file":{"message":"File"},"panels/sources/sources-meta.ts | filesystem":{"message":"Filesystem"},"panels/sources/sources-meta.ts | goTo":{"message":"Go to"},"panels/sources/sources-meta.ts | goToAFunctionDeclarationruleSet":{"message":"Go to a function declaration/rule set"},"panels/sources/sources-meta.ts | goToLine":{"message":"Go to line"},"panels/sources/sources-meta.ts | incrementCssUnitBy":{"message":"Increment CSS unit by {PH1}"},"panels/sources/sources-meta.ts | jumpToNextEditingLocation":{"message":"Jump to next editing location"},"panels/sources/sources-meta.ts | jumpToPreviousEditingLocation":{"message":"Jump to previous editing location"},"panels/sources/sources-meta.ts | line":{"message":"Line"},"panels/sources/sources-meta.ts | nextCallFrame":{"message":"Next call frame"},"panels/sources/sources-meta.ts | nextEditorTab":{"message":"Next editor"},"panels/sources/sources-meta.ts | none":{"message":"None"},"panels/sources/sources-meta.ts | open":{"message":"Open"},"panels/sources/sources-meta.ts | pauseScriptExecution":{"message":"Pause script execution"},"panels/sources/sources-meta.ts | previousCallFrame":{"message":"Previous call frame"},"panels/sources/sources-meta.ts | previousEditorTab":{"message":"Previous editor"},"panels/sources/sources-meta.ts | quickSource":{"message":"Quick source"},"panels/sources/sources-meta.ts | rename":{"message":"Rename"},"panels/sources/sources-meta.ts | resumeScriptExecution":{"message":"Resume script execution"},"panels/sources/sources-meta.ts | runSnippet":{"message":"Run snippet"},"panels/sources/sources-meta.ts | save":{"message":"Save"},"panels/sources/sources-meta.ts | saveAll":{"message":"Save all"},"panels/sources/sources-meta.ts | scope":{"message":"Scope"},"panels/sources/sources-meta.ts | search":{"message":"Search"},"panels/sources/sources-meta.ts | searchInAnonymousAndContent":{"message":"Search in anonymous and content scripts"},"panels/sources/sources-meta.ts | showAllWhitespaceCharacters":{"message":"Show all whitespace characters"},"panels/sources/sources-meta.ts | showBreakpoints":{"message":"Show Breakpoints"},"panels/sources/sources-meta.ts | showFilesystem":{"message":"Show Filesystem"},"panels/sources/sources-meta.ts | showQuickSource":{"message":"Show Quick source"},"panels/sources/sources-meta.ts | showScope":{"message":"Show Scope"},"panels/sources/sources-meta.ts | showSearch":{"message":"Show Search"},"panels/sources/sources-meta.ts | showSnippets":{"message":"Show Snippets"},"panels/sources/sources-meta.ts | showSources":{"message":"Show Sources"},"panels/sources/sources-meta.ts | showThreads":{"message":"Show Threads"},"panels/sources/sources-meta.ts | showTrailingWhitespaceCharacters":{"message":"Show trailing whitespace characters"},"panels/sources/sources-meta.ts | showWatch":{"message":"Show Watch"},"panels/sources/sources-meta.ts | showWhitespaceCharacters":{"message":"Show whitespace characters:"},"panels/sources/sources-meta.ts | snippets":{"message":"Snippets"},"panels/sources/sources-meta.ts | sources":{"message":"Sources"},"panels/sources/sources-meta.ts | step":{"message":"Step"},"panels/sources/sources-meta.ts | stepIntoNextFunctionCall":{"message":"Step into next function call"},"panels/sources/sources-meta.ts | stepOutOfCurrentFunction":{"message":"Step out of current function"},"panels/sources/sources-meta.ts | stepOverNextFunctionCall":{"message":"Step over next function call"},"panels/sources/sources-meta.ts | switchFile":{"message":"Switch file"},"panels/sources/sources-meta.ts | symbol":{"message":"Symbol"},"panels/sources/sources-meta.ts | threads":{"message":"Threads"},"panels/sources/sources-meta.ts | toggleBreakpoint":{"message":"Toggle breakpoint"},"panels/sources/sources-meta.ts | toggleBreakpointEnabled":{"message":"Toggle breakpoint enabled"},"panels/sources/sources-meta.ts | toggleBreakpointInputWindow":{"message":"Toggle breakpoint input window"},"panels/sources/sources-meta.ts | toggleDebuggerSidebar":{"message":"Toggle debugger sidebar"},"panels/sources/sources-meta.ts | toggleNavigatorSidebar":{"message":"Toggle navigator sidebar"},"panels/sources/sources-meta.ts | trailing":{"message":"Trailing"},"panels/sources/sources-meta.ts | wasmAutoStepping":{"message":"When debugging wasm with debug information, do not pause on wasm bytecode if possible"},"panels/sources/sources-meta.ts | watch":{"message":"Watch"},"panels/sources/SourcesNavigator.ts | clearConfiguration":{"message":"Clear configuration"},"panels/sources/SourcesNavigator.ts | contentScriptsServedByExtensions":{"message":"Content scripts served by extensions appear here"},"panels/sources/SourcesNavigator.ts | createAndSaveCodeSnippetsFor":{"message":"Create and save code snippets for later reuse"},"panels/sources/SourcesNavigator.ts | createNewSnippet":{"message":"Create new snippet"},"panels/sources/SourcesNavigator.ts | learnMore":{"message":"Learn more"},"panels/sources/SourcesNavigator.ts | learnMoreAboutWorkspaces":{"message":"Learn more about Workspaces"},"panels/sources/SourcesNavigator.ts | newSnippet":{"message":"New snippet"},"panels/sources/SourcesNavigator.ts | overridePageAssetsWithFilesFromA":{"message":"Override page assets with files from a local folder"},"panels/sources/SourcesNavigator.ts | remove":{"message":"Remove"},"panels/sources/SourcesNavigator.ts | rename":{"message":"Rename…"},"panels/sources/SourcesNavigator.ts | run":{"message":"Run"},"panels/sources/SourcesNavigator.ts | saveAs":{"message":"Save as..."},"panels/sources/SourcesNavigator.ts | selectFolderForOverrides":{"message":"Select folder for overrides"},"panels/sources/SourcesNavigator.ts | syncChangesInDevtoolsWithThe":{"message":"Sync changes in DevTools with the local filesystem"},"panels/sources/SourcesPanel.ts | continueToHere":{"message":"Continue to here"},"panels/sources/SourcesPanel.ts | copyS":{"message":"Copy {PH1}"},"panels/sources/SourcesPanel.ts | copyStringAsJSLiteral":{"message":"Copy string as JavaScript literal"},"panels/sources/SourcesPanel.ts | copyStringAsJSONLiteral":{"message":"Copy string as JSON literal"},"panels/sources/SourcesPanel.ts | copyStringContents":{"message":"Copy string contents"},"panels/sources/SourcesPanel.ts | debuggerHidden":{"message":"Debugger sidebar hidden"},"panels/sources/SourcesPanel.ts | debuggerShown":{"message":"Debugger sidebar shown"},"panels/sources/SourcesPanel.ts | dropWorkspaceFolderHere":{"message":"Drop workspace folder here"},"panels/sources/SourcesPanel.ts | groupByAuthored":{"message":"Group by Authored/Deployed"},"panels/sources/SourcesPanel.ts | groupByFolder":{"message":"Group by folder"},"panels/sources/SourcesPanel.ts | hideDebugger":{"message":"Hide debugger"},"panels/sources/SourcesPanel.ts | hideIgnoreListed":{"message":"Hide ignore-listed sources"},"panels/sources/SourcesPanel.ts | hideNavigator":{"message":"Hide navigator"},"panels/sources/SourcesPanel.ts | moreOptions":{"message":"More options"},"panels/sources/SourcesPanel.ts | navigatorHidden":{"message":"Navigator sidebar hidden"},"panels/sources/SourcesPanel.ts | navigatorShown":{"message":"Navigator sidebar shown"},"panels/sources/SourcesPanel.ts | openInSourcesPanel":{"message":"Open in Sources panel"},"panels/sources/SourcesPanel.ts | pauseOnCaughtExceptions":{"message":"Pause on caught exceptions"},"panels/sources/SourcesPanel.ts | resumeWithAllPausesBlockedForMs":{"message":"Resume with all pauses blocked for 500 ms"},"panels/sources/SourcesPanel.ts | revealInSidebar":{"message":"Reveal in sidebar"},"panels/sources/SourcesPanel.ts | showDebugger":{"message":"Show debugger"},"panels/sources/SourcesPanel.ts | showFunctionDefinition":{"message":"Show function definition"},"panels/sources/SourcesPanel.ts | showNavigator":{"message":"Show navigator"},"panels/sources/SourcesPanel.ts | storeSAsGlobalVariable":{"message":"Store {PH1} as global variable"},"panels/sources/SourcesPanel.ts | terminateCurrentJavascriptCall":{"message":"Terminate current JavaScript call"},"panels/sources/SourcesView.ts | dropInAFolderToAddToWorkspace":{"message":"Drop in a folder to add to workspace"},"panels/sources/SourcesView.ts | openFile":{"message":"Open file"},"panels/sources/SourcesView.ts | runCommand":{"message":"Run command"},"panels/sources/SourcesView.ts | sourceViewActions":{"message":"Source View Actions"},"panels/sources/TabbedEditorContainer.ts | areYouSureYouWantToCloseUnsaved":{"message":"Are you sure you want to close unsaved file: {PH1}?"},"panels/sources/TabbedEditorContainer.ts | changesToThisFileWereNotSavedTo":{"message":"Changes to this file were not saved to file system."},"panels/sources/TabbedEditorContainer.ts | unableToLoadThisContent":{"message":"Unable to load this content."},"panels/sources/ThreadsSidebarPane.ts | paused":{"message":"paused"},"panels/sources/WatchExpressionsSidebarPane.ts | addPropertyPathToWatch":{"message":"Add property path to watch"},"panels/sources/WatchExpressionsSidebarPane.ts | addWatchExpression":{"message":"Add watch expression"},"panels/sources/WatchExpressionsSidebarPane.ts | copyValue":{"message":"Copy value"},"panels/sources/WatchExpressionsSidebarPane.ts | deleteAllWatchExpressions":{"message":"Delete all watch expressions"},"panels/sources/WatchExpressionsSidebarPane.ts | deleteWatchExpression":{"message":"Delete watch expression"},"panels/sources/WatchExpressionsSidebarPane.ts | notAvailable":{"message":"<not available>"},"panels/sources/WatchExpressionsSidebarPane.ts | noWatchExpressions":{"message":"No watch expressions"},"panels/sources/WatchExpressionsSidebarPane.ts | refreshWatchExpressions":{"message":"Refresh watch expressions"},"panels/timeline/AppenderUtils.ts | sSelfS":{"message":"{PH1} (self {PH2})"},"panels/timeline/CountersGraph.ts | documents":{"message":"Documents"},"panels/timeline/CountersGraph.ts | gpuMemory":{"message":"GPU Memory"},"panels/timeline/CountersGraph.ts | jsHeap":{"message":"JS Heap"},"panels/timeline/CountersGraph.ts | listeners":{"message":"Listeners"},"panels/timeline/CountersGraph.ts | nodes":{"message":"Nodes"},"panels/timeline/CountersGraph.ts | ss":{"message":"[{PH1} – {PH2}]"},"panels/timeline/EventsTimelineTreeView.ts | all":{"message":"All"},"panels/timeline/EventsTimelineTreeView.ts | Dms":{"message":"{PH1} ms"},"panels/timeline/EventsTimelineTreeView.ts | durationFilter":{"message":"Duration filter"},"panels/timeline/EventsTimelineTreeView.ts | filterEventLog":{"message":"Filter event log"},"panels/timeline/EventsTimelineTreeView.ts | startTime":{"message":"Start Time"},"panels/timeline/GPUTrackAppender.ts | gpu":{"message":"GPU"},"panels/timeline/InteractionsTrackAppender.ts | interactions":{"message":"Interactions"},"panels/timeline/LayoutShiftsTrackAppender.ts | layoutShifts":{"message":"Layout Shifts"},"panels/timeline/timeline-meta.ts | hideChromeFrameInLayersView":{"message":"Hide chrome frame in Layers view"},"panels/timeline/timeline-meta.ts | javascriptProfiler":{"message":"JavaScript Profiler"},"panels/timeline/timeline-meta.ts | loadProfile":{"message":"Load profile…"},"panels/timeline/timeline-meta.ts | nextFrame":{"message":"Next frame"},"panels/timeline/timeline-meta.ts | nextRecording":{"message":"Next recording"},"panels/timeline/timeline-meta.ts | performance":{"message":"Performance"},"panels/timeline/timeline-meta.ts | previousFrame":{"message":"Previous frame"},"panels/timeline/timeline-meta.ts | previousRecording":{"message":"Previous recording"},"panels/timeline/timeline-meta.ts | record":{"message":"Record"},"panels/timeline/timeline-meta.ts | saveProfile":{"message":"Save profile…"},"panels/timeline/timeline-meta.ts | showJavascriptProfiler":{"message":"Show JavaScript Profiler"},"panels/timeline/timeline-meta.ts | showPerformance":{"message":"Show Performance"},"panels/timeline/timeline-meta.ts | showRecentTimelineSessions":{"message":"Show recent timeline sessions"},"panels/timeline/timeline-meta.ts | startProfilingAndReloadPage":{"message":"Start profiling and reload page"},"panels/timeline/timeline-meta.ts | startStopRecording":{"message":"Start/stop recording"},"panels/timeline/timeline-meta.ts | stop":{"message":"Stop"},"panels/timeline/TimelineController.ts | cpuProfileForATargetIsNot":{"message":"CPU profile for a target is not available."},"panels/timeline/TimelineController.ts | tracingNotSupported":{"message":"Performance trace recording not supported for this type of target"},"panels/timeline/TimelineDetailsView.ts | bottomup":{"message":"Bottom-Up"},"panels/timeline/TimelineDetailsView.ts | callTree":{"message":"Call Tree"},"panels/timeline/TimelineDetailsView.ts | estimated":{"message":"estimated"},"panels/timeline/TimelineDetailsView.ts | eventLog":{"message":"Event Log"},"panels/timeline/TimelineDetailsView.ts | layers":{"message":"Layers"},"panels/timeline/TimelineDetailsView.ts | learnMore":{"message":"Learn more"},"panels/timeline/TimelineDetailsView.ts | paintProfiler":{"message":"Paint Profiler"},"panels/timeline/TimelineDetailsView.ts | rangeSS":{"message":"Range:  {PH1} – {PH2}"},"panels/timeline/TimelineDetailsView.ts | summary":{"message":"Summary"},"panels/timeline/TimelineDetailsView.ts | totalBlockingTimeSmss":{"message":"Total blocking time: {PH1}ms{PH2}"},"panels/timeline/TimelineEventOverview.ts | cpu":{"message":"CPU"},"panels/timeline/TimelineEventOverview.ts | heap":{"message":"HEAP"},"panels/timeline/TimelineEventOverview.ts | net":{"message":"NET"},"panels/timeline/TimelineEventOverview.ts | sSDash":{"message":"{PH1} – {PH2}"},"panels/timeline/TimelineFlameChartDataProvider.ts | animation":{"message":"Animation"},"panels/timeline/TimelineFlameChartDataProvider.ts | droppedFrame":{"message":"Dropped Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | frame":{"message":"Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | frames":{"message":"Frames"},"panels/timeline/TimelineFlameChartDataProvider.ts | frameS":{"message":"Frame — {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | idleFrame":{"message":"Idle Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | longFrame":{"message":"Long frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | main":{"message":"Main"},"panels/timeline/TimelineFlameChartDataProvider.ts | mainS":{"message":"Main — {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | onIgnoreList":{"message":"On ignore list"},"panels/timeline/TimelineFlameChartDataProvider.ts | partiallyPresentedFrame":{"message":"Partially Presented Frame"},"panels/timeline/TimelineFlameChartDataProvider.ts | raster":{"message":"Raster"},"panels/timeline/TimelineFlameChartDataProvider.ts | rasterizerThreadS":{"message":"Rasterizer Thread {PH1}"},"panels/timeline/TimelineFlameChartDataProvider.ts | sSelfS":{"message":"{PH1} (self {PH2})"},"panels/timeline/TimelineFlameChartDataProvider.ts | subframe":{"message":"Subframe"},"panels/timeline/TimelineFlameChartDataProvider.ts | thread":{"message":"Thread"},"panels/timeline/TimelineFlameChartNetworkDataProvider.ts | network":{"message":"Network"},"panels/timeline/TimelineFlameChartView.ts | sAtS":{"message":"{PH1} at {PH2}"},"panels/timeline/TimelineHistoryManager.ts | currentSessionSS":{"message":"Current Session: {PH1}. {PH2}"},"panels/timeline/TimelineHistoryManager.ts | moments":{"message":"moments"},"panels/timeline/TimelineHistoryManager.ts | noRecordings":{"message":"(no recordings)"},"panels/timeline/TimelineHistoryManager.ts | sAgo":{"message":"({PH1} ago)"},"panels/timeline/TimelineHistoryManager.ts | sD":{"message":"{PH1} #{PH2}"},"panels/timeline/TimelineHistoryManager.ts | selectTimelineSession":{"message":"Select Timeline Session"},"panels/timeline/TimelineHistoryManager.ts | sH":{"message":"{PH1} h"},"panels/timeline/TimelineHistoryManager.ts | sM":{"message":"{PH1} m"},"panels/timeline/TimelineLoader.ts | legacyTimelineFormatIsNot":{"message":"Legacy Timeline format is not supported."},"panels/timeline/TimelineLoader.ts | malformedCpuProfileFormat":{"message":"Malformed CPU profile format"},"panels/timeline/TimelineLoader.ts | malformedTimelineDataS":{"message":"Malformed timeline data: {PH1}"},"panels/timeline/TimelineLoader.ts | malformedTimelineDataUnknownJson":{"message":"Malformed timeline data: Unknown JSON format"},"panels/timeline/TimelineLoader.ts | malformedTimelineInputWrongJson":{"message":"Malformed timeline input, wrong JSON brackets balance"},"panels/timeline/TimelinePanel.ts | afterRecordingSelectAnAreaOf":{"message":"After recording, select an area of interest in the overview by dragging. Then, zoom and pan the timeline with the mousewheel or {PH1} keys. {PH2}"},"panels/timeline/TimelinePanel.ts | bufferUsage":{"message":"Buffer usage"},"panels/timeline/TimelinePanel.ts | capturesAdvancedPaint":{"message":"Captures advanced paint instrumentation, introduces significant performance overhead"},"panels/timeline/TimelinePanel.ts | captureScreenshots":{"message":"Capture screenshots"},"panels/timeline/TimelinePanel.ts | captureSettings":{"message":"Capture settings"},"panels/timeline/TimelinePanel.ts | clear":{"message":"Clear"},"panels/timeline/TimelinePanel.ts | clickTheRecordButtonSOrHitSTo":{"message":"Click the record button {PH1} or hit {PH2} to start a new recording."},"panels/timeline/TimelinePanel.ts | clickTheReloadButtonSOrHitSTo":{"message":"Click the reload button {PH1} or hit {PH2} to record the page load."},"panels/timeline/TimelinePanel.ts | close":{"message":"Close"},"panels/timeline/TimelinePanel.ts | couldNotStart":{"message":"Could not start recording, please try again later"},"panels/timeline/TimelinePanel.ts | cpu":{"message":"CPU:"},"panels/timeline/TimelinePanel.ts | CpuThrottlingIsEnabled":{"message":"- CPU throttling is enabled"},"panels/timeline/TimelinePanel.ts | description":{"message":"Description"},"panels/timeline/TimelinePanel.ts | disableJavascriptSamples":{"message":"Disable JavaScript samples"},"panels/timeline/TimelinePanel.ts | disablesJavascriptSampling":{"message":"Disables JavaScript sampling, reduces overhead when running against mobile devices"},"panels/timeline/TimelinePanel.ts | dropTimelineFileOrUrlHere":{"message":"Drop timeline file or URL here"},"panels/timeline/TimelinePanel.ts | enableAdvancedPaint":{"message":"Enable advanced paint instrumentation (slow)"},"panels/timeline/TimelinePanel.ts | failedToSaveTimelineSS":{"message":"Failed to save timeline: {PH1} ({PH2})"},"panels/timeline/TimelinePanel.ts | HardwareConcurrencyIsEnabled":{"message":"- Hardware concurrency override is enabled"},"panels/timeline/TimelinePanel.ts | initializingProfiler":{"message":"Initializing profiler…"},"panels/timeline/TimelinePanel.ts | JavascriptSamplingIsDisabled":{"message":"- JavaScript sampling is disabled"},"panels/timeline/TimelinePanel.ts | learnmore":{"message":"Learn more"},"panels/timeline/TimelinePanel.ts | loadingProfile":{"message":"Loading profile…"},"panels/timeline/TimelinePanel.ts | loadProfile":{"message":"Load profile…"},"panels/timeline/TimelinePanel.ts | memory":{"message":"Memory"},"panels/timeline/TimelinePanel.ts | network":{"message":"Network:"},"panels/timeline/TimelinePanel.ts | networkConditions":{"message":"Network conditions"},"panels/timeline/TimelinePanel.ts | NetworkThrottlingIsEnabled":{"message":"- Network throttling is enabled"},"panels/timeline/TimelinePanel.ts | processingProfile":{"message":"Processing profile…"},"panels/timeline/TimelinePanel.ts | profiling":{"message":"Profiling…"},"panels/timeline/TimelinePanel.ts | received":{"message":"Received"},"panels/timeline/TimelinePanel.ts | recordingFailed":{"message":"Recording failed"},"panels/timeline/TimelinePanel.ts | saveProfile":{"message":"Save profile…"},"panels/timeline/TimelinePanel.ts | screenshots":{"message":"Screenshots"},"panels/timeline/TimelinePanel.ts | showMemoryTimeline":{"message":"Show memory timeline"},"panels/timeline/TimelinePanel.ts | SignificantOverheadDueToPaint":{"message":"- Significant overhead due to paint instrumentation"},"panels/timeline/TimelinePanel.ts | ssec":{"message":"{PH1} sec"},"panels/timeline/TimelinePanel.ts | status":{"message":"Status"},"panels/timeline/TimelinePanel.ts | stop":{"message":"Stop"},"panels/timeline/TimelinePanel.ts | stoppingTimeline":{"message":"Stopping timeline…"},"panels/timeline/TimelinePanel.ts | time":{"message":"Time"},"panels/timeline/TimelinePanel.ts | wasd":{"message":"WASD"},"panels/timeline/TimelineTreeView.ts | activity":{"message":"Activity"},"panels/timeline/TimelineTreeView.ts | chromeExtensionsOverhead":{"message":"[Chrome extensions overhead]"},"panels/timeline/TimelineTreeView.ts | filter":{"message":"Filter"},"panels/timeline/TimelineTreeView.ts | filterBottomup":{"message":"Filter bottom-up"},"panels/timeline/TimelineTreeView.ts | filterCallTree":{"message":"Filter call tree"},"panels/timeline/TimelineTreeView.ts | fms":{"message":"{PH1} ms"},"panels/timeline/TimelineTreeView.ts | groupBy":{"message":"Group by"},"panels/timeline/TimelineTreeView.ts | groupByActivity":{"message":"Group by Activity"},"panels/timeline/TimelineTreeView.ts | groupByCategory":{"message":"Group by Category"},"panels/timeline/TimelineTreeView.ts | groupByDomain":{"message":"Group by Domain"},"panels/timeline/TimelineTreeView.ts | groupByFrame":{"message":"Group by Frame"},"panels/timeline/TimelineTreeView.ts | groupBySubdomain":{"message":"Group by Subdomain"},"panels/timeline/TimelineTreeView.ts | groupByUrl":{"message":"Group by URL"},"panels/timeline/TimelineTreeView.ts | heaviestStack":{"message":"Heaviest stack"},"panels/timeline/TimelineTreeView.ts | heaviestStackHidden":{"message":"Heaviest stack sidebar hidden"},"panels/timeline/TimelineTreeView.ts | heaviestStackShown":{"message":"Heaviest stack sidebar shown"},"panels/timeline/TimelineTreeView.ts | hideHeaviestStack":{"message":"Hide Heaviest stack"},"panels/timeline/TimelineTreeView.ts | javascript":{"message":"JavaScript"},"panels/timeline/TimelineTreeView.ts | noGrouping":{"message":"No Grouping"},"panels/timeline/TimelineTreeView.ts | notOptimizedS":{"message":"Not optimized: {PH1}"},"panels/timeline/TimelineTreeView.ts | page":{"message":"Page"},"panels/timeline/TimelineTreeView.ts | percentPlaceholder":{"message":"{PH1} %"},"panels/timeline/TimelineTreeView.ts | performance":{"message":"Performance"},"panels/timeline/TimelineTreeView.ts | selectItemForDetails":{"message":"Select item for details."},"panels/timeline/TimelineTreeView.ts | selfTime":{"message":"Self Time"},"panels/timeline/TimelineTreeView.ts | showHeaviestStack":{"message":"Show Heaviest stack"},"panels/timeline/TimelineTreeView.ts | timelineStack":{"message":"Timeline Stack"},"panels/timeline/TimelineTreeView.ts | totalTime":{"message":"Total Time"},"panels/timeline/TimelineTreeView.ts | unattributed":{"message":"[unattributed]"},"panels/timeline/TimelineTreeView.ts | vRuntime":{"message":"[V8 Runtime]"},"panels/timeline/TimelineUIUtils.ts | aggregatedTime":{"message":"Aggregated Time"},"panels/timeline/TimelineUIUtils.ts | allottedTime":{"message":"Allotted Time"},"panels/timeline/TimelineUIUtils.ts | animation":{"message":"Animation"},"panels/timeline/TimelineUIUtils.ts | animationFrameFired":{"message":"Animation Frame Fired"},"panels/timeline/TimelineUIUtils.ts | animationFrameRequested":{"message":"Animation Frame Requested"},"panels/timeline/TimelineUIUtils.ts | async":{"message":"Async"},"panels/timeline/TimelineUIUtils.ts | asyncTask":{"message":"Async Task"},"panels/timeline/TimelineUIUtils.ts | cachedWasmModule":{"message":"Cached Wasm Module"},"panels/timeline/TimelineUIUtils.ts | cacheModule":{"message":"Cache Module Code"},"panels/timeline/TimelineUIUtils.ts | cacheScript":{"message":"Cache Script Code"},"panels/timeline/TimelineUIUtils.ts | callbackFunction":{"message":"Callback Function"},"panels/timeline/TimelineUIUtils.ts | callbackId":{"message":"Callback ID"},"panels/timeline/TimelineUIUtils.ts | callStacks":{"message":"Call Stacks"},"panels/timeline/TimelineUIUtils.ts | cancelAnimationFrame":{"message":"Cancel Animation Frame"},"panels/timeline/TimelineUIUtils.ts | cancelIdleCallback":{"message":"Cancel Idle Callback"},"panels/timeline/TimelineUIUtils.ts | changedAttributeToSs":{"message":"(changed attribute to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedClassToSs":{"message":"(changed class to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedIdToSs":{"message":"(changed id to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedPesudoToSs":{"message":"(changed pseudo to \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | changedSs":{"message":"(changed \"{PH1}\"{PH2})"},"panels/timeline/TimelineUIUtils.ts | collected":{"message":"Collected"},"panels/timeline/TimelineUIUtils.ts | commit":{"message":"Commit"},"panels/timeline/TimelineUIUtils.ts | compilationCacheSize":{"message":"Compilation cache size"},"panels/timeline/TimelineUIUtils.ts | compilationCacheStatus":{"message":"Compilation cache status"},"panels/timeline/TimelineUIUtils.ts | compile":{"message":"Compile"},"panels/timeline/TimelineUIUtils.ts | compileCode":{"message":"Compile Code"},"panels/timeline/TimelineUIUtils.ts | compiledWasmModule":{"message":"Compiled Wasm Module"},"panels/timeline/TimelineUIUtils.ts | compileModule":{"message":"Compile Module"},"panels/timeline/TimelineUIUtils.ts | compileScript":{"message":"Compile Script"},"panels/timeline/TimelineUIUtils.ts | compositeLayers":{"message":"Composite Layers"},"panels/timeline/TimelineUIUtils.ts | computeIntersections":{"message":"Compute Intersections"},"panels/timeline/TimelineUIUtils.ts | consoleTime":{"message":"Console Time"},"panels/timeline/TimelineUIUtils.ts | consumedCacheSize":{"message":"Consumed Cache Size"},"panels/timeline/TimelineUIUtils.ts | cpuTime":{"message":"CPU time"},"panels/timeline/TimelineUIUtils.ts | createWebsocket":{"message":"Create WebSocket"},"panels/timeline/TimelineUIUtils.ts | cumulativeLayoutShifts":{"message":"Cumulative Layout Shifts"},"panels/timeline/TimelineUIUtils.ts | cumulativeScore":{"message":"Cumulative Score"},"panels/timeline/TimelineUIUtils.ts | currentClusterId":{"message":"Current Cluster ID"},"panels/timeline/TimelineUIUtils.ts | currentClusterScore":{"message":"Current Cluster Score"},"panels/timeline/TimelineUIUtils.ts | decodedBody":{"message":"Decoded Body"},"panels/timeline/TimelineUIUtils.ts | decrypt":{"message":"Decrypt"},"panels/timeline/TimelineUIUtils.ts | decryptReply":{"message":"Decrypt Reply"},"panels/timeline/TimelineUIUtils.ts | deserializeCodeCache":{"message":"Deserialize Code Cache"},"panels/timeline/TimelineUIUtils.ts | destroyWebsocket":{"message":"Destroy WebSocket"},"panels/timeline/TimelineUIUtils.ts | details":{"message":"Details"},"panels/timeline/TimelineUIUtils.ts | digest":{"message":"Digest"},"panels/timeline/TimelineUIUtils.ts | digestReply":{"message":"Digest Reply"},"panels/timeline/TimelineUIUtils.ts | dimensions":{"message":"Dimensions"},"panels/timeline/TimelineUIUtils.ts | domcontentloadedEvent":{"message":"DOMContentLoaded Event"},"panels/timeline/TimelineUIUtils.ts | domGc":{"message":"DOM GC"},"panels/timeline/TimelineUIUtils.ts | drawFrame":{"message":"Draw Frame"},"panels/timeline/TimelineUIUtils.ts | duration":{"message":"Duration"},"panels/timeline/TimelineUIUtils.ts | eagerCompile":{"message":"Compiling all functions eagerly"},"panels/timeline/TimelineUIUtils.ts | elementsAffected":{"message":"Elements Affected"},"panels/timeline/TimelineUIUtils.ts | embedderCallback":{"message":"Embedder Callback"},"panels/timeline/TimelineUIUtils.ts | emptyPlaceholder":{"message":"{PH1}"},"panels/timeline/TimelineUIUtils.ts | emptyPlaceholderColon":{"message":": {PH1}"},"panels/timeline/TimelineUIUtils.ts | encodedData":{"message":"Encoded Data"},"panels/timeline/TimelineUIUtils.ts | encrypt":{"message":"Encrypt"},"panels/timeline/TimelineUIUtils.ts | encryptReply":{"message":"Encrypt Reply"},"panels/timeline/TimelineUIUtils.ts | evaluateModule":{"message":"Evaluate Module"},"panels/timeline/TimelineUIUtils.ts | evaluateScript":{"message":"Evaluate Script"},"panels/timeline/TimelineUIUtils.ts | event":{"message":"Event"},"panels/timeline/TimelineUIUtils.ts | eventTiming":{"message":"Event Timing"},"panels/timeline/TimelineUIUtils.ts | evolvedClsLink":{"message":"evolved"},"panels/timeline/TimelineUIUtils.ts | experience":{"message":"Experience"},"panels/timeline/TimelineUIUtils.ts | failedToLoadScriptFromCache":{"message":"failed to load script from cache"},"panels/timeline/TimelineUIUtils.ts | finishLoading":{"message":"Finish Loading"},"panels/timeline/TimelineUIUtils.ts | fireIdleCallback":{"message":"Fire Idle Callback"},"panels/timeline/TimelineUIUtils.ts | firstContentfulPaint":{"message":"First Contentful Paint"},"panels/timeline/TimelineUIUtils.ts | firstInvalidated":{"message":"First Invalidated"},"panels/timeline/TimelineUIUtils.ts | firstLayoutInvalidation":{"message":"First Layout Invalidation"},"panels/timeline/TimelineUIUtils.ts | firstPaint":{"message":"First Paint"},"panels/timeline/TimelineUIUtils.ts | forcedReflow":{"message":"Forced reflow"},"panels/timeline/TimelineUIUtils.ts | frame":{"message":"Frame"},"panels/timeline/TimelineUIUtils.ts | frameStart":{"message":"Frame Start"},"panels/timeline/TimelineUIUtils.ts | frameStartedLoading":{"message":"Frame Started Loading"},"panels/timeline/TimelineUIUtils.ts | frameStartMainThread":{"message":"Frame Start (main thread)"},"panels/timeline/TimelineUIUtils.ts | FromCache":{"message":" (from cache)"},"panels/timeline/TimelineUIUtils.ts | FromMemoryCache":{"message":" (from memory cache)"},"panels/timeline/TimelineUIUtils.ts | FromPush":{"message":" (from push)"},"panels/timeline/TimelineUIUtils.ts | FromServiceWorker":{"message":" (from service worker)"},"panels/timeline/TimelineUIUtils.ts | function":{"message":"Function"},"panels/timeline/TimelineUIUtils.ts | functionCall":{"message":"Function Call"},"panels/timeline/TimelineUIUtils.ts | gcEvent":{"message":"GC Event"},"panels/timeline/TimelineUIUtils.ts | gpu":{"message":"GPU"},"panels/timeline/TimelineUIUtils.ts | hadRecentInput":{"message":"Had recent input"},"panels/timeline/TimelineUIUtils.ts | handlerTookS":{"message":"Handler took {PH1}"},"panels/timeline/TimelineUIUtils.ts | hitTest":{"message":"Hit Test"},"panels/timeline/TimelineUIUtils.ts | idle":{"message":"Idle"},"panels/timeline/TimelineUIUtils.ts | idleCallbackExecutionExtended":{"message":"Idle callback execution extended beyond deadline by {PH1}"},"panels/timeline/TimelineUIUtils.ts | idleCallbackRequested":{"message":"Idle Callback Requested"},"panels/timeline/TimelineUIUtils.ts | imageDecode":{"message":"Image Decode"},"panels/timeline/TimelineUIUtils.ts | imageResize":{"message":"Image Resize"},"panels/timeline/TimelineUIUtils.ts | imageUrl":{"message":"Image URL"},"panels/timeline/TimelineUIUtils.ts | initiator":{"message":"Initiator"},"panels/timeline/TimelineUIUtils.ts | installTimer":{"message":"Install Timer"},"panels/timeline/TimelineUIUtils.ts | interactionID":{"message":"ID"},"panels/timeline/TimelineUIUtils.ts | invalidateLayout":{"message":"Invalidate Layout"},"panels/timeline/TimelineUIUtils.ts | invalidations":{"message":"Invalidations"},"panels/timeline/TimelineUIUtils.ts | invokedByTimeout":{"message":"Invoked by Timeout"},"panels/timeline/TimelineUIUtils.ts | jank":{"message":"jank"},"panels/timeline/TimelineUIUtils.ts | jsFrame":{"message":"JS Frame"},"panels/timeline/TimelineUIUtils.ts | jsIdleFrame":{"message":"JS Idle Frame"},"panels/timeline/TimelineUIUtils.ts | jsRoot":{"message":"JS Root"},"panels/timeline/TimelineUIUtils.ts | jsSystemFrame":{"message":"JS System Frame"},"panels/timeline/TimelineUIUtils.ts | largestContentfulPaint":{"message":"Largest Contentful Paint"},"panels/timeline/TimelineUIUtils.ts | layerize":{"message":"Layerize"},"panels/timeline/TimelineUIUtils.ts | layerRoot":{"message":"Layer Root"},"panels/timeline/TimelineUIUtils.ts | layerTree":{"message":"Layer tree"},"panels/timeline/TimelineUIUtils.ts | layout":{"message":"Layout"},"panels/timeline/TimelineUIUtils.ts | layoutForced":{"message":"Layout Forced"},"panels/timeline/TimelineUIUtils.ts | layoutInvalidations":{"message":"Layout Invalidations"},"panels/timeline/TimelineUIUtils.ts | layoutRoot":{"message":"Layout root"},"panels/timeline/TimelineUIUtils.ts | layoutShift":{"message":"Layout Shift"},"panels/timeline/TimelineUIUtils.ts | learnMore":{"message":"Learn more"},"panels/timeline/TimelineUIUtils.ts | loadFromCache":{"message":"load from cache"},"panels/timeline/TimelineUIUtils.ts | loading":{"message":"Loading"},"panels/timeline/TimelineUIUtils.ts | location":{"message":"Location"},"panels/timeline/TimelineUIUtils.ts | longInteractionINP":{"message":"Long interaction"},"panels/timeline/TimelineUIUtils.ts | longTask":{"message":"Long task"},"panels/timeline/TimelineUIUtils.ts | majorGc":{"message":"Major GC"},"panels/timeline/TimelineUIUtils.ts | message":{"message":"Message"},"panels/timeline/TimelineUIUtils.ts | mimeType":{"message":"Mime Type"},"panels/timeline/TimelineUIUtils.ts | mimeTypeCaps":{"message":"MIME Type"},"panels/timeline/TimelineUIUtils.ts | minorGc":{"message":"Minor GC"},"panels/timeline/TimelineUIUtils.ts | module":{"message":"Module"},"panels/timeline/TimelineUIUtils.ts | movedFrom":{"message":"Moved from"},"panels/timeline/TimelineUIUtils.ts | movedTo":{"message":"Moved to"},"panels/timeline/TimelineUIUtils.ts | networkRequest":{"message":"Network request"},"panels/timeline/TimelineUIUtils.ts | networkTransfer":{"message":"network transfer"},"panels/timeline/TimelineUIUtils.ts | no":{"message":"No"},"panels/timeline/TimelineUIUtils.ts | node":{"message":"Node:"},"panels/timeline/TimelineUIUtils.ts | nodes":{"message":"Nodes:"},"panels/timeline/TimelineUIUtils.ts | nodesThatNeedLayout":{"message":"Nodes That Need Layout"},"panels/timeline/TimelineUIUtils.ts | notOptimized":{"message":"Not optimized"},"panels/timeline/TimelineUIUtils.ts | onloadEvent":{"message":"Onload Event"},"panels/timeline/TimelineUIUtils.ts | optimizeCode":{"message":"Optimize Code"},"panels/timeline/TimelineUIUtils.ts | other":{"message":"Other"},"panels/timeline/TimelineUIUtils.ts | otherInvalidations":{"message":"Other Invalidations"},"panels/timeline/TimelineUIUtils.ts | ownerElement":{"message":"Owner Element"},"panels/timeline/TimelineUIUtils.ts | paint":{"message":"Paint"},"panels/timeline/TimelineUIUtils.ts | paintImage":{"message":"Paint Image"},"panels/timeline/TimelineUIUtils.ts | painting":{"message":"Painting"},"panels/timeline/TimelineUIUtils.ts | paintProfiler":{"message":"Paint Profiler"},"panels/timeline/TimelineUIUtils.ts | paintSetup":{"message":"Paint Setup"},"panels/timeline/TimelineUIUtils.ts | parse":{"message":"Parse"},"panels/timeline/TimelineUIUtils.ts | parseAndCompile":{"message":"Parse and Compile"},"panels/timeline/TimelineUIUtils.ts | parseHtml":{"message":"Parse HTML"},"panels/timeline/TimelineUIUtils.ts | parseStylesheet":{"message":"Parse Stylesheet"},"panels/timeline/TimelineUIUtils.ts | pendingFor":{"message":"Pending for"},"panels/timeline/TimelineUIUtils.ts | prePaint":{"message":"Pre-Paint"},"panels/timeline/TimelineUIUtils.ts | preview":{"message":"Preview"},"panels/timeline/TimelineUIUtils.ts | priority":{"message":"Priority"},"panels/timeline/TimelineUIUtils.ts | producedCacheSize":{"message":"Produced Cache Size"},"panels/timeline/TimelineUIUtils.ts | profilingOverhead":{"message":"Profiling Overhead"},"panels/timeline/TimelineUIUtils.ts | range":{"message":"Range"},"panels/timeline/TimelineUIUtils.ts | rasterizePaint":{"message":"Rasterize Paint"},"panels/timeline/TimelineUIUtils.ts | recalculateStyle":{"message":"Recalculate Style"},"panels/timeline/TimelineUIUtils.ts | recalculationForced":{"message":"Recalculation Forced"},"panels/timeline/TimelineUIUtils.ts | receiveData":{"message":"Receive Data"},"panels/timeline/TimelineUIUtils.ts | receiveResponse":{"message":"Receive Response"},"panels/timeline/TimelineUIUtils.ts | receiveWebsocketHandshake":{"message":"Receive WebSocket Handshake"},"panels/timeline/TimelineUIUtils.ts | recurringHandlerTookS":{"message":"Recurring handler took {PH1}"},"panels/timeline/TimelineUIUtils.ts | relatedNode":{"message":"Related Node"},"panels/timeline/TimelineUIUtils.ts | removeTimer":{"message":"Remove Timer"},"panels/timeline/TimelineUIUtils.ts | rendering":{"message":"Rendering"},"panels/timeline/TimelineUIUtils.ts | repeats":{"message":"Repeats"},"panels/timeline/TimelineUIUtils.ts | requestAnimationFrame":{"message":"Request Animation Frame"},"panels/timeline/TimelineUIUtils.ts | requestIdleCallback":{"message":"Request Idle Callback"},"panels/timeline/TimelineUIUtils.ts | requestMainThreadFrame":{"message":"Request Main Thread Frame"},"panels/timeline/TimelineUIUtils.ts | requestMethod":{"message":"Request Method"},"panels/timeline/TimelineUIUtils.ts | resource":{"message":"Resource"},"panels/timeline/TimelineUIUtils.ts | reveal":{"message":"Reveal"},"panels/timeline/TimelineUIUtils.ts | runMicrotasks":{"message":"Run Microtasks"},"panels/timeline/TimelineUIUtils.ts | sAndS":{"message":"{PH1} and {PH2}"},"panels/timeline/TimelineUIUtils.ts | sAndSOther":{"message":"{PH1}, {PH2}, and 1 other"},"panels/timeline/TimelineUIUtils.ts | sAtS":{"message":"{PH1} at {PH2}"},"panels/timeline/TimelineUIUtils.ts | sAtSParentheses":{"message":"{PH1} (at {PH2})"},"panels/timeline/TimelineUIUtils.ts | sBytes":{"message":"{n, plural, =1 {# Byte} other {# Bytes}}"},"panels/timeline/TimelineUIUtils.ts | scheduleStyleRecalculation":{"message":"Schedule Style Recalculation"},"panels/timeline/TimelineUIUtils.ts | sChildren":{"message":"{PH1} (children)"},"panels/timeline/TimelineUIUtils.ts | sCLSInformation":{"message":"{PH1} can result in poor user experiences. It has recently {PH2}."},"panels/timeline/TimelineUIUtils.ts | sCollected":{"message":"{PH1} collected"},"panels/timeline/TimelineUIUtils.ts | score":{"message":"Score"},"panels/timeline/TimelineUIUtils.ts | script":{"message":"Script"},"panels/timeline/TimelineUIUtils.ts | scripting":{"message":"Scripting"},"panels/timeline/TimelineUIUtils.ts | scriptLoadedFromCache":{"message":"script loaded from cache"},"panels/timeline/TimelineUIUtils.ts | scriptNotEligible":{"message":"script not eligible"},"panels/timeline/TimelineUIUtils.ts | scroll":{"message":"Scroll"},"panels/timeline/TimelineUIUtils.ts | selfTime":{"message":"Self Time"},"panels/timeline/TimelineUIUtils.ts | sendRequest":{"message":"Send Request"},"panels/timeline/TimelineUIUtils.ts | sendWebsocketHandshake":{"message":"Send WebSocket Handshake"},"panels/timeline/TimelineUIUtils.ts | sForS":{"message":"{PH1} for {PH2}"},"panels/timeline/TimelineUIUtils.ts | show":{"message":"Show"},"panels/timeline/TimelineUIUtils.ts | sign":{"message":"Sign"},"panels/timeline/TimelineUIUtils.ts | signReply":{"message":"Sign Reply"},"panels/timeline/TimelineUIUtils.ts | sIsALikelyPerformanceBottleneck":{"message":"{PH1} is a likely performance bottleneck."},"panels/timeline/TimelineUIUtils.ts | sIsLikelyPoorPageResponsiveness":{"message":"{PH1} is indicating poor page responsiveness."},"panels/timeline/TimelineUIUtils.ts | size":{"message":"Size"},"panels/timeline/TimelineUIUtils.ts | sLongFrameTimesAreAnIndicationOf":{"message":"{PH1}. Long frame times are an indication of {PH2}"},"panels/timeline/TimelineUIUtils.ts | sOfS":{"message":"{PH1} of {PH2}"},"panels/timeline/TimelineUIUtils.ts | sS":{"message":"{PH1}: {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSAndSOthers":{"message":"{PH1}, {PH2}, and {PH3} others"},"panels/timeline/TimelineUIUtils.ts | sSCurlyBrackets":{"message":"({PH1}, {PH2})"},"panels/timeline/TimelineUIUtils.ts | sSDimensions":{"message":"{PH1} × {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSDot":{"message":"{PH1}. {PH2}"},"panels/timeline/TimelineUIUtils.ts | sSelf":{"message":"{PH1} (self)"},"panels/timeline/TimelineUIUtils.ts | sSs":{"message":"{PH1} [{PH2}…{PH3}]"},"panels/timeline/TimelineUIUtils.ts | sSSquareBrackets":{"message":"{PH1} [{PH2}…]"},"panels/timeline/TimelineUIUtils.ts | SSSResourceLoading":{"message":" ({PH1} {PH2} + {PH3} resource loading)"},"panels/timeline/TimelineUIUtils.ts | stackTrace":{"message":"Stack Trace"},"panels/timeline/TimelineUIUtils.ts | stackTraceColon":{"message":"Stack trace:"},"panels/timeline/TimelineUIUtils.ts | state":{"message":"State"},"panels/timeline/TimelineUIUtils.ts | statusCode":{"message":"Status Code"},"panels/timeline/TimelineUIUtils.ts | sTookS":{"message":"{PH1} took {PH2}."},"panels/timeline/TimelineUIUtils.ts | streamed":{"message":"Streamed"},"panels/timeline/TimelineUIUtils.ts | streamingCompileTask":{"message":"Streaming Compile Task"},"panels/timeline/TimelineUIUtils.ts | streamingWasmResponse":{"message":"Streaming Wasm Response"},"panels/timeline/TimelineUIUtils.ts | styleInvalidations":{"message":"Style Invalidations"},"panels/timeline/TimelineUIUtils.ts | stylesheetUrl":{"message":"Stylesheet URL"},"panels/timeline/TimelineUIUtils.ts | system":{"message":"System"},"panels/timeline/TimelineUIUtils.ts | task":{"message":"Task"},"panels/timeline/TimelineUIUtils.ts | timeout":{"message":"Timeout"},"panels/timeline/TimelineUIUtils.ts | timerFired":{"message":"Timer Fired"},"panels/timeline/TimelineUIUtils.ts | timerId":{"message":"Timer ID"},"panels/timeline/TimelineUIUtils.ts | timerInstalled":{"message":"Timer Installed"},"panels/timeline/TimelineUIUtils.ts | timeSpentInRendering":{"message":"Time spent in rendering"},"panels/timeline/TimelineUIUtils.ts | timestamp":{"message":"Timestamp"},"panels/timeline/TimelineUIUtils.ts | totalTime":{"message":"Total Time"},"panels/timeline/TimelineUIUtils.ts | type":{"message":"Type"},"panels/timeline/TimelineUIUtils.ts | unknown":{"message":"unknown"},"panels/timeline/TimelineUIUtils.ts | unknownCause":{"message":"Unknown cause"},"panels/timeline/TimelineUIUtils.ts | UnknownNode":{"message":"[ unknown node ]"},"panels/timeline/TimelineUIUtils.ts | updateLayer":{"message":"Update Layer"},"panels/timeline/TimelineUIUtils.ts | updateLayerTree":{"message":"Update Layer Tree"},"panels/timeline/TimelineUIUtils.ts | url":{"message":"Url"},"panels/timeline/TimelineUIUtils.ts | userTiming":{"message":"User Timing"},"panels/timeline/TimelineUIUtils.ts | verify":{"message":"Verify"},"panels/timeline/TimelineUIUtils.ts | verifyReply":{"message":"Verify Reply"},"panels/timeline/TimelineUIUtils.ts | waitingForNetwork":{"message":"Waiting for Network"},"panels/timeline/TimelineUIUtils.ts | warning":{"message":"Warning"},"panels/timeline/TimelineUIUtils.ts | wasmModuleCacheHit":{"message":"Wasm Module Cache Hit"},"panels/timeline/TimelineUIUtils.ts | wasmModuleCacheInvalid":{"message":"Wasm Module Cache Invalid"},"panels/timeline/TimelineUIUtils.ts | websocketProtocol":{"message":"WebSocket Protocol"},"panels/timeline/TimelineUIUtils.ts | willSendRequest":{"message":"Will Send Request"},"panels/timeline/TimelineUIUtils.ts | xhrLoad":{"message":"XHR Load"},"panels/timeline/TimelineUIUtils.ts | xhrReadyStateChange":{"message":"XHR Ready State Change"},"panels/timeline/TimelineUIUtils.ts | yes":{"message":"Yes"},"panels/timeline/TimingsTrackAppender.ts | timings":{"message":"Timings"},"panels/timeline/UIDevtoolsUtils.ts | drawFrame":{"message":"Draw Frame"},"panels/timeline/UIDevtoolsUtils.ts | drawing":{"message":"Drawing"},"panels/timeline/UIDevtoolsUtils.ts | frameStart":{"message":"Frame Start"},"panels/timeline/UIDevtoolsUtils.ts | idle":{"message":"Idle"},"panels/timeline/UIDevtoolsUtils.ts | layout":{"message":"Layout"},"panels/timeline/UIDevtoolsUtils.ts | painting":{"message":"Painting"},"panels/timeline/UIDevtoolsUtils.ts | rasterizing":{"message":"Rasterizing"},"panels/timeline/UIDevtoolsUtils.ts | system":{"message":"System"},"panels/web_audio/AudioContextContentBuilder.ts | callbackBufferSize":{"message":"Callback Buffer Size"},"panels/web_audio/AudioContextContentBuilder.ts | callbackInterval":{"message":"Callback Interval"},"panels/web_audio/AudioContextContentBuilder.ts | currentTime":{"message":"Current Time"},"panels/web_audio/AudioContextContentBuilder.ts | maxOutputChannels":{"message":"Max Output Channels"},"panels/web_audio/AudioContextContentBuilder.ts | renderCapacity":{"message":"Render Capacity"},"panels/web_audio/AudioContextContentBuilder.ts | sampleRate":{"message":"Sample Rate"},"panels/web_audio/AudioContextContentBuilder.ts | state":{"message":"State"},"panels/web_audio/AudioContextSelector.ts | audioContextS":{"message":"Audio context: {PH1}"},"panels/web_audio/AudioContextSelector.ts | noRecordings":{"message":"(no recordings)"},"panels/web_audio/web_audio-meta.ts | audio":{"message":"audio"},"panels/web_audio/web_audio-meta.ts | showWebaudio":{"message":"Show WebAudio"},"panels/web_audio/web_audio-meta.ts | webaudio":{"message":"WebAudio"},"panels/web_audio/WebAudioView.ts | openAPageThatUsesWebAudioApiTo":{"message":"Open a page that uses Web Audio API to start monitoring."},"panels/webauthn/webauthn-meta.ts | showWebauthn":{"message":"Show WebAuthn"},"panels/webauthn/webauthn-meta.ts | webauthn":{"message":"WebAuthn"},"panels/webauthn/WebauthnPane.ts | actions":{"message":"Actions"},"panels/webauthn/WebauthnPane.ts | active":{"message":"Active"},"panels/webauthn/WebauthnPane.ts | add":{"message":"Add"},"panels/webauthn/WebauthnPane.ts | addAuthenticator":{"message":"Add authenticator"},"panels/webauthn/WebauthnPane.ts | authenticatorS":{"message":"Authenticator {PH1}"},"panels/webauthn/WebauthnPane.ts | credentials":{"message":"Credentials"},"panels/webauthn/WebauthnPane.ts | editName":{"message":"Edit name"},"panels/webauthn/WebauthnPane.ts | enableVirtualAuthenticator":{"message":"Enable virtual authenticator environment"},"panels/webauthn/WebauthnPane.ts | export":{"message":"Export"},"panels/webauthn/WebauthnPane.ts | id":{"message":"ID"},"panels/webauthn/WebauthnPane.ts | isResident":{"message":"Is Resident"},"panels/webauthn/WebauthnPane.ts | learnMore":{"message":"Learn more"},"panels/webauthn/WebauthnPane.ts | newAuthenticator":{"message":"New authenticator"},"panels/webauthn/WebauthnPane.ts | no":{"message":"No"},"panels/webauthn/WebauthnPane.ts | noCredentialsTryCallingSFromYour":{"message":"No credentials. Try calling {PH1} from your website."},"panels/webauthn/WebauthnPane.ts | privateKeypem":{"message":"Private key.pem"},"panels/webauthn/WebauthnPane.ts | protocol":{"message":"Protocol"},"panels/webauthn/WebauthnPane.ts | remove":{"message":"Remove"},"panels/webauthn/WebauthnPane.ts | rpId":{"message":"RP ID"},"panels/webauthn/WebauthnPane.ts | saveName":{"message":"Save name"},"panels/webauthn/WebauthnPane.ts | setSAsTheActiveAuthenticator":{"message":"Set {PH1} as the active authenticator"},"panels/webauthn/WebauthnPane.ts | signCount":{"message":"Signature Count"},"panels/webauthn/WebauthnPane.ts | supportsLargeBlob":{"message":"Supports large blob"},"panels/webauthn/WebauthnPane.ts | supportsResidentKeys":{"message":"Supports resident keys"},"panels/webauthn/WebauthnPane.ts | supportsUserVerification":{"message":"Supports user verification"},"panels/webauthn/WebauthnPane.ts | transport":{"message":"Transport"},"panels/webauthn/WebauthnPane.ts | userHandle":{"message":"User Handle"},"panels/webauthn/WebauthnPane.ts | useWebauthnForPhishingresistant":{"message":"Use WebAuthn for phishing-resistant authentication"},"panels/webauthn/WebauthnPane.ts | uuid":{"message":"UUID"},"panels/webauthn/WebauthnPane.ts | yes":{"message":"Yes"},"ui/components/data_grid/DataGrid.ts | enterToSort":{"message":"Column sort state: {PH1}. Press enter to apply sorting filter"},"ui/components/data_grid/DataGrid.ts | headerOptions":{"message":"Header Options"},"ui/components/data_grid/DataGrid.ts | resetColumns":{"message":"Reset Columns"},"ui/components/data_grid/DataGrid.ts | sortAsc":{"message":"ascending"},"ui/components/data_grid/DataGrid.ts | sortBy":{"message":"Sort By"},"ui/components/data_grid/DataGrid.ts | sortDesc":{"message":"descending"},"ui/components/data_grid/DataGrid.ts | sortNone":{"message":"none"},"ui/components/data_grid/DataGridController.ts | sortInAscendingOrder":{"message":"{PH1} sorted in ascending order"},"ui/components/data_grid/DataGridController.ts | sortInDescendingOrder":{"message":"{PH1} sorted in descending order"},"ui/components/data_grid/DataGridController.ts | sortingCanceled":{"message":"{PH1} sorting canceled"},"ui/components/dialogs/ShortcutDialog.ts | close":{"message":"Close"},"ui/components/dialogs/ShortcutDialog.ts | dialogTitle":{"message":"Keyboard shortcuts"},"ui/components/dialogs/ShortcutDialog.ts | showShortcutTitle":{"message":"Show shortcuts"},"ui/components/diff_view/DiffView.ts | additions":{"message":"Addition:"},"ui/components/diff_view/DiffView.ts | changesDiffViewer":{"message":"Changes diff viewer"},"ui/components/diff_view/DiffView.ts | deletions":{"message":"Deletion:"},"ui/components/diff_view/DiffView.ts | SkippingDMatchingLines":{"message":"( … Skipping {PH1} matching lines … )"},"ui/components/issue_counter/IssueCounter.ts | breakingChanges":{"message":"{issueCount, plural, =1 {# breaking change} other {# breaking changes}}"},"ui/components/issue_counter/IssueCounter.ts | pageErrors":{"message":"{issueCount, plural, =1 {# page error} other {# page errors}}"},"ui/components/issue_counter/IssueCounter.ts | possibleImprovements":{"message":"{issueCount, plural, =1 {# possible improvement} other {# possible improvements}}"},"ui/components/issue_counter/IssueLinkIcon.ts | clickToShowIssue":{"message":"Click to show issue in the issues tab"},"ui/components/issue_counter/IssueLinkIcon.ts | clickToShowIssueWithTitle":{"message":"Click to open the issue tab and show issue: {title}"},"ui/components/issue_counter/IssueLinkIcon.ts | issueUnavailable":{"message":"Issue unavailable at this time"},"ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | memoryInspector":{"message":"Memory Inspector"},"ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts | showMemoryInspector":{"message":"Show Memory Inspector"},"ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | deleteHighlight":{"message":"Stop highlighting this memory"},"ui/components/linear_memory_inspector/LinearMemoryHighlightChipList.ts | jumpToAddress":{"message":"Jump to this memory"},"ui/components/linear_memory_inspector/LinearMemoryInspector.ts | addressHasToBeANumberBetweenSAnd":{"message":"Address has to be a number between {PH1} and {PH2}"},"ui/components/linear_memory_inspector/LinearMemoryInspectorController.ts | couldNotOpenLinearMemory":{"message":"Could not open linear memory inspector: failed locating buffer."},"ui/components/linear_memory_inspector/LinearMemoryInspectorPane.ts | noOpenInspections":{"message":"No open inspections"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | enterAddress":{"message":"Enter address"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | goBackInAddressHistory":{"message":"Go back in address history"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | goForwardInAddressHistory":{"message":"Go forward in address history"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | nextPage":{"message":"Next page"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | previousPage":{"message":"Previous page"},"ui/components/linear_memory_inspector/LinearMemoryNavigator.ts | refresh":{"message":"Refresh"},"ui/components/linear_memory_inspector/LinearMemoryValueInterpreter.ts | changeEndianness":{"message":"Change Endianness"},"ui/components/linear_memory_inspector/LinearMemoryValueInterpreter.ts | toggleValueTypeSettings":{"message":"Toggle value type settings"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | addressOutOfRange":{"message":"Address out of memory range"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | changeValueTypeMode":{"message":"Change mode"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | jumpToPointer":{"message":"Jump to address"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | signedValue":{"message":"Signed value"},"ui/components/linear_memory_inspector/ValueInterpreterDisplay.ts | unsignedValue":{"message":"Unsigned value"},"ui/components/linear_memory_inspector/ValueInterpreterDisplayUtils.ts | notApplicable":{"message":"N/A"},"ui/components/linear_memory_inspector/ValueInterpreterSettings.ts | otherGroup":{"message":"Other"},"ui/components/panel_feedback/FeedbackButton.ts | feedback":{"message":"Feedback"},"ui/components/panel_feedback/PanelFeedback.ts | previewFeature":{"message":"Preview feature"},"ui/components/panel_feedback/PanelFeedback.ts | previewText":{"message":"Our team is actively working on this feature and we would love to know what you think."},"ui/components/panel_feedback/PanelFeedback.ts | previewTextFeedbackLink":{"message":"Send us your feedback."},"ui/components/panel_feedback/PanelFeedback.ts | videoAndDocumentation":{"message":"Video and documentation"},"ui/components/panel_feedback/PreviewToggle.ts | learnMoreLink":{"message":"Learn More"},"ui/components/panel_feedback/PreviewToggle.ts | previewTextFeedbackLink":{"message":"Send us your feedback."},"ui/components/panel_feedback/PreviewToggle.ts | shortFeedbackLink":{"message":"Send feedback"},"ui/components/request_link_icon/RequestLinkIcon.ts | clickToShowRequestInTheNetwork":{"message":"Click to open the network panel and show request for URL: {url}"},"ui/components/request_link_icon/RequestLinkIcon.ts | requestUnavailableInTheNetwork":{"message":"Request unavailable in the network panel, try reloading the inspected page"},"ui/components/request_link_icon/RequestLinkIcon.ts | shortenedURL":{"message":"Shortened URL"},"ui/components/survey_link/SurveyLink.ts | anErrorOccurredWithTheSurvey":{"message":"An error occurred with the survey"},"ui/components/survey_link/SurveyLink.ts | openingSurvey":{"message":"Opening survey …"},"ui/components/survey_link/SurveyLink.ts | thankYouForYourFeedback":{"message":"Thank you for your feedback"},"ui/components/text_editor/config.ts | codeEditor":{"message":"Code editor"},"ui/components/text_editor/config.ts | sSuggestionSOfS":{"message":"{PH1}, suggestion {PH2} of {PH3}"},"ui/legacy/ActionRegistration.ts | background_services":{"message":"Background Services"},"ui/legacy/ActionRegistration.ts | console":{"message":"Console"},"ui/legacy/ActionRegistration.ts | debugger":{"message":"Debugger"},"ui/legacy/ActionRegistration.ts | drawer":{"message":"Drawer"},"ui/legacy/ActionRegistration.ts | elements":{"message":"Elements"},"ui/legacy/ActionRegistration.ts | global":{"message":"Global"},"ui/legacy/ActionRegistration.ts | help":{"message":"Help"},"ui/legacy/ActionRegistration.ts | javascript_profiler":{"message":"JavaScript Profiler"},"ui/legacy/ActionRegistration.ts | layers":{"message":"Layers"},"ui/legacy/ActionRegistration.ts | memory":{"message":"Memory"},"ui/legacy/ActionRegistration.ts | mobile":{"message":"Mobile"},"ui/legacy/ActionRegistration.ts | navigation":{"message":"Navigation"},"ui/legacy/ActionRegistration.ts | network":{"message":"Network"},"ui/legacy/ActionRegistration.ts | performance":{"message":"Performance"},"ui/legacy/ActionRegistration.ts | rendering":{"message":"Rendering"},"ui/legacy/ActionRegistration.ts | resources":{"message":"Resources"},"ui/legacy/ActionRegistration.ts | screenshot":{"message":"Screenshot"},"ui/legacy/ActionRegistration.ts | settings":{"message":"Settings"},"ui/legacy/ActionRegistration.ts | sources":{"message":"Sources"},"ui/legacy/components/color_picker/ContrastDetails.ts | aa":{"message":"AA"},"ui/legacy/components/color_picker/ContrastDetails.ts | aaa":{"message":"AAA"},"ui/legacy/components/color_picker/ContrastDetails.ts | apca":{"message":"APCA"},"ui/legacy/components/color_picker/ContrastDetails.ts | contrastRatio":{"message":"Contrast ratio"},"ui/legacy/components/color_picker/ContrastDetails.ts | noContrastInformationAvailable":{"message":"No contrast information available"},"ui/legacy/components/color_picker/ContrastDetails.ts | pickBackgroundColor":{"message":"Pick background color"},"ui/legacy/components/color_picker/ContrastDetails.ts | placeholderWithColon":{"message":": {PH1}"},"ui/legacy/components/color_picker/ContrastDetails.ts | showLess":{"message":"Show less"},"ui/legacy/components/color_picker/ContrastDetails.ts | showMore":{"message":"Show more"},"ui/legacy/components/color_picker/ContrastDetails.ts | toggleBackgroundColorPicker":{"message":"Toggle background color picker"},"ui/legacy/components/color_picker/ContrastDetails.ts | useSuggestedColorStoFixLow":{"message":"Use suggested color {PH1}to fix low contrast"},"ui/legacy/components/color_picker/FormatPickerContextMenu.ts | colorClippedTooltipText":{"message":"This color was clipped to match the format's gamut. The actual result was {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | addToPalette":{"message":"Add to palette"},"ui/legacy/components/color_picker/Spectrum.ts | changeAlpha":{"message":"Change alpha"},"ui/legacy/components/color_picker/Spectrum.ts | changeColorFormat":{"message":"Change color format"},"ui/legacy/components/color_picker/Spectrum.ts | changeHue":{"message":"Change hue"},"ui/legacy/components/color_picker/Spectrum.ts | clearPalette":{"message":"Clear palette"},"ui/legacy/components/color_picker/Spectrum.ts | colorPalettes":{"message":"Color Palettes"},"ui/legacy/components/color_picker/Spectrum.ts | colorS":{"message":"Color {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | copyColorToClipboard":{"message":"Copy color to clipboard"},"ui/legacy/components/color_picker/Spectrum.ts | hex":{"message":"HEX"},"ui/legacy/components/color_picker/Spectrum.ts | longclickOrLongpressSpaceToShow":{"message":"Long-click or long-press space to show alternate shades of {PH1}"},"ui/legacy/components/color_picker/Spectrum.ts | pressArrowKeysMessage":{"message":"Press arrow keys with or without modifiers to move swatch position. Arrow key with Shift key moves position largely, with Ctrl key it is less and with Alt key it is even less"},"ui/legacy/components/color_picker/Spectrum.ts | previewPalettes":{"message":"Preview palettes"},"ui/legacy/components/color_picker/Spectrum.ts | removeAllToTheRight":{"message":"Remove all to the right"},"ui/legacy/components/color_picker/Spectrum.ts | removeColor":{"message":"Remove color"},"ui/legacy/components/color_picker/Spectrum.ts | returnToColorPicker":{"message":"Return to color picker"},"ui/legacy/components/color_picker/Spectrum.ts | sInS":{"message":"{PH1} in {PH2}"},"ui/legacy/components/color_picker/Spectrum.ts | toggleColorPicker":{"message":"Eye dropper [{PH1}]"},"ui/legacy/components/cookie_table/CookiesTable.ts | cookies":{"message":"Cookies"},"ui/legacy/components/cookie_table/CookiesTable.ts | editableCookies":{"message":"Editable Cookies"},"ui/legacy/components/cookie_table/CookiesTable.ts | na":{"message":"N/A"},"ui/legacy/components/cookie_table/CookiesTable.ts | name":{"message":"Name"},"ui/legacy/components/cookie_table/CookiesTable.ts | opaquePartitionKey":{"message":"(opaque)"},"ui/legacy/components/cookie_table/CookiesTable.ts | session":{"message":"Session"},"ui/legacy/components/cookie_table/CookiesTable.ts | showIssueAssociatedWithThis":{"message":"Show issue associated with this cookie"},"ui/legacy/components/cookie_table/CookiesTable.ts | showRequestsWithThisCookie":{"message":"Show Requests With This Cookie"},"ui/legacy/components/cookie_table/CookiesTable.ts | size":{"message":"Size"},"ui/legacy/components/cookie_table/CookiesTable.ts | sourcePortTooltip":{"message":"Shows the source port (range 1-65535) the cookie was set on. If the port is unknown, this shows -1."},"ui/legacy/components/cookie_table/CookiesTable.ts | sourceSchemeTooltip":{"message":"Shows the source scheme (Secure, NonSecure) the cookie was set on. If the scheme is unknown, this shows Unset."},"ui/legacy/components/cookie_table/CookiesTable.ts | timeAfter":{"message":"after {date}"},"ui/legacy/components/cookie_table/CookiesTable.ts | timeAfterTooltip":{"message":"The expiration timestamp is {seconds}, which corresponds to a date after {date}"},"ui/legacy/components/cookie_table/CookiesTable.ts | value":{"message":"Value"},"ui/legacy/components/data_grid/DataGrid.ts | addNew":{"message":"Add new"},"ui/legacy/components/data_grid/DataGrid.ts | checked":{"message":"checked"},"ui/legacy/components/data_grid/DataGrid.ts | collapsed":{"message":"collapsed"},"ui/legacy/components/data_grid/DataGrid.ts | delete":{"message":"Delete"},"ui/legacy/components/data_grid/DataGrid.ts | editS":{"message":"Edit \"{PH1}\""},"ui/legacy/components/data_grid/DataGrid.ts | emptyRowCreated":{"message":"An empty table row has been created. You may double click or use context menu to edit."},"ui/legacy/components/data_grid/DataGrid.ts | expanded":{"message":"expanded"},"ui/legacy/components/data_grid/DataGrid.ts | headerOptions":{"message":"Header Options"},"ui/legacy/components/data_grid/DataGrid.ts | levelS":{"message":"level {PH1}"},"ui/legacy/components/data_grid/DataGrid.ts | refresh":{"message":"Refresh"},"ui/legacy/components/data_grid/DataGrid.ts | resetColumns":{"message":"Reset Columns"},"ui/legacy/components/data_grid/DataGrid.ts | rowsS":{"message":"Rows: {PH1}"},"ui/legacy/components/data_grid/DataGrid.ts | sortByString":{"message":"Sort By"},"ui/legacy/components/data_grid/DataGrid.ts | sRowS":{"message":"{PH1} Row {PH2}"},"ui/legacy/components/data_grid/DataGrid.ts | sSUseTheUpAndDownArrowKeysTo":{"message":"{PH1} {PH2}, use the up and down arrow keys to navigate and interact with the rows of the table; Use browse mode to read cell by cell."},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showAllD":{"message":"Show all {PH1}"},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showDAfter":{"message":"Show {PH1} after"},"ui/legacy/components/data_grid/ShowMoreDataGridNode.ts | showDBefore":{"message":"Show {PH1} before"},"ui/legacy/components/data_grid/ViewportDataGrid.ts | collapsed":{"message":"collapsed"},"ui/legacy/components/inline_editor/ColorSwatch.ts | shiftclickToChangeColorFormat":{"message":"Shift-click to change color format"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | blur":{"message":"Blur"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | spread":{"message":"Spread"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | type":{"message":"Type"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | xOffset":{"message":"X offset"},"ui/legacy/components/inline_editor/CSSShadowEditor.ts | yOffset":{"message":"Y offset"},"ui/legacy/components/inline_editor/FontEditor.ts | cssProperties":{"message":"CSS Properties"},"ui/legacy/components/inline_editor/FontEditor.ts | deleteS":{"message":"Delete {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fallbackS":{"message":"Fallback {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fontFamily":{"message":"Font Family"},"ui/legacy/components/inline_editor/FontEditor.ts | fontSelectorDeletedAtIndexS":{"message":"Font Selector deleted at index: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | fontSize":{"message":"Font Size"},"ui/legacy/components/inline_editor/FontEditor.ts | fontWeight":{"message":"Font Weight"},"ui/legacy/components/inline_editor/FontEditor.ts | lineHeight":{"message":"Line Height"},"ui/legacy/components/inline_editor/FontEditor.ts | PleaseEnterAValidValueForSText":{"message":"* Please enter a valid value for {PH1} text input"},"ui/legacy/components/inline_editor/FontEditor.ts | selectorInputMode":{"message":"Selector Input Mode"},"ui/legacy/components/inline_editor/FontEditor.ts | sKeyValueSelector":{"message":"{PH1} Key Value Selector"},"ui/legacy/components/inline_editor/FontEditor.ts | sliderInputMode":{"message":"Slider Input Mode"},"ui/legacy/components/inline_editor/FontEditor.ts | spacing":{"message":"Spacing"},"ui/legacy/components/inline_editor/FontEditor.ts | sSliderInput":{"message":"{PH1} Slider Input"},"ui/legacy/components/inline_editor/FontEditor.ts | sTextInput":{"message":"{PH1} Text Input"},"ui/legacy/components/inline_editor/FontEditor.ts | sToggleInputType":{"message":"{PH1} toggle input type"},"ui/legacy/components/inline_editor/FontEditor.ts | sUnitInput":{"message":"{PH1} Unit Input"},"ui/legacy/components/inline_editor/FontEditor.ts | thereIsNoValueToDeleteAtIndexS":{"message":"There is no value to delete at index: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | thisPropertyIsSetToContainUnits":{"message":"This property is set to contain units but does not have a defined corresponding unitsArray: {PH1}"},"ui/legacy/components/inline_editor/FontEditor.ts | units":{"message":"Units"},"ui/legacy/components/inline_editor/LinkSwatch.ts | sIsNotDefined":{"message":"{PH1} is not defined"},"ui/legacy/components/object_ui/CustomPreviewComponent.ts | showAsJavascriptObject":{"message":"Show as JavaScript object"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | collapseChildren":{"message":"Collapse children"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copy":{"message":"Copy"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copyPropertyPath":{"message":"Copy property path"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | copyValue":{"message":"Copy value"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | dots":{"message":"(...)"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | exceptionS":{"message":"[Exception: {PH1}]"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | expandRecursively":{"message":"Expand recursively"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | invokePropertyGetter":{"message":"Invoke property getter"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | longTextWasTruncatedS":{"message":"long text was truncated ({PH1})"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | noProperties":{"message":"No properties"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | revealInMemoryInpector":{"message":"Reveal in Memory Inspector panel"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showAllD":{"message":"Show all {PH1}"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | showMoreS":{"message":"Show more ({PH1})"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | stringIsTooLargeToEdit":{"message":"<string is too large to edit>"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | unknown":{"message":"unknown"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueNotAccessibleToTheDebugger":{"message":"Value is not accessible to the debugger"},"ui/legacy/components/object_ui/ObjectPropertiesSection.ts | valueUnavailable":{"message":"<value unavailable>"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | empty":{"message":"empty"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | emptyD":{"message":"empty × {PH1}"},"ui/legacy/components/object_ui/RemoteObjectPreviewFormatter.ts | thePropertyIsComputedWithAGetter":{"message":"The property is computed with a getter"},"ui/legacy/components/perf_ui/FilmStripView.ts | doubleclickToZoomImageClickTo":{"message":"Doubleclick to zoom image. Click to view preceding requests."},"ui/legacy/components/perf_ui/FilmStripView.ts | nextFrame":{"message":"Next frame"},"ui/legacy/components/perf_ui/FilmStripView.ts | previousFrame":{"message":"Previous frame"},"ui/legacy/components/perf_ui/FilmStripView.ts | screenshot":{"message":"Screenshot"},"ui/legacy/components/perf_ui/FilmStripView.ts | screenshotForSSelectToView":{"message":"Screenshot for {PH1} - select to view preceding requests."},"ui/legacy/components/perf_ui/FlameChart.ts | flameChart":{"message":"Flame Chart"},"ui/legacy/components/perf_ui/FlameChart.ts | sCollapsed":{"message":"{PH1} collapsed"},"ui/legacy/components/perf_ui/FlameChart.ts | sExpanded":{"message":"{PH1} expanded"},"ui/legacy/components/perf_ui/FlameChart.ts | sHovered":{"message":"{PH1} hovered"},"ui/legacy/components/perf_ui/FlameChart.ts | sSelected":{"message":"{PH1} selected"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | high":{"message":"High"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | highest":{"message":"Highest"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | low":{"message":"Low"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | lowest":{"message":"Lowest"},"ui/legacy/components/perf_ui/NetworkPriorities.ts | medium":{"message":"Medium"},"ui/legacy/components/perf_ui/OverviewGrid.ts | leftResizer":{"message":"Left Resizer"},"ui/legacy/components/perf_ui/OverviewGrid.ts | overviewGridWindow":{"message":"Overview grid window"},"ui/legacy/components/perf_ui/OverviewGrid.ts | rightResizer":{"message":"Right Resizer"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | collectGarbage":{"message":"Collect garbage"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | flamechartMouseWheelAction":{"message":"Flamechart mouse wheel action:"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | hideLiveMemoryAllocation":{"message":"Hide live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | liveMemoryAllocationAnnotations":{"message":"Live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | scroll":{"message":"Scroll"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | showLiveMemoryAllocation":{"message":"Show live memory allocation annotations"},"ui/legacy/components/perf_ui/perf_ui-meta.ts | zoom":{"message":"Zoom"},"ui/legacy/components/perf_ui/PieChart.ts | total":{"message":"Total"},"ui/legacy/components/quick_open/CommandMenu.ts | command":{"message":"Command"},"ui/legacy/components/quick_open/CommandMenu.ts | deprecated":{"message":"— deprecated"},"ui/legacy/components/quick_open/CommandMenu.ts | noCommandsFound":{"message":"No commands found"},"ui/legacy/components/quick_open/CommandMenu.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"ui/legacy/components/quick_open/CommandMenu.ts | run":{"message":"Run"},"ui/legacy/components/quick_open/FilteredListWidget.ts | noResultsFound":{"message":"No results found"},"ui/legacy/components/quick_open/FilteredListWidget.ts | quickOpen":{"message":"Quick open"},"ui/legacy/components/quick_open/FilteredListWidget.ts | quickOpenPrompt":{"message":"Quick open prompt"},"ui/legacy/components/quick_open/quick_open-meta.ts | openFile":{"message":"Open file"},"ui/legacy/components/quick_open/quick_open-meta.ts | runCommand":{"message":"Run command"},"ui/legacy/components/quick_open/QuickOpen.ts | typeToSeeAvailableCommands":{"message":"Type ? to see available commands"},"ui/legacy/components/source_frame/FontView.ts | font":{"message":"Font"},"ui/legacy/components/source_frame/FontView.ts | previewOfFontFromS":{"message":"Preview of font from {PH1}"},"ui/legacy/components/source_frame/ImageView.ts | copyImageAsDataUri":{"message":"Copy image as data URI"},"ui/legacy/components/source_frame/ImageView.ts | copyImageUrl":{"message":"Copy image URL"},"ui/legacy/components/source_frame/ImageView.ts | dD":{"message":"{PH1} × {PH2}"},"ui/legacy/components/source_frame/ImageView.ts | download":{"message":"download"},"ui/legacy/components/source_frame/ImageView.ts | dropImageFileHere":{"message":"Drop image file here"},"ui/legacy/components/source_frame/ImageView.ts | image":{"message":"Image"},"ui/legacy/components/source_frame/ImageView.ts | imageFromS":{"message":"Image from {PH1}"},"ui/legacy/components/source_frame/ImageView.ts | openImageInNewTab":{"message":"Open image in new tab"},"ui/legacy/components/source_frame/ImageView.ts | saveImageAs":{"message":"Save image as..."},"ui/legacy/components/source_frame/JSONView.ts | find":{"message":"Find"},"ui/legacy/components/source_frame/PreviewFactory.ts | nothingToPreview":{"message":"Nothing to preview"},"ui/legacy/components/source_frame/ResourceSourceFrame.ts | find":{"message":"Find"},"ui/legacy/components/source_frame/source_frame-meta.ts | defaultIndentation":{"message":"Default indentation:"},"ui/legacy/components/source_frame/source_frame-meta.ts | eSpaces":{"message":"8 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | fSpaces":{"message":"4 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToESpaces":{"message":"Set indentation to 8 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToFSpaces":{"message":"Set indentation to 4 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToSpaces":{"message":"Set indentation to 2 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | setIndentationToTabCharacter":{"message":"Set indentation to tab character"},"ui/legacy/components/source_frame/source_frame-meta.ts | Spaces":{"message":"2 spaces"},"ui/legacy/components/source_frame/source_frame-meta.ts | tabCharacter":{"message":"Tab character"},"ui/legacy/components/source_frame/SourceFrame.ts | bytecodePositionXs":{"message":"Bytecode position 0x{PH1}"},"ui/legacy/components/source_frame/SourceFrame.ts | dCharactersSelected":{"message":"{PH1} characters selected"},"ui/legacy/components/source_frame/SourceFrame.ts | dLinesDCharactersSelected":{"message":"{PH1} lines, {PH2} characters selected"},"ui/legacy/components/source_frame/SourceFrame.ts | dSelectionRegions":{"message":"{PH1} selection regions"},"ui/legacy/components/source_frame/SourceFrame.ts | lineSColumnS":{"message":"Line {PH1}, Column {PH2}"},"ui/legacy/components/source_frame/SourceFrame.ts | loading":{"message":"Loading…"},"ui/legacy/components/source_frame/SourceFrame.ts | prettyPrint":{"message":"Pretty print"},"ui/legacy/components/source_frame/SourceFrame.ts | source":{"message":"Source"},"ui/legacy/components/source_frame/XMLView.ts | find":{"message":"Find"},"ui/legacy/components/utils/ImagePreview.ts | currentSource":{"message":"Current source:"},"ui/legacy/components/utils/ImagePreview.ts | fileSize":{"message":"File size:"},"ui/legacy/components/utils/ImagePreview.ts | imageFromS":{"message":"Image from {PH1}"},"ui/legacy/components/utils/ImagePreview.ts | intrinsicAspectRatio":{"message":"Intrinsic aspect ratio:"},"ui/legacy/components/utils/ImagePreview.ts | intrinsicSize":{"message":"Intrinsic size:"},"ui/legacy/components/utils/ImagePreview.ts | renderedAspectRatio":{"message":"Rendered aspect ratio:"},"ui/legacy/components/utils/ImagePreview.ts | renderedSize":{"message":"Rendered size:"},"ui/legacy/components/utils/ImagePreview.ts | unknownSource":{"message":"unknown source"},"ui/legacy/components/utils/JSPresentationUtils.ts | addToIgnore":{"message":"Add script to ignore list"},"ui/legacy/components/utils/JSPresentationUtils.ts | removeFromIgnore":{"message":"Remove from ignore list"},"ui/legacy/components/utils/JSPresentationUtils.ts | showLess":{"message":"Show less"},"ui/legacy/components/utils/JSPresentationUtils.ts | showSMoreFrames":{"message":"{n, plural, =1 {Show # more frame} other {Show # more frames}}"},"ui/legacy/components/utils/JSPresentationUtils.ts | unknownSource":{"message":"unknown"},"ui/legacy/components/utils/Linkifier.ts | auto":{"message":"auto"},"ui/legacy/components/utils/Linkifier.ts | linkHandling":{"message":"Link handling:"},"ui/legacy/components/utils/Linkifier.ts | openUsingS":{"message":"Open using {PH1}"},"ui/legacy/components/utils/Linkifier.ts | reveal":{"message":"Reveal"},"ui/legacy/components/utils/Linkifier.ts | revealInS":{"message":"Reveal in {PH1}"},"ui/legacy/components/utils/Linkifier.ts | unknown":{"message":"(unknown)"},"ui/legacy/components/utils/TargetDetachedDialog.ts | websocketDisconnected":{"message":"WebSocket disconnected"},"ui/legacy/DockController.ts | close":{"message":"Close"},"ui/legacy/DockController.ts | devToolsDockedTo":{"message":"DevTools is docked to {PH1}"},"ui/legacy/DockController.ts | devtoolsUndocked":{"message":"DevTools is undocked"},"ui/legacy/DockController.ts | dockToBottom":{"message":"Dock to bottom"},"ui/legacy/DockController.ts | dockToLeft":{"message":"Dock to left"},"ui/legacy/DockController.ts | dockToRight":{"message":"Dock to right"},"ui/legacy/DockController.ts | undockIntoSeparateWindow":{"message":"Undock into separate window"},"ui/legacy/EmptyWidget.ts | learnMore":{"message":"Learn more"},"ui/legacy/FilterBar.ts | allStrings":{"message":"All"},"ui/legacy/FilterBar.ts | clearFilter":{"message":"Clear input"},"ui/legacy/FilterBar.ts | egSmalldUrlacomb":{"message":"e.g. /small[d]+/ url:a.com/b"},"ui/legacy/FilterBar.ts | filter":{"message":"Filter"},"ui/legacy/FilterBar.ts | sclickToSelectMultipleTypes":{"message":"{PH1}Click to select multiple types"},"ui/legacy/Infobar.ts | close":{"message":"Close"},"ui/legacy/Infobar.ts | dontShowAgain":{"message":"Don't show again"},"ui/legacy/Infobar.ts | learnMore":{"message":"Learn more"},"ui/legacy/InspectorView.ts | closeDrawer":{"message":"Close drawer"},"ui/legacy/InspectorView.ts | devToolsLanguageMissmatch":{"message":"DevTools is now available in {PH1}!"},"ui/legacy/InspectorView.ts | drawer":{"message":"Tool drawer"},"ui/legacy/InspectorView.ts | drawerHidden":{"message":"Drawer hidden"},"ui/legacy/InspectorView.ts | drawerShown":{"message":"Drawer shown"},"ui/legacy/InspectorView.ts | mainToolbar":{"message":"Main toolbar"},"ui/legacy/InspectorView.ts | moreTools":{"message":"More Tools"},"ui/legacy/InspectorView.ts | moveToBottom":{"message":"Move to bottom"},"ui/legacy/InspectorView.ts | moveToTop":{"message":"Move to top"},"ui/legacy/InspectorView.ts | panels":{"message":"Panels"},"ui/legacy/InspectorView.ts | reloadDevtools":{"message":"Reload DevTools"},"ui/legacy/InspectorView.ts | selectFolder":{"message":"Select folder"},"ui/legacy/InspectorView.ts | selectOverrideFolder":{"message":"Select a folder to store override files in."},"ui/legacy/InspectorView.ts | setToBrowserLanguage":{"message":"Always match Chrome's language"},"ui/legacy/InspectorView.ts | setToSpecificLanguage":{"message":"Switch DevTools to {PH1}"},"ui/legacy/ListWidget.ts | addString":{"message":"Add"},"ui/legacy/ListWidget.ts | cancelString":{"message":"Cancel"},"ui/legacy/ListWidget.ts | editString":{"message":"Edit"},"ui/legacy/ListWidget.ts | removeString":{"message":"Remove"},"ui/legacy/ListWidget.ts | saveString":{"message":"Save"},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | debuggingConnectionWasClosed":{"message":"Debugging connection was closed. Reason: "},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectDevtools":{"message":"Reconnect DevTools"},"ui/legacy/RemoteDebuggingTerminatedScreen.ts | reconnectWhenReadyByReopening":{"message":"Reconnect when ready by reopening DevTools."},"ui/legacy/SearchableView.ts | cancel":{"message":"Cancel"},"ui/legacy/SearchableView.ts | dMatches":{"message":"{PH1} matches"},"ui/legacy/SearchableView.ts | dOfD":{"message":"{PH1} of {PH2}"},"ui/legacy/SearchableView.ts | findString":{"message":"Find"},"ui/legacy/SearchableView.ts | matchCase":{"message":"Match Case"},"ui/legacy/SearchableView.ts | matchString":{"message":"1 match"},"ui/legacy/SearchableView.ts | replace":{"message":"Replace"},"ui/legacy/SearchableView.ts | replaceAll":{"message":"Replace all"},"ui/legacy/SearchableView.ts | searchNext":{"message":"Search next"},"ui/legacy/SearchableView.ts | searchPrevious":{"message":"Search previous"},"ui/legacy/SearchableView.ts | useRegularExpression":{"message":"Use Regular Expression"},"ui/legacy/SettingsUI.ts | oneOrMoreSettingsHaveChanged":{"message":"One or more settings have changed which requires a reload to take effect."},"ui/legacy/SettingsUI.ts | srequiresReload":{"message":"*Requires reload"},"ui/legacy/SoftContextMenu.ts | checked":{"message":"checked"},"ui/legacy/SoftContextMenu.ts | sS":{"message":"{PH1}, {PH2}"},"ui/legacy/SoftContextMenu.ts | sSS":{"message":"{PH1}, {PH2}, {PH3}"},"ui/legacy/SoftContextMenu.ts | unchecked":{"message":"unchecked"},"ui/legacy/SoftDropDown.ts | noItemSelected":{"message":"(no item selected)"},"ui/legacy/SuggestBox.ts | sSuggestionSOfS":{"message":"{PH1}, suggestion {PH2} of {PH3}"},"ui/legacy/SuggestBox.ts | sSuggestionSSelected":{"message":"{PH1}, suggestion selected"},"ui/legacy/TabbedPane.ts | close":{"message":"Close"},"ui/legacy/TabbedPane.ts | closeAll":{"message":"Close all"},"ui/legacy/TabbedPane.ts | closeOthers":{"message":"Close others"},"ui/legacy/TabbedPane.ts | closeS":{"message":"Close {PH1}"},"ui/legacy/TabbedPane.ts | closeTabsToTheRight":{"message":"Close tabs to the right"},"ui/legacy/TabbedPane.ts | moreTabs":{"message":"More tabs"},"ui/legacy/TabbedPane.ts | previewFeature":{"message":"Preview feature"},"ui/legacy/TargetCrashedScreen.ts | devtoolsWasDisconnectedFromThe":{"message":"DevTools was disconnected from the page."},"ui/legacy/TargetCrashedScreen.ts | oncePageIsReloadedDevtoolsWill":{"message":"Once page is reloaded, DevTools will automatically reconnect."},"ui/legacy/Toolbar.ts | clearInput":{"message":"Clear input"},"ui/legacy/Toolbar.ts | notPressed":{"message":"not pressed"},"ui/legacy/Toolbar.ts | pressed":{"message":"pressed"},"ui/legacy/UIUtils.ts | anonymous":{"message":"(anonymous)"},"ui/legacy/UIUtils.ts | anotherProfilerIsAlreadyActive":{"message":"Another profiler is already active"},"ui/legacy/UIUtils.ts | asyncCall":{"message":"Async Call"},"ui/legacy/UIUtils.ts | cancel":{"message":"Cancel"},"ui/legacy/UIUtils.ts | close":{"message":"Close"},"ui/legacy/UIUtils.ts | copyFileName":{"message":"Copy file name"},"ui/legacy/UIUtils.ts | copyLinkAddress":{"message":"Copy link address"},"ui/legacy/UIUtils.ts | ok":{"message":"OK"},"ui/legacy/UIUtils.ts | openInNewTab":{"message":"Open in new tab"},"ui/legacy/UIUtils.ts | promiseRejectedAsync":{"message":"Promise rejected (async)"},"ui/legacy/UIUtils.ts | promiseResolvedAsync":{"message":"Promise resolved (async)"},"ui/legacy/UIUtils.ts | sAsync":{"message":"{PH1} (async)"},"ui/legacy/ViewManager.ts | sPanel":{"message":"{PH1} panel"},"ui/legacy/ViewRegistration.ts | drawer":{"message":"Drawer"},"ui/legacy/ViewRegistration.ts | drawer_sidebar":{"message":"Drawer sidebar"},"ui/legacy/ViewRegistration.ts | elements":{"message":"Elements"},"ui/legacy/ViewRegistration.ts | network":{"message":"Network"},"ui/legacy/ViewRegistration.ts | panel":{"message":"Panel"},"ui/legacy/ViewRegistration.ts | settings":{"message":"Settings"},"ui/legacy/ViewRegistration.ts | sources":{"message":"Sources"}}
\ No newline at end of file
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 d231ec4dd10c..2e25b5694d59 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/device_mode_emulation_frame.html b/packages/debugger-frontend/dist/third-party/front_end/device_mode_emulation_frame.html
index d596abe3bf0e..b601a1db893f 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/device_mode_emulation_frame.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/device_mode_emulation_frame.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/device_mode_emulation_frame/device_mode_emulation_frame.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/devtools_app.html b/packages/debugger-frontend/dist/third-party/front_end/devtools_app.html
index f23e08cf3955..d7ba2348c558 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/devtools_app.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/devtools_app.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/devtools_app/devtools_app.js"></script>
 <body class="undocked" id="-blink-dev-tools">
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 d4c88c14fcbc..2627ff4a0650 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/js_app/js_app.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/js_app/js_app.js
index 1184c3ffd60a..3dbc4de78c67 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/js_app/js_app.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/js_app/js_app.js
@@ -1 +1 @@
-import"../shell/shell.js";import*as t from"../../core/common/common.js";import*as e from"../../core/i18n/i18n.js";import*as i from"../../ui/legacy/legacy.js";import*as n from"../../core/root/root.js";import*as o from"../../core/host/host.js";import*as r from"../../core/sdk/sdk.js";import*as a from"../../ui/legacy/components/utils/utils.js";import*as l from"../main/main.js";const s={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"},c=e.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",s),g=e.i18n.getLazilyComputedLocalizedString.bind(void 0,c);let m;async function d(){return m||(m=await import("../../panels/mobile_throttling/mobile_throttling.js")),m}i.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:g(s.throttling),commandPrompt:g(s.showThrottling),order:35,loadView:async()=>(await d()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(s.goOffline),loadActionDelegate:async()=>(await d()).ThrottlingManager.ActionDelegate.instance(),tags:[g(s.device),g(s.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(s.enableSlowGThrottling),loadActionDelegate:async()=>(await d()).ThrottlingManager.ActionDelegate.instance(),tags:[g(s.device),g(s.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(s.enableFastGThrottling),loadActionDelegate:async()=>(await d()).ThrottlingManager.ActionDelegate.instance(),tags:[g(s.device),g(s.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(s.goOnline),loadActionDelegate:async()=>(await d()).ThrottlingManager.ActionDelegate.instance(),tags:[g(s.device),g(s.throttlingTag)]}),t.Settings.registerSettingExtension({storageType:t.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:t.Settings.SettingType.ARRAY,defaultValue:[]});const p={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"},w=e.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",p),f=e.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let h,A;async function T(){return A||(A=await import("../../panels/profiler/profiler.js")),A}async function y(){return h||(h=await import("../../panels/timeline/timeline.js")),h}function P(t){return void 0===h?[]:t(h)}i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:f(p.profiler),commandPrompt:f(p.showProfiler),order:65,persistence:"closeable",experiment:n.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await T()).ProfilesPanel.JSProfilerPanel.instance()}),i.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:f(p.performance),commandPrompt:f(p.showPerformance),order:66,hasToolbar:!1,isPreviewFeature:!0,loadView:async()=>(await y()).TimelinePanel.TimelinePanel.instance({forceNew:null,isNode:!0})}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:f(p.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===A?[]:(t=>[t.ProfilesPanel.JSProfilerPanel])(A),loadActionDelegate:async()=>(await T()).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 y()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:f(p.showRecentTimelineSessions),contextTypes:()=>P((t=>[t.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:()=>P((t=>[t.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await y()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:f(p.record)},{value:!1,title:f(p.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>P((t=>[t.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:f(p.startProfilingAndReloadPage),loadActionDelegate:async()=>(await y()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const u={main:"Main"},R=e.i18n.registerUIStrings("entrypoints/js_app/js_app.ts",u),S=e.i18n.getLocalizedString.bind(void 0,R);let E;class C{static instance(t={forceNew:null}){const{forceNew:e}=t;return E&&!e||(E=new C),E}async run(){o.userMetrics.actionTaken(o.UserMetrics.Action.ConnectToNodeJSDirectly),r.Connections.initMainConnection((async()=>{r.TargetManager.TargetManager.instance().createTarget("main",S(u.main),r.Target.Type.Node,null).runtimeAgent().invoke_runIfWaitingForDebugger()}),a.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost)}}t.Runnable.registerEarlyInitializationRunnable(C.instance),new l.MainImpl.MainImpl;export{C as JsMainImpl};
+import"../shell/shell.js";import*as t from"../../core/common/common.js";import*as e from"../../core/i18n/i18n.js";import*as i from"../../ui/legacy/legacy.js";import*as n from"../../core/root/root.js";import*as o from"../../core/host/host.js";import*as r from"../../core/sdk/sdk.js";import*as a from"../../ui/legacy/components/utils/utils.js";import*as s from"../main/main.js";const l={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"},c=e.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",l),g=e.i18n.getLazilyComputedLocalizedString.bind(void 0,c);let d;async function m(){return d||(d=await import("../../panels/mobile_throttling/mobile_throttling.js")),d}i.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:g(l.throttling),commandPrompt:g(l.showThrottling),order:35,loadView:async()=>(await m()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(l.goOffline),loadActionDelegate:async()=>(await m()).ThrottlingManager.ActionDelegate.instance(),tags:[g(l.device),g(l.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(l.enableSlowGThrottling),loadActionDelegate:async()=>(await m()).ThrottlingManager.ActionDelegate.instance(),tags:[g(l.device),g(l.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(l.enableFastGThrottling),loadActionDelegate:async()=>(await m()).ThrottlingManager.ActionDelegate.instance(),tags:[g(l.device),g(l.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:i.ActionRegistration.ActionCategory.NETWORK,title:g(l.goOnline),loadActionDelegate:async()=>(await m()).ThrottlingManager.ActionDelegate.instance(),tags:[g(l.device),g(l.throttlingTag)]}),t.Settings.registerSettingExtension({storageType:t.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:t.Settings.SettingType.ARRAY,defaultValue:[]});const p={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"},f=e.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",p),h=e.i18n.getLazilyComputedLocalizedString.bind(void 0,f);let w,A;async function T(){return A||(A=await import("../../panels/profiler/profiler.js")),A}async function y(){return w||(w=await import("../../panels/timeline/timeline.js")),w}function R(t){return void 0===w?[]:t(w)}i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:h(p.profiler),commandPrompt:h(p.showProfiler),order:65,persistence:"permanent",experiment:n.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await T()).ProfilesPanel.JSProfilerPanel.instance()}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:h(p.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===A?[]:(t=>[t.ProfilesPanel.JSProfilerPanel])(A),loadActionDelegate:async()=>(await T()).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 y()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:h(p.showRecentTimelineSessions),contextTypes:()=>R((t=>[t.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:()=>R((t=>[t.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await y()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:h(p.record)},{value:!1,title:h(p.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>R((t=>[t.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:h(p.startProfilingAndReloadPage),loadActionDelegate:async()=>(await y()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const u={main:"Main"},P=e.i18n.registerUIStrings("entrypoints/js_app/js_app.ts",u),S=e.i18n.getLocalizedString.bind(void 0,P);let E;class C{static instance(t={forceNew:null}){const{forceNew:e}=t;return E&&!e||(E=new C),E}async run(){o.userMetrics.actionTaken(o.UserMetrics.Action.ConnectToNodeJSDirectly),r.Connections.initMainConnection((async()=>{r.TargetManager.TargetManager.instance().createTarget("main",S(u.main),r.Target.Type.Node,null).runtimeAgent().invoke_runIfWaitingForDebugger()}),a.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost)}}t.Runnable.registerEarlyInitializationRunnable(C.instance),new s.MainImpl.MainImpl;export{C as JsMainImpl};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/main/main.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/main/main.js
index f3217f8ae94f..f2ee82b8723b 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/main/main.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/main/main.js
@@ -1 +1 @@
-import*as e from"../../core/sdk/sdk.js";import*as t from"../../core/common/common.js";import*as n from"../../core/host/host.js";import*as o from"../../core/i18n/i18n.js";import*as r from"../../core/platform/platform.js";import*as s from"../../core/protocol_client/protocol_client.js";import*as i from"../../core/root/root.js";import*as a from"../../models/bindings/bindings.js";import*as l from"../../models/breakpoints/breakpoints.js";import*as c from"../../models/extensions/extensions.js";import*as d from"../../models/issues_manager/issues_manager.js";import*as m from"../../models/logs/logs.js";import*as g from"../../models/persistence/persistence.js";import*as p from"../../models/workspace/workspace.js";import*as u from"../../panels/snippets/snippets.js";import*as h from"../../panels/timeline/timeline.js";import*as f from"../../ui/components/icon_button/icon_button.js";import*as w from"../../ui/legacy/components/perf_ui/perf_ui.js";import*as S from"../../ui/legacy/components/utils/utils.js";import*as x from"../../ui/legacy/legacy.js";import*as v from"../../ui/legacy/theme_support/theme_support.js";class E{#e;#t;#n;#o;constructor(t,n){n.addFlavorChangeListener(e.RuntimeModel.ExecutionContext,this.#r,this),n.addFlavorChangeListener(e.Target.Target,this.#s,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextCreated,this.#i,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextDestroyed,this.#a,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextOrderChanged,this.#l,this),this.#e=t,this.#t=n,t.observeModels(e.RuntimeModel.RuntimeModel,this)}modelAdded(t){queueMicrotask(function(){this.#t.flavor(e.Target.Target)||this.#t.setFlavor(e.Target.Target,t.target())}.bind(this))}modelRemoved(t){const n=this.#t.flavor(e.RuntimeModel.ExecutionContext);n&&n.runtimeModel===t&&this.#c();const o=this.#e.models(e.RuntimeModel.RuntimeModel);this.#t.flavor(e.Target.Target)===t.target()&&o.length&&this.#t.setFlavor(e.Target.Target,o[0].target())}#r({data:t}){t&&(this.#t.setFlavor(e.Target.Target,t.target()),this.#o||(this.#n=this.#d(t)))}#d(e){return e.isDefault?e.target().name()+":"+e.frameId:""}#s({data:t}){const n=this.#t.flavor(e.RuntimeModel.ExecutionContext);if(!t||n&&n.target()===t)return;const o=t.model(e.RuntimeModel.RuntimeModel),r=o?o.executionContexts():[];if(!r.length)return;let s=null;for(let e=0;e<r.length&&!s;++e)this.#m(r[e])&&(s=r[e]);for(let e=0;e<r.length&&!s;++e)this.#g(r[e])&&(s=r[e]);this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,s||r[0]),this.#o=!1}#m(e){return!e.target().targetInfo()?.subtype&&(!(!this.#n||this.#n!==this.#d(e))||!this.#n&&this.#g(e))}#g(t){if(!t.isDefault||!t.frameId)return!1;if(t.target().parentTarget()?.type()===e.Target.Type.Frame)return!1;const n=t.target().model(e.ResourceTreeModel.ResourceTreeModel),o=n&&n.frameForId(t.frameId);return Boolean(o?.isOutermostFrame())}#i(e){this.#p(e.data)}#a(t){const n=t.data;this.#t.flavor(e.RuntimeModel.ExecutionContext)===n&&this.#c()}#l(e){const t=e.data.executionContexts();for(let e=0;e<t.length&&!this.#p(t[e]);e++);}#p(t){return!(this.#t.flavor(e.RuntimeModel.ExecutionContext)&&!this.#m(t))&&(this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,t),this.#o=!1,!0)}#c(){const t=this.#e.models(e.RuntimeModel.RuntimeModel);let n=null;for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();for(const e of o)if(this.#g(e)){n=e;break}}if(!n)for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();if(o.length){n=o[0];break}}this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,n),this.#o=!1}}var I=Object.freeze({__proto__:null,ExecutionContextSelector:E});const b={customizeAndControlDevtools:"Customize and control DevTools",dockSide:"Dock side",placementOfDevtoolsRelativeToThe:"Placement of DevTools relative to the page. ({PH1} to restore last position)",undockIntoSeparateWindow:"Undock into separate window",dockToBottom:"Dock to bottom",dockToRight:"Dock to right",dockToLeft:"Dock to left",focusDebuggee:"Focus debuggee",hideConsoleDrawer:"Hide console drawer",showConsoleDrawer:"Show console drawer",moreTools:"More tools",help:"Help",dockSideNaviation:"Use left and right arrow keys to navigate the options"},M=o.i18n.registerUIStrings("entrypoints/main/MainImpl.ts",b),T=o.i18n.getLocalizedString.bind(void 0,M);class R{#u;#h;#f;constructor(){R.instanceForTest=this,this.#h=new Promise((e=>{this.#f=e})),this.#w()}static time(e){n.InspectorFrontendHost.isUnderTest()||console.time(e)}static timeEnd(e){n.InspectorFrontendHost.isUnderTest()||console.timeEnd(e)}async#w(){console.timeStamp("Main._loaded"),i.Runtime.Runtime.setPlatform(n.Platform.platform());const e=await new Promise((e=>{n.InspectorFrontendHost.InspectorFrontendHostInstance.getPreferences(e)}));console.timeStamp("Main._gotPreferences"),this.#S(),this.createSettings(e),await this.requestAndRegisterLocaleData(),n.userMetrics.syncSetting(t.Settings.Settings.instance().moduleSetting("sync_preferences").get()),this.#x()}#S(){self.Common=self.Common||{},self.UI=self.UI||{},self.UI.panels=self.UI.panels||{},self.SDK=self.SDK||{},self.Bindings=self.Bindings||{},self.Persistence=self.Persistence||{},self.Workspace=self.Workspace||{},self.Extensions=self.Extensions||{},self.Host=self.Host||{},self.Host.userMetrics=self.Host.userMetrics||n.userMetrics,self.Host.UserMetrics=self.Host.UserMetrics||n.UserMetrics,self.ProtocolClient=self.ProtocolClient||{},self.ProtocolClient.test=self.ProtocolClient.test||s.InspectorBackend.test}async requestAndRegisterLocaleData(){const e=t.Settings.Settings.instance().moduleSetting("language").get(),r=o.DevToolsLocale.DevToolsLocale.instance({create:!0,data:{navigatorLanguage:navigator.language,settingLanguage:e,lookupClosestDevToolsLocale:o.i18n.lookupClosestSupportedDevToolsLocale}});n.userMetrics.language(r.locale),"en-US"!==r.locale&&await o.i18n.fetchAndRegisterLocaleData("en-US");try{await o.i18n.fetchAndRegisterLocaleData(r.locale)}catch(e){console.warn(`Unable to fetch & register locale data for '${r.locale}', falling back to 'en-US'. Cause: `,e),r.forceFallbackLocale()}}createSettings(e){this.#v();let o,r="";if(n.Platform.isCustomDevtoolsFrontend()?r="__custom__":i.Runtime.Runtime.queryParam("can_dock")||!Boolean(i.Runtime.Runtime.queryParam("debugFrontend"))||n.InspectorFrontendHost.isUnderTest()||(r="__bundled__"),!n.InspectorFrontendHost.isUnderTest()&&window.localStorage){const e={...t.Settings.NOOP_STORAGE,clear:()=>window.localStorage.clear()};o=new t.Settings.SettingsStorage(window.localStorage,e,r)}else o=new t.Settings.SettingsStorage({},t.Settings.NOOP_STORAGE,r);const s={register:e=>n.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(e,{synced:!1}),set:n.InspectorFrontendHost.InspectorFrontendHostInstance.setPreference,get:e=>new Promise((t=>{n.InspectorFrontendHost.InspectorFrontendHostInstance.getPreference(e,t)})),remove:n.InspectorFrontendHost.InspectorFrontendHostInstance.removePreference,clear:n.InspectorFrontendHost.InspectorFrontendHostInstance.clearPreferences},a={...s,register:e=>n.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(e,{synced:!0})},l=new t.Settings.SettingsStorage(e,a,r),c=new t.Settings.SettingsStorage(e,s,r);t.Settings.Settings.instance({forceNew:!0,syncedStorage:l,globalStorage:c,localStorage:o}),self.Common.settings=t.Settings.Settings.instance(),n.InspectorFrontendHost.isUnderTest()||(new t.Settings.VersionController).updateVersion()}#v(){i.Runtime.experiments.register("applyCustomStylesheet","Allow extensions to load custom stylesheets"),i.Runtime.experiments.register("captureNodeCreationStacks","Capture node creation stacks"),i.Runtime.experiments.register("sourcesPrettyPrint","Automatically pretty print minified sources"),i.Runtime.experiments.register("ignoreListJSFramesOnTimeline","Ignore List for JavaScript frames on Timeline",!0),i.Runtime.experiments.register("liveHeapProfile","Live heap profile",!0),i.Runtime.experiments.register("protocolMonitor","Protocol Monitor",void 0,"https://developer.chrome.com/blog/new-in-devtools-92/#protocol-monitor"),i.Runtime.experiments.register("developerResourcesView","Show developer resources view"),i.Runtime.experiments.register("cspViolationsView","Show CSP Violations view",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#csp"),i.Runtime.experiments.register("samplingHeapProfilerTimeline","Sampling heap profiler timeline",!0),i.Runtime.experiments.register("showOptionToExposeInternalsInHeapSnapshot","Show option to expose internals in heap snapshots"),i.Runtime.experiments.register("sourceOrderViewer","Source order viewer",void 0,"https://developer.chrome.com/blog/new-in-devtools-92/#source-order"),i.Runtime.experiments.register("webauthnPane","WebAuthn Pane"),i.Runtime.experiments.register("keyboardShortcutEditor","Enable keyboard shortcut editor",!1,"https://developer.chrome.com/blog/new-in-devtools-88/#keyboard-shortcuts"),i.Runtime.experiments.register("bfcacheDisplayTree","Show back/forward cache blocking reasons in the frame tree structure view"),i.Runtime.experiments.register("timelineEventInitiators","Timeline: event initiators"),i.Runtime.experiments.register("timelineInvalidationTracking","Timeline: invalidation tracking",!0),i.Runtime.experiments.register("timelineShowAllEvents","Timeline: show all events",!0),i.Runtime.experiments.register("timelineV8RuntimeCallStats","Timeline: V8 Runtime Call Stats on Timeline",!0),i.Runtime.experiments.register("timelineAsConsoleProfileResultPanel","View console.profile() results in the Performance panel for Node.js",!0),i.Runtime.experiments.register("jsProfilerTemporarilyEnable","Enable JavaScript Profiler temporarily",!1,"https://developer.chrome.com/blog/js-profiler-deprecation/","https://bugs.chromium.org/p/chromium/issues/detail?id=1354548"),i.Runtime.experiments.register("wasmDWARFDebugging","WebAssembly Debugging: Enable DWARF support",void 0,"https://developer.chrome.com/blog/wasm-debugging-2020/"),i.Runtime.experiments.register("evaluateExpressionsWithSourceMaps","Resolve variable names in expressions using source maps",void 0),i.Runtime.experiments.register("instrumentationBreakpoints","Enable instrumentation breakpoints",!0),i.Runtime.experiments.register("setAllBreakpointsEagerly","Set all breakpoints eagerly at startup",!0),i.Runtime.experiments.register("dualScreenSupport","Emulation: Support dual screen mode",void 0,"https://developer.chrome.com/blog/new-in-devtools-89#dual-screen"),i.Runtime.experiments.setEnabled("dualScreenSupport",!0),i.Runtime.experiments.register("APCA","Enable new Advanced Perceptual Contrast Algorithm (APCA) replacing previous contrast ratio and AA/AAA guidelines",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#apca"),i.Runtime.experiments.register("fullAccessibilityTree","Enable full accessibility tree view in the Elements panel",void 0,"https://developer.chrome.com/blog/new-in-devtools-90/#accesibility-tree","https://g.co/devtools/a11y-tree-feedback"),i.Runtime.experiments.register("fontEditor","Enable new Font Editor tool within the Styles Pane.",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#font"),i.Runtime.experiments.register("contrastIssues","Enable automatic contrast issue reporting via the Issues panel",void 0,"https://developer.chrome.com/blog/new-in-devtools-90/#low-contrast"),i.Runtime.experiments.register("experimentalCookieFeatures","Enable experimental cookie features"),i.Runtime.experiments.register("cssTypeComponentLength","Enable CSS <length> authoring tool in the Styles pane",void 0,"https://developer.chrome.com/blog/new-in-devtools-96/#length","https://g.co/devtools/length-feedback"),i.Runtime.experiments.register(i.Runtime.ExperimentName.PRECISE_CHANGES,"Display more precise changes in the Changes tab"),i.Runtime.experiments.register(i.Runtime.ExperimentName.STYLES_PANE_CSS_CHANGES,"Sync CSS changes in the Styles pane"),i.Runtime.experiments.register(i.Runtime.ExperimentName.HIGHLIGHT_ERRORS_ELEMENTS_PANEL,"Highlights a violating node or attribute in the Elements panel DOM tree"),i.Runtime.experiments.register(i.Runtime.ExperimentName.HEADER_OVERRIDES,"Local overrides for response headers"),i.Runtime.experiments.register(i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER,"Enable color picking outside the browser window"),i.Runtime.experiments.register(i.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING,"Group sources into Authored and Deployed trees",void 0,"https://goo.gle/authored-deployed","https://goo.gle/authored-deployed-feedback"),i.Runtime.experiments.register(i.Runtime.ExperimentName.JUST_MY_CODE,"Hide ignore-listed code in sources tree view"),i.Runtime.experiments.register(i.Runtime.ExperimentName.IMPORTANT_DOM_PROPERTIES,"Highlight important DOM properties in the Object Properties viewer"),i.Runtime.experiments.register(i.Runtime.ExperimentName.PRELOADING_STATUS_PANEL,"Enable Preloading Status Panel in Application panel",!0),i.Runtime.experiments.register(i.Runtime.ExperimentName.DISABLE_COLOR_FORMAT_SETTING,"Disable the deprecated `Color format` setting (requires reloading DevTools)",!1),i.Runtime.experiments.register(i.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR,"Enable background page selector (e.g. for prerendering debugging)",!1),i.Runtime.experiments.enableExperimentsByDefault(["sourceOrderViewer","cssTypeComponentLength",i.Runtime.ExperimentName.PRECISE_CHANGES,..."EyeDropper"in window?[i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER]:[],"keyboardShortcutEditor","sourcesPrettyPrint",i.Runtime.ExperimentName.DISABLE_COLOR_FORMAT_SETTING,i.Runtime.ExperimentName.TIMELINE_AS_CONSOLE_PROFILE_RESULT_PANEL,i.Runtime.ExperimentName.WASM_DWARF_DEBUGGING,i.Runtime.ExperimentName.HEADER_OVERRIDES]),i.Runtime.experiments.setNonConfigurableExperiments([..."EyeDropper"in window?[]:[i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER]]),i.Runtime.experiments.cleanUpStaleExperiments();const e=i.Runtime.Runtime.queryParam("enabledExperiments");if(e&&i.Runtime.experiments.setServerEnabledExperiments(e.split(";")),i.Runtime.experiments.enableExperimentsTransiently(["bfcacheDisplayTree","webauthnPane","developerResourcesView"]),n.InspectorFrontendHost.isUnderTest()){const e=i.Runtime.Runtime.queryParam("test");e&&e.includes("live-line-level-heap-profile.js")&&i.Runtime.experiments.enableForTest("liveHeapProfile")}for(const e of i.Runtime.experiments.enabledExperiments())n.userMetrics.experimentEnabledAtLaunch(e.name)}async#x(){R.time("Main._createAppUI"),self.UI.viewManager=x.ViewManager.ViewManager.instance(),self.Persistence.isolatedFileSystemManager=g.IsolatedFileSystemManager.IsolatedFileSystemManager.instance();const o=t.Settings.Settings.instance().createSetting("uiTheme","systemPreferred");x.UIUtils.initializeUIUtils(document),v.ThemeSupport.hasInstance()||v.ThemeSupport.instance({forceNew:!0,setting:o}),v.ThemeSupport.instance().applyTheme(document);const r=()=>{v.ThemeSupport.instance().applyTheme(document)},s=window.matchMedia("(prefers-color-scheme: dark)"),h=window.matchMedia("(forced-colors: active)");s.addEventListener("change",r),h.addEventListener("change",r),o.addChangeListener(r),x.UIUtils.installComponentRootStyles(document.body),this.#E(document);const f=Boolean(i.Runtime.Runtime.queryParam("can_dock"));self.UI.zoomManager=x.ZoomManager.ZoomManager.instance({forceNew:!0,win:window,frontendHost:n.InspectorFrontendHost.InspectorFrontendHostInstance}),self.UI.inspectorView=x.InspectorView.InspectorView.instance(),x.ContextMenu.ContextMenu.initialize(),x.ContextMenu.ContextMenu.installHandler(document),m.NetworkLog.NetworkLog.instance(),e.FrameManager.FrameManager.instance(),m.LogManager.LogManager.instance(),d.IssuesManager.IssuesManager.instance({forceNew:!0,ensureFirst:!0,showThirdPartyIssuesSetting:d.Issue.getShowThirdPartyIssuesSetting(),hideIssueSetting:d.IssuesManager.getHideIssueByCodeSetting()}),d.ContrastCheckTrigger.ContrastCheckTrigger.instance(),self.UI.dockController=x.DockController.DockController.instance({forceNew:!0,canDock:f}),self.SDK.multitargetNetworkManager=e.NetworkManager.MultitargetNetworkManager.instance({forceNew:!0}),self.SDK.domDebuggerManager=e.DOMDebuggerModel.DOMDebuggerManager.instance({forceNew:!0}),e.TargetManager.TargetManager.instance().addEventListener(e.TargetManager.Events.SuspendStateChanged,this.#I.bind(this)),self.Workspace.fileManager=p.FileManager.FileManager.instance({forceNew:!0}),self.Workspace.workspace=p.Workspace.WorkspaceImpl.instance(),self.Bindings.networkProjectManager=a.NetworkProject.NetworkProjectManager.instance();const w=new a.ResourceMapping.ResourceMapping(e.TargetManager.TargetManager.instance(),p.Workspace.WorkspaceImpl.instance());self.Bindings.resourceMapping=w,new a.PresentationConsoleMessageHelper.PresentationConsoleMessageManager,self.Bindings.cssWorkspaceBinding=a.CSSWorkspaceBinding.CSSWorkspaceBinding.instance({forceNew:!0,resourceMapping:w,targetManager:e.TargetManager.TargetManager.instance()}),self.Bindings.debuggerWorkspaceBinding=a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({forceNew:!0,resourceMapping:w,targetManager:e.TargetManager.TargetManager.instance()}),e.TargetManager.TargetManager.instance().setScopeTarget(e.TargetManager.TargetManager.instance().primaryPageTarget()),x.Context.Context.instance().addFlavorChangeListener(e.Target.Target,(({data:t})=>{const n=t?.outermostTarget();e.TargetManager.TargetManager.instance().setScopeTarget(n)})),self.Bindings.breakpointManager=l.BreakpointManager.BreakpointManager.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance(),targetManager:e.TargetManager.TargetManager.instance(),debuggerWorkspaceBinding:a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()}),self.Extensions.extensionServer=c.ExtensionServer.ExtensionServer.instance({forceNew:!0}),new g.FileSystemWorkspaceBinding.FileSystemWorkspaceBinding(g.IsolatedFileSystemManager.IsolatedFileSystemManager.instance(),p.Workspace.WorkspaceImpl.instance()),g.IsolatedFileSystemManager.IsolatedFileSystemManager.instance().addPlatformFileSystem("snippet://",new u.ScriptSnippetFileSystem.SnippetFileSystem),self.Persistence.persistence=g.Persistence.PersistenceImpl.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance(),breakpointManager:l.BreakpointManager.BreakpointManager.instance()}),self.Persistence.networkPersistenceManager=g.NetworkPersistenceManager.NetworkPersistenceManager.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance()}),self.Host.Platform=n.Platform,new E(e.TargetManager.TargetManager.instance(),x.Context.Context.instance()),self.Bindings.ignoreListManager=a.IgnoreListManager.IgnoreListManager.instance({forceNew:!0,debuggerWorkspaceBinding:a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()}),new _;const S=x.ActionRegistry.ActionRegistry.instance({forceNew:!0});self.UI.actionRegistry=S,self.UI.shortcutRegistry=x.ShortcutRegistry.ShortcutRegistry.instance({forceNew:!0,actionRegistry:S}),this.#b(),R.timeEnd("Main._createAppUI");const I=t.AppProvider.getRegisteredAppProviders()[0];if(!I)throw new Error("Unable to boot DevTools, as the appprovider is missing");await this.#M(await I.loadAppProvider())}async#M(e){R.time("Main._showAppUI");const t=e.createApp();x.DockController.DockController.instance().initialize(),t.presentUI(document);const o=x.ActionRegistry.ActionRegistry.instance().action("elements.toggle-element-search");o&&n.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(n.InspectorFrontendHostAPI.Events.EnterInspectElementMode,(()=>{o.execute()}),this),n.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(n.InspectorFrontendHostAPI.Events.RevealSourceLine,this.#T,this),await x.InspectorView.InspectorView.instance().createToolbars(),n.InspectorFrontendHost.InspectorFrontendHostInstance.loadCompleted();const r=i.Runtime.Runtime.queryParam("loadTimelineFromURL");null!==r&&h.TimelinePanel.LoadTimelineHandler.instance().handleQueryParam(r),x.ARIAUtils.alertElementInstance(),x.DockController.DockController.instance().announceDockLocation(),window.setTimeout(this.#R.bind(this),0),R.timeEnd("Main._showAppUI")}async#R(){R.time("Main._initializeTarget");for(const e of t.Runnable.earlyInitializationRunnables())await e().run();n.InspectorFrontendHost.InspectorFrontendHostInstance.readyForTest(),this.#f(),window.setTimeout(this.#C.bind(this),100),R.timeEnd("Main._initializeTarget")}#C(){R.time("Main._lateInitialization"),c.ExtensionServer.ExtensionServer.instance().initializeExtensions();const e=t.Runnable.lateInitializationRunnables().map((async e=>(await e()).run()));if(i.Runtime.experiments.isEnabled("liveHeapProfile")){const n="memoryLiveHeapProfile";if(t.Settings.Settings.instance().moduleSetting(n).get())e.push(w.LiveHeapProfile.LiveHeapProfile.instance().run());else{const e=async o=>{o.data&&(t.Settings.Settings.instance().moduleSetting(n).removeChangeListener(e),w.LiveHeapProfile.LiveHeapProfile.instance().run())};t.Settings.Settings.instance().moduleSetting(n).addChangeListener(e)}}this.#u=Promise.all(e).then((()=>{})),R.timeEnd("Main._lateInitialization")}lateInitDonePromiseForTest(){return this.#u}readyForTest(){return this.#h}#b(){t.Console.Console.instance().addEventListener(t.Console.Events.MessageAdded,(function({data:e}){e.show&&t.Console.Console.instance().show()}))}#T(e){const{url:n,lineNumber:o,columnNumber:r}=e.data,s=p.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(n);s?t.Revealer.reveal(s.uiLocation(o,r)):p.Workspace.WorkspaceImpl.instance().addEventListener(p.Workspace.Events.UISourceCodeAdded,(function e(s){const i=s.data;i.url()===n&&(t.Revealer.reveal(i.uiLocation(o,r)),p.Workspace.WorkspaceImpl.instance().removeEventListener(p.Workspace.Events.UISourceCodeAdded,e))}))}#k(e){e.handled||x.ShortcutRegistry.ShortcutRegistry.instance().handleShortcut(e)}#D(e){const t=new CustomEvent("clipboard-"+e.type,{bubbles:!0});t.original=e;const n=e.target&&e.target.ownerDocument,o=n?r.DOMUtilities.deepActiveElement(n):null;o&&o.dispatchEvent(t),t.handled&&e.preventDefault()}#P(e){(e.handled||e.target.classList.contains("popup-glasspane"))&&e.preventDefault()}#E(e){e.addEventListener("keydown",this.#k.bind(this),!1),e.addEventListener("beforecopy",this.#D.bind(this),!0),e.addEventListener("copy",this.#D.bind(this),!1),e.addEventListener("cut",this.#D.bind(this),!1),e.addEventListener("paste",this.#D.bind(this),!1),e.addEventListener("contextmenu",this.#P.bind(this),!0)}#I(){const t=e.TargetManager.TargetManager.instance().allTargetsSuspended();x.InspectorView.InspectorView.instance().onSuspendStateChanged(t)}static instanceForTest=null}let C,k,D,P,y;globalThis.Main=globalThis.Main||{},globalThis.Main.Main=R;class L{static instance(e={forceNew:null}){const{forceNew:t}=e;return C&&!t||(C=new L),C}handleAction(e,t){if(n.InspectorFrontendHost.InspectorFrontendHostInstance.isHostedMode())return!1;switch(t){case"main.zoom-in":return n.InspectorFrontendHost.InspectorFrontendHostInstance.zoomIn(),!0;case"main.zoom-out":return n.InspectorFrontendHost.InspectorFrontendHostInstance.zoomOut(),!0;case"main.zoom-reset":return n.InspectorFrontendHost.InspectorFrontendHostInstance.resetZoom(),!0}return!1}}class F{static instance(e={forceNew:null}){const{forceNew:t}=e;return k&&!t||(k=new F),k}handleAction(e,t){let n=x.SearchableView.SearchableView.fromElement(r.DOMUtilities.deepActiveElement(document));if(!n){const e=x.InspectorView.InspectorView.instance().currentPanelDeprecated();if(e&&e.searchableView&&(n=e.searchableView()),!n)return!1}switch(t){case"main.search-in-panel.find":return n.handleFindShortcut();case"main.search-in-panel.cancel":return n.handleCancelSearchShortcut();case"main.search-in-panel.find-next":return n.handleFindNextShortcut();case"main.search-in-panel.find-previous":return n.handleFindPreviousShortcut()}return!1}}class A{#y;constructor(){this.#y=new x.Toolbar.ToolbarMenuButton(this.#L.bind(this),!0),this.#y.element.classList.add("main-menu"),this.#y.setTitle(T(b.customizeAndControlDevtools))}static instance(e={forceNew:null}){const{forceNew:t}=e;return D&&!t||(D=new A),D}item(){return this.#y}#L(t){if(x.DockController.DockController.instance().canDock()){const e=document.createElement("div");e.classList.add("flex-centered"),e.classList.add("flex-auto"),e.classList.add("location-menu"),e.tabIndex=-1,x.ARIAUtils.setLabel(e,b.dockSide+b.dockSideNaviation);const n=e.createChild("span","dockside-title");n.textContent=T(b.dockSide);const o=x.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction("main.toggle-dock");x.Tooltip.Tooltip.install(n,T(b.placementOfDevtoolsRelativeToThe,{PH1:o[0].title()})),e.appendChild(n);const i=new x.Toolbar.Toolbar("",e);i.makeBlueOnHover();const a=new x.Toolbar.ToolbarToggle(T(b.undockIntoSeparateWindow),"dock-window"),l=new x.Toolbar.ToolbarToggle(T(b.dockToBottom),"dock-bottom"),c=new x.Toolbar.ToolbarToggle(T(b.dockToRight),"dock-right"),d=new x.Toolbar.ToolbarToggle(T(b.dockToLeft),"dock-left");a.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),l.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),c.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),d.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),a.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"undocked")),l.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"bottom")),c.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"right")),d.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"left")),a.setToggled("undocked"===x.DockController.DockController.instance().dockSide()),l.setToggled("bottom"===x.DockController.DockController.instance().dockSide()),c.setToggled("right"===x.DockController.DockController.instance().dockSide()),d.setToggled("left"===x.DockController.DockController.instance().dockSide()),i.appendToolbarItem(a),i.appendToolbarItem(d),i.appendToolbarItem(l),i.appendToolbarItem(c),e.addEventListener("keydown",(t=>{let n=0;if("ArrowLeft"===t.key)n=-1;else{if("ArrowRight"!==t.key){if("ArrowDown"===t.key){return void e.closest(".soft-context-menu")?.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown"}))}return}n=1}const o=[a,d,l,c];let s=o.findIndex((e=>e.element.hasFocus()));s=r.NumberUtilities.clamp(s+n,0,o.length-1),o[s].element.focus(),t.consume(!0)})),t.headerSection().appendCustomItem(e)}const o=this.#y.element;function s(e){x.DockController.DockController.instance().once("AfterDockSideChanged").then((()=>{o.focus()})),x.DockController.DockController.instance().setDockSide(e),t.discard()}if("undocked"===x.DockController.DockController.instance().dockSide()){const n=e.TargetManager.TargetManager.instance().primaryPageTarget();n&&n.type()===e.Target.Type.Frame&&t.defaultSection().appendAction("inspector_main.focus-debuggee",T(b.focusDebuggee))}t.defaultSection().appendAction("main.toggle-drawer",x.InspectorView.InspectorView.instance().drawerVisible()?T(b.hideConsoleDrawer):T(b.showConsoleDrawer)),t.appendItemsAtLocation("mainMenu");const i=t.defaultSection().appendSubMenuItem(T(b.moreTools)),a=x.ViewManager.getRegisteredViewExtensions();a.sort(((e,t)=>{const n=e.title(),o=t.title();return n.localeCompare(o)}));for(const e of a){const t=e.location(),o=e.persistence(),r=e.title(),s=e.viewId();if("issues-pane"!==s){if("closeable"===o&&("drawer-view"===t||"panel"===t))if(e.isPreviewFeature()){const e=new f.Icon.Icon;e.data={iconName:"experiment",color:"var(--icon-default)",width:"16px",height:"16px"},i.defaultSection().appendItem(r,(()=>{x.ViewManager.ViewManager.instance().showView(s,!0,!1)}),!1,e)}else i.defaultSection().appendItem(r,(()=>{x.ViewManager.ViewManager.instance().showView(s,!0,!1)}))}else i.defaultSection().appendItem(r,(()=>{n.userMetrics.issuesPanelOpenedFrom(n.UserMetrics.IssueOpener.HamburgerMenu),x.ViewManager.ViewManager.instance().showView("issues-pane",!0)}))}t.footerSection().appendSubMenuItem(T(b.help)).appendItemsAtLocation("mainMenuHelp")}}class N{#F;constructor(){this.#F=x.Toolbar.Toolbar.createActionButtonForId("settings.show",{showLabel:!1,userActionCode:void 0})}static instance(e={forceNew:null}){const{forceNew:t}=e;return P&&!t||(P=new N),P}item(){return this.#F}}class _{constructor(){e.TargetManager.TargetManager.instance().addModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerPaused,this.#A,this)}#A(n){e.TargetManager.TargetManager.instance().removeModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerPaused,this.#A,this);const o=n.data,r=o.debuggerPausedDetails();x.Context.Context.instance().setFlavor(e.Target.Target,o.target()),t.Revealer.reveal(r)}}class H{static instance(e={forceNew:null}){const{forceNew:t}=e;return y&&!t||(y=new H),y}handleAction(e,t){return"main.debug-reload"===t&&(S.Reload.reload(),!0)}}var O=Object.freeze({__proto__:null,MainImpl:R,ZoomActionDelegate:L,SearchActionDelegate:F,MainMenuItem:A,SettingsButtonProvider:N,PauseListener:_,sendOverProtocol:function(e,t){return new Promise(((n,o)=>{const r=s.InspectorBackend.test.sendRawMessage;if(!r)return o("Unable to send message to test client");r(e,t,((e,...t)=>e?o(e):n(t)))}))},ReloadActionDelegate:H});class U{presentUI(e){const t=new x.RootView.RootView;x.InspectorView.InspectorView.instance().show(t.element),t.attachToDocument(e),t.focus()}}let B;class V{static instance(e={forceNew:null}){const{forceNew:t}=e;return B&&!t||(B=new V),B}createApp(){return new U}}var W=Object.freeze({__proto__:null,SimpleApp:U,SimpleAppProvider:V});export{I as ExecutionContextSelector,O as MainImpl,W as SimpleApp};
+import*as e from"../../core/sdk/sdk.js";import*as t from"../../core/common/common.js";import*as n from"../../core/host/host.js";import*as o from"../../core/i18n/i18n.js";import*as r from"../../core/platform/platform.js";import*as s from"../../core/protocol_client/protocol_client.js";import*as i from"../../core/root/root.js";import*as a from"../../models/bindings/bindings.js";import*as l from"../../models/breakpoints/breakpoints.js";import*as c from"../../models/extensions/extensions.js";import*as d from"../../models/issues_manager/issues_manager.js";import*as g from"../../models/logs/logs.js";import*as m from"../../models/persistence/persistence.js";import*as p from"../../models/workspace/workspace.js";import*as u from"../../panels/snippets/snippets.js";import*as h from"../../panels/timeline/timeline.js";import*as f from"../../ui/components/icon_button/icon_button.js";import*as w from"../../ui/legacy/components/perf_ui/perf_ui.js";import*as S from"../../ui/legacy/components/utils/utils.js";import*as x from"../../ui/legacy/legacy.js";import*as v from"../../ui/legacy/theme_support/theme_support.js";class E{#e;#t;#n;#o;constructor(t,n){n.addFlavorChangeListener(e.RuntimeModel.ExecutionContext,this.#r,this),n.addFlavorChangeListener(e.Target.Target,this.#s,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextCreated,this.#i,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextDestroyed,this.#a,this),t.addModelListener(e.RuntimeModel.RuntimeModel,e.RuntimeModel.Events.ExecutionContextOrderChanged,this.#l,this),this.#e=t,this.#t=n,t.observeModels(e.RuntimeModel.RuntimeModel,this)}modelAdded(t){queueMicrotask(function(){this.#t.flavor(e.Target.Target)||this.#t.setFlavor(e.Target.Target,t.target())}.bind(this))}modelRemoved(t){const n=this.#t.flavor(e.RuntimeModel.ExecutionContext);n&&n.runtimeModel===t&&this.#c();const o=this.#e.models(e.RuntimeModel.RuntimeModel);this.#t.flavor(e.Target.Target)===t.target()&&o.length&&this.#t.setFlavor(e.Target.Target,o[0].target())}#r({data:t}){t&&(this.#t.setFlavor(e.Target.Target,t.target()),this.#o||(this.#n=this.#d(t)))}#d(e){return e.isDefault?e.target().name()+":"+e.frameId:""}#s({data:t}){const n=this.#t.flavor(e.RuntimeModel.ExecutionContext);if(!t||n&&n.target()===t)return;const o=t.model(e.RuntimeModel.RuntimeModel),r=o?o.executionContexts():[];if(!r.length)return;let s=null;for(let e=0;e<r.length&&!s;++e)this.#g(r[e])&&(s=r[e]);for(let e=0;e<r.length&&!s;++e)this.#m(r[e])&&(s=r[e]);this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,s||r[0]),this.#o=!1}#g(e){return!e.target().targetInfo()?.subtype&&(!(!this.#n||this.#n!==this.#d(e))||!this.#n&&this.#m(e))}#m(t){if(!t.isDefault||!t.frameId)return!1;if(t.target().parentTarget()?.type()===e.Target.Type.Frame)return!1;const n=t.target().model(e.ResourceTreeModel.ResourceTreeModel),o=n&&n.frameForId(t.frameId);return Boolean(o?.isOutermostFrame())}#i(e){this.#p(e.data)}#a(t){const n=t.data;this.#t.flavor(e.RuntimeModel.ExecutionContext)===n&&this.#c()}#l(e){const t=e.data.executionContexts();for(let e=0;e<t.length&&!this.#p(t[e]);e++);}#p(t){return!(this.#t.flavor(e.RuntimeModel.ExecutionContext)&&!this.#g(t))&&(this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,t),this.#o=!1,!0)}#c(){const t=this.#e.models(e.RuntimeModel.RuntimeModel);let n=null;for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();for(const e of o)if(this.#m(e)){n=e;break}}if(!n)for(let e=0;e<t.length&&!n;++e){const o=t[e].executionContexts();if(o.length){n=o[0];break}}this.#o=!0,this.#t.setFlavor(e.RuntimeModel.ExecutionContext,n),this.#o=!1}}var I=Object.freeze({__proto__:null,ExecutionContextSelector:E});const M={customizeAndControlDevtools:"Customize and control DevTools",dockSide:"Dock side",placementOfDevtoolsRelativeToThe:"Placement of DevTools relative to the page. ({PH1} to restore last position)",undockIntoSeparateWindow:"Undock into separate window",dockToBottom:"Dock to bottom",dockToRight:"Dock to right",dockToLeft:"Dock to left",focusDebuggee:"Focus debuggee",hideConsoleDrawer:"Hide console drawer",showConsoleDrawer:"Show console drawer",moreTools:"More tools",help:"Help",dockSideNaviation:"Use left and right arrow keys to navigate the options"},T=o.i18n.registerUIStrings("entrypoints/main/MainImpl.ts",M),b=o.i18n.getLocalizedString.bind(void 0,T);class R{#u;#h;#f;constructor(){R.instanceForTest=this,this.#h=new Promise((e=>{this.#f=e})),this.#w()}static time(e){n.InspectorFrontendHost.isUnderTest()||console.time(e)}static timeEnd(e){n.InspectorFrontendHost.isUnderTest()||console.timeEnd(e)}async#w(){console.timeStamp("Main._loaded"),i.Runtime.Runtime.setPlatform(n.Platform.platform());const e=await new Promise((e=>{n.InspectorFrontendHost.InspectorFrontendHostInstance.getPreferences(e)}));console.timeStamp("Main._gotPreferences"),this.#S(),this.createSettings(e),await this.requestAndRegisterLocaleData(),n.userMetrics.syncSetting(t.Settings.Settings.instance().moduleSetting("sync_preferences").get()),this.#x()}#S(){self.Common=self.Common||{},self.UI=self.UI||{},self.UI.panels=self.UI.panels||{},self.SDK=self.SDK||{},self.Bindings=self.Bindings||{},self.Persistence=self.Persistence||{},self.Workspace=self.Workspace||{},self.Extensions=self.Extensions||{},self.Host=self.Host||{},self.Host.userMetrics=self.Host.userMetrics||n.userMetrics,self.Host.UserMetrics=self.Host.UserMetrics||n.UserMetrics,self.ProtocolClient=self.ProtocolClient||{},self.ProtocolClient.test=self.ProtocolClient.test||s.InspectorBackend.test}async requestAndRegisterLocaleData(){const e=t.Settings.Settings.instance().moduleSetting("language").get(),r=o.DevToolsLocale.DevToolsLocale.instance({create:!0,data:{navigatorLanguage:navigator.language,settingLanguage:e,lookupClosestDevToolsLocale:o.i18n.lookupClosestSupportedDevToolsLocale}});n.userMetrics.language(r.locale),"en-US"!==r.locale&&await o.i18n.fetchAndRegisterLocaleData("en-US");try{await o.i18n.fetchAndRegisterLocaleData(r.locale)}catch(e){console.warn(`Unable to fetch & register locale data for '${r.locale}', falling back to 'en-US'. Cause: `,e),r.forceFallbackLocale()}}createSettings(e){this.#v();let o,r="";if(n.Platform.isCustomDevtoolsFrontend()?r="__custom__":i.Runtime.Runtime.queryParam("can_dock")||!Boolean(i.Runtime.Runtime.queryParam("debugFrontend"))||n.InspectorFrontendHost.isUnderTest()||(r="__bundled__"),!n.InspectorFrontendHost.isUnderTest()&&window.localStorage){const e={...t.Settings.NOOP_STORAGE,clear:()=>window.localStorage.clear()};o=new t.Settings.SettingsStorage(window.localStorage,e,r)}else o=new t.Settings.SettingsStorage({},t.Settings.NOOP_STORAGE,r);const s={register:e=>n.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(e,{synced:!1}),set:n.InspectorFrontendHost.InspectorFrontendHostInstance.setPreference,get:e=>new Promise((t=>{n.InspectorFrontendHost.InspectorFrontendHostInstance.getPreference(e,t)})),remove:n.InspectorFrontendHost.InspectorFrontendHostInstance.removePreference,clear:n.InspectorFrontendHost.InspectorFrontendHostInstance.clearPreferences},a={...s,register:e=>n.InspectorFrontendHost.InspectorFrontendHostInstance.registerPreference(e,{synced:!0})},l=new t.Settings.SettingsStorage(e,a,r),c=new t.Settings.SettingsStorage(e,s,r);t.Settings.Settings.instance({forceNew:!0,syncedStorage:l,globalStorage:c,localStorage:o}),self.Common.settings=t.Settings.Settings.instance(),n.InspectorFrontendHost.isUnderTest()||(new t.Settings.VersionController).updateVersion()}#v(){i.Runtime.experiments.register("applyCustomStylesheet","Allow extensions to load custom stylesheets"),i.Runtime.experiments.register("captureNodeCreationStacks","Capture node creation stacks"),i.Runtime.experiments.register("sourcesPrettyPrint","Automatically pretty print minified sources"),i.Runtime.experiments.register("ignoreListJSFramesOnTimeline","Ignore List for JavaScript frames on Timeline",!0),i.Runtime.experiments.register("liveHeapProfile","Live heap profile",!0),i.Runtime.experiments.register("protocolMonitor","Protocol Monitor",void 0,"https://developer.chrome.com/blog/new-in-devtools-92/#protocol-monitor"),i.Runtime.experiments.register("developerResourcesView","Show developer resources view"),i.Runtime.experiments.register("cspViolationsView","Show CSP Violations view",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#csp"),i.Runtime.experiments.register("samplingHeapProfilerTimeline","Sampling heap profiler timeline",!0),i.Runtime.experiments.register("showOptionToExposeInternalsInHeapSnapshot","Show option to expose internals in heap snapshots"),i.Runtime.experiments.register("sourceOrderViewer","Source order viewer",void 0,"https://developer.chrome.com/blog/new-in-devtools-92/#source-order"),i.Runtime.experiments.register("webauthnPane","WebAuthn Pane"),i.Runtime.experiments.register("keyboardShortcutEditor","Enable keyboard shortcut editor",!1,"https://developer.chrome.com/blog/new-in-devtools-88/#keyboard-shortcuts"),i.Runtime.experiments.register("bfcacheDisplayTree","Show back/forward cache blocking reasons in the frame tree structure view"),i.Runtime.experiments.register("timelineEventInitiators","Timeline: event initiators"),i.Runtime.experiments.register("timelineInvalidationTracking","Timeline: invalidation tracking",!0),i.Runtime.experiments.register("timelineShowAllEvents","Timeline: show all events",!0),i.Runtime.experiments.register("timelineV8RuntimeCallStats","Timeline: V8 Runtime Call Stats on Timeline",!0),i.Runtime.experiments.register("timelineAsConsoleProfileResultPanel","View console.profile() results in the Performance panel for Node.js",!0),i.Runtime.experiments.register("wasmDWARFDebugging","WebAssembly Debugging: Enable DWARF support",void 0,"https://developer.chrome.com/blog/wasm-debugging-2020/"),i.Runtime.experiments.register("evaluateExpressionsWithSourceMaps","Resolve variable names in expressions using source maps",void 0),i.Runtime.experiments.register("instrumentationBreakpoints","Enable instrumentation breakpoints",!0),i.Runtime.experiments.register("setAllBreakpointsEagerly","Set all breakpoints eagerly at startup",!0),i.Runtime.experiments.register("dualScreenSupport","Emulation: Support dual screen mode",void 0,"https://developer.chrome.com/blog/new-in-devtools-89#dual-screen"),i.Runtime.experiments.setEnabled("dualScreenSupport",!0),i.Runtime.experiments.register("APCA","Enable new Advanced Perceptual Contrast Algorithm (APCA) replacing previous contrast ratio and AA/AAA guidelines",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#apca"),i.Runtime.experiments.register("fullAccessibilityTree","Enable full accessibility tree view in the Elements panel",void 0,"https://developer.chrome.com/blog/new-in-devtools-90/#accesibility-tree","https://g.co/devtools/a11y-tree-feedback"),i.Runtime.experiments.register("fontEditor","Enable new Font Editor tool within the Styles Pane.",void 0,"https://developer.chrome.com/blog/new-in-devtools-89/#font"),i.Runtime.experiments.register("contrastIssues","Enable automatic contrast issue reporting via the Issues panel",void 0,"https://developer.chrome.com/blog/new-in-devtools-90/#low-contrast"),i.Runtime.experiments.register("experimentalCookieFeatures","Enable experimental cookie features"),i.Runtime.experiments.register("cssTypeComponentLength","Enable CSS <length> authoring tool in the Styles pane",void 0,"https://developer.chrome.com/blog/new-in-devtools-96/#length","https://g.co/devtools/length-feedback"),i.Runtime.experiments.register(i.Runtime.ExperimentName.PRECISE_CHANGES,"Display more precise changes in the Changes tab"),i.Runtime.experiments.register(i.Runtime.ExperimentName.STYLES_PANE_CSS_CHANGES,"Sync CSS changes in the Styles pane"),i.Runtime.experiments.register(i.Runtime.ExperimentName.HIGHLIGHT_ERRORS_ELEMENTS_PANEL,"Highlights a violating node or attribute in the Elements panel DOM tree"),i.Runtime.experiments.register(i.Runtime.ExperimentName.HEADER_OVERRIDES,"Local overrides for response headers"),i.Runtime.experiments.register(i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER,"Enable color picking outside the browser window"),i.Runtime.experiments.register(i.Runtime.ExperimentName.AUTHORED_DEPLOYED_GROUPING,"Group sources into Authored and Deployed trees",void 0,"https://goo.gle/authored-deployed","https://goo.gle/authored-deployed-feedback"),i.Runtime.experiments.register(i.Runtime.ExperimentName.JUST_MY_CODE,"Hide ignore-listed code in sources tree view"),i.Runtime.experiments.register(i.Runtime.ExperimentName.IMPORTANT_DOM_PROPERTIES,"Highlight important DOM properties in the Object Properties viewer"),i.Runtime.experiments.register(i.Runtime.ExperimentName.PRELOADING_STATUS_PANEL,"Enable Preloading Status Panel in Application panel",!0),i.Runtime.experiments.register(i.Runtime.ExperimentName.DISABLE_COLOR_FORMAT_SETTING,"Disable the deprecated `Color format` setting (requires reloading DevTools)",!1),i.Runtime.experiments.register(i.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR,"Enable background page selector (e.g. for prerendering debugging)",!1),i.Runtime.experiments.enableExperimentsByDefault(["sourceOrderViewer","cssTypeComponentLength",i.Runtime.ExperimentName.PRECISE_CHANGES,..."EyeDropper"in window?[i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER]:[],"keyboardShortcutEditor","sourcesPrettyPrint",i.Runtime.ExperimentName.DISABLE_COLOR_FORMAT_SETTING,i.Runtime.ExperimentName.TIMELINE_AS_CONSOLE_PROFILE_RESULT_PANEL,i.Runtime.ExperimentName.WASM_DWARF_DEBUGGING,i.Runtime.ExperimentName.HEADER_OVERRIDES]),i.Runtime.experiments.setNonConfigurableExperiments([..."EyeDropper"in window?[]:[i.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER]]),i.Runtime.experiments.cleanUpStaleExperiments();const e=i.Runtime.Runtime.queryParam("enabledExperiments");if(e&&i.Runtime.experiments.setServerEnabledExperiments(e.split(";")),i.Runtime.experiments.enableExperimentsTransiently(["bfcacheDisplayTree","webauthnPane","developerResourcesView"]),n.InspectorFrontendHost.isUnderTest()){const e=i.Runtime.Runtime.queryParam("test");e&&e.includes("live-line-level-heap-profile.js")&&i.Runtime.experiments.enableForTest("liveHeapProfile")}for(const e of i.Runtime.experiments.enabledExperiments())n.userMetrics.experimentEnabledAtLaunch(e.name)}async#x(){R.time("Main._createAppUI"),self.UI.viewManager=x.ViewManager.ViewManager.instance(),self.Persistence.isolatedFileSystemManager=m.IsolatedFileSystemManager.IsolatedFileSystemManager.instance();const o=t.Settings.Settings.instance().createSetting("uiTheme","systemPreferred");x.UIUtils.initializeUIUtils(document),v.ThemeSupport.hasInstance()||v.ThemeSupport.instance({forceNew:!0,setting:o}),v.ThemeSupport.instance().applyTheme(document);const r=()=>{v.ThemeSupport.instance().applyTheme(document)},s=window.matchMedia("(prefers-color-scheme: dark)"),h=window.matchMedia("(forced-colors: active)");s.addEventListener("change",r),h.addEventListener("change",r),o.addChangeListener(r),x.UIUtils.installComponentRootStyles(document.body),this.#E(document);const f=Boolean(i.Runtime.Runtime.queryParam("can_dock"));self.UI.zoomManager=x.ZoomManager.ZoomManager.instance({forceNew:!0,win:window,frontendHost:n.InspectorFrontendHost.InspectorFrontendHostInstance}),self.UI.inspectorView=x.InspectorView.InspectorView.instance(),x.ContextMenu.ContextMenu.initialize(),x.ContextMenu.ContextMenu.installHandler(document),g.NetworkLog.NetworkLog.instance(),e.FrameManager.FrameManager.instance(),g.LogManager.LogManager.instance(),d.IssuesManager.IssuesManager.instance({forceNew:!0,ensureFirst:!0,showThirdPartyIssuesSetting:d.Issue.getShowThirdPartyIssuesSetting(),hideIssueSetting:d.IssuesManager.getHideIssueByCodeSetting()}),d.ContrastCheckTrigger.ContrastCheckTrigger.instance(),self.UI.dockController=x.DockController.DockController.instance({forceNew:!0,canDock:f}),self.SDK.multitargetNetworkManager=e.NetworkManager.MultitargetNetworkManager.instance({forceNew:!0}),self.SDK.domDebuggerManager=e.DOMDebuggerModel.DOMDebuggerManager.instance({forceNew:!0}),e.TargetManager.TargetManager.instance().addEventListener(e.TargetManager.Events.SuspendStateChanged,this.#I.bind(this)),self.Workspace.fileManager=p.FileManager.FileManager.instance({forceNew:!0}),self.Workspace.workspace=p.Workspace.WorkspaceImpl.instance(),self.Bindings.networkProjectManager=a.NetworkProject.NetworkProjectManager.instance();const w=new a.ResourceMapping.ResourceMapping(e.TargetManager.TargetManager.instance(),p.Workspace.WorkspaceImpl.instance());self.Bindings.resourceMapping=w,new a.PresentationConsoleMessageHelper.PresentationConsoleMessageManager,self.Bindings.cssWorkspaceBinding=a.CSSWorkspaceBinding.CSSWorkspaceBinding.instance({forceNew:!0,resourceMapping:w,targetManager:e.TargetManager.TargetManager.instance()}),self.Bindings.debuggerWorkspaceBinding=a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({forceNew:!0,resourceMapping:w,targetManager:e.TargetManager.TargetManager.instance()}),e.TargetManager.TargetManager.instance().setScopeTarget(e.TargetManager.TargetManager.instance().primaryPageTarget()),x.Context.Context.instance().addFlavorChangeListener(e.Target.Target,(({data:t})=>{const n=t?.outermostTarget();e.TargetManager.TargetManager.instance().setScopeTarget(n)})),self.Bindings.breakpointManager=l.BreakpointManager.BreakpointManager.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance(),targetManager:e.TargetManager.TargetManager.instance(),debuggerWorkspaceBinding:a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()}),self.Extensions.extensionServer=c.ExtensionServer.ExtensionServer.instance({forceNew:!0}),new m.FileSystemWorkspaceBinding.FileSystemWorkspaceBinding(m.IsolatedFileSystemManager.IsolatedFileSystemManager.instance(),p.Workspace.WorkspaceImpl.instance()),m.IsolatedFileSystemManager.IsolatedFileSystemManager.instance().addPlatformFileSystem("snippet://",new u.ScriptSnippetFileSystem.SnippetFileSystem),self.Persistence.persistence=m.Persistence.PersistenceImpl.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance(),breakpointManager:l.BreakpointManager.BreakpointManager.instance()}),self.Persistence.networkPersistenceManager=m.NetworkPersistenceManager.NetworkPersistenceManager.instance({forceNew:!0,workspace:p.Workspace.WorkspaceImpl.instance()}),self.Host.Platform=n.Platform,new E(e.TargetManager.TargetManager.instance(),x.Context.Context.instance()),self.Bindings.ignoreListManager=a.IgnoreListManager.IgnoreListManager.instance({forceNew:!0,debuggerWorkspaceBinding:a.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()}),new _;const S=x.ActionRegistry.ActionRegistry.instance({forceNew:!0});self.UI.actionRegistry=S,self.UI.shortcutRegistry=x.ShortcutRegistry.ShortcutRegistry.instance({forceNew:!0,actionRegistry:S}),this.#M(),R.timeEnd("Main._createAppUI");const I=t.AppProvider.getRegisteredAppProviders()[0];if(!I)throw new Error("Unable to boot DevTools, as the appprovider is missing");await this.#T(await I.loadAppProvider())}async#T(e){R.time("Main._showAppUI");const t=e.createApp();x.DockController.DockController.instance().initialize(),t.presentUI(document);const o=x.ActionRegistry.ActionRegistry.instance().action("elements.toggle-element-search");o&&n.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(n.InspectorFrontendHostAPI.Events.EnterInspectElementMode,(()=>{o.execute()}),this),n.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(n.InspectorFrontendHostAPI.Events.RevealSourceLine,this.#b,this),await x.InspectorView.InspectorView.instance().createToolbars(),n.InspectorFrontendHost.InspectorFrontendHostInstance.loadCompleted();const r=i.Runtime.Runtime.queryParam("loadTimelineFromURL");null!==r&&h.TimelinePanel.LoadTimelineHandler.instance().handleQueryParam(r),x.ARIAUtils.alertElementInstance(),x.DockController.DockController.instance().announceDockLocation(),window.setTimeout(this.#R.bind(this),0),R.timeEnd("Main._showAppUI")}async#R(){R.time("Main._initializeTarget");for(const e of t.Runnable.earlyInitializationRunnables())await e().run();n.InspectorFrontendHost.InspectorFrontendHostInstance.readyForTest(),this.#f(),window.setTimeout(this.#C.bind(this),100),R.timeEnd("Main._initializeTarget")}#C(){R.time("Main._lateInitialization"),c.ExtensionServer.ExtensionServer.instance().initializeExtensions();const e=t.Runnable.lateInitializationRunnables().map((async e=>(await e()).run()));if(i.Runtime.experiments.isEnabled("liveHeapProfile")){const n="memoryLiveHeapProfile";if(t.Settings.Settings.instance().moduleSetting(n).get())e.push(w.LiveHeapProfile.LiveHeapProfile.instance().run());else{const e=async o=>{o.data&&(t.Settings.Settings.instance().moduleSetting(n).removeChangeListener(e),w.LiveHeapProfile.LiveHeapProfile.instance().run())};t.Settings.Settings.instance().moduleSetting(n).addChangeListener(e)}}this.#u=Promise.all(e).then((()=>{})),R.timeEnd("Main._lateInitialization")}lateInitDonePromiseForTest(){return this.#u}readyForTest(){return this.#h}#M(){t.Console.Console.instance().addEventListener(t.Console.Events.MessageAdded,(function({data:e}){e.show&&t.Console.Console.instance().show()}))}#b(e){const{url:n,lineNumber:o,columnNumber:r}=e.data,s=p.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(n);s?t.Revealer.reveal(s.uiLocation(o,r)):p.Workspace.WorkspaceImpl.instance().addEventListener(p.Workspace.Events.UISourceCodeAdded,(function e(s){const i=s.data;i.url()===n&&(t.Revealer.reveal(i.uiLocation(o,r)),p.Workspace.WorkspaceImpl.instance().removeEventListener(p.Workspace.Events.UISourceCodeAdded,e))}))}#k(e){e.handled||x.ShortcutRegistry.ShortcutRegistry.instance().handleShortcut(e)}#D(e){const t=new CustomEvent("clipboard-"+e.type,{bubbles:!0});t.original=e;const n=e.target&&e.target.ownerDocument,o=n?r.DOMUtilities.deepActiveElement(n):null;o&&o.dispatchEvent(t),t.handled&&e.preventDefault()}#P(e){(e.handled||e.target.classList.contains("popup-glasspane"))&&e.preventDefault()}#E(e){e.addEventListener("keydown",this.#k.bind(this),!1),e.addEventListener("beforecopy",this.#D.bind(this),!0),e.addEventListener("copy",this.#D.bind(this),!1),e.addEventListener("cut",this.#D.bind(this),!1),e.addEventListener("paste",this.#D.bind(this),!1),e.addEventListener("contextmenu",this.#P.bind(this),!0)}#I(){const t=e.TargetManager.TargetManager.instance().allTargetsSuspended();x.InspectorView.InspectorView.instance().onSuspendStateChanged(t)}static instanceForTest=null}let C,k,D,P,y;globalThis.Main=globalThis.Main||{},globalThis.Main.Main=R;class L{static instance(e={forceNew:null}){const{forceNew:t}=e;return C&&!t||(C=new L),C}handleAction(e,t){if(n.InspectorFrontendHost.InspectorFrontendHostInstance.isHostedMode())return!1;switch(t){case"main.zoom-in":return n.InspectorFrontendHost.InspectorFrontendHostInstance.zoomIn(),!0;case"main.zoom-out":return n.InspectorFrontendHost.InspectorFrontendHostInstance.zoomOut(),!0;case"main.zoom-reset":return n.InspectorFrontendHost.InspectorFrontendHostInstance.resetZoom(),!0}return!1}}class F{static instance(e={forceNew:null}){const{forceNew:t}=e;return k&&!t||(k=new F),k}handleAction(e,t){let n=x.SearchableView.SearchableView.fromElement(r.DOMUtilities.deepActiveElement(document));if(!n){const e=x.InspectorView.InspectorView.instance().currentPanelDeprecated();if(e&&e.searchableView&&(n=e.searchableView()),!n)return!1}switch(t){case"main.search-in-panel.find":return n.handleFindShortcut();case"main.search-in-panel.cancel":return n.handleCancelSearchShortcut();case"main.search-in-panel.find-next":return n.handleFindNextShortcut();case"main.search-in-panel.find-previous":return n.handleFindPreviousShortcut()}return!1}}class A{#y;constructor(){this.#y=new x.Toolbar.ToolbarMenuButton(this.#L.bind(this),!0),this.#y.element.classList.add("main-menu"),this.#y.setTitle(b(M.customizeAndControlDevtools))}static instance(e={forceNew:null}){const{forceNew:t}=e;return D&&!t||(D=new A),D}item(){return this.#y}#L(t){if(x.DockController.DockController.instance().canDock()){const e=document.createElement("div");e.classList.add("flex-centered"),e.classList.add("flex-auto"),e.classList.add("location-menu"),e.tabIndex=-1,x.ARIAUtils.setLabel(e,M.dockSide+M.dockSideNaviation);const n=e.createChild("span","dockside-title");n.textContent=b(M.dockSide);const o=x.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction("main.toggle-dock");x.Tooltip.Tooltip.install(n,b(M.placementOfDevtoolsRelativeToThe,{PH1:o[0].title()})),e.appendChild(n);const i=new x.Toolbar.Toolbar("",e);i.makeBlueOnHover();const a=new x.Toolbar.ToolbarToggle(b(M.undockIntoSeparateWindow),"dock-window"),l=new x.Toolbar.ToolbarToggle(b(M.dockToBottom),"dock-bottom"),c=new x.Toolbar.ToolbarToggle(b(M.dockToRight),"dock-right"),d=new x.Toolbar.ToolbarToggle(b(M.dockToLeft),"dock-left");a.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),l.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),c.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),d.addEventListener(x.Toolbar.ToolbarButton.Events.MouseDown,(e=>e.data.consume())),a.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"undocked")),l.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"bottom")),c.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"right")),d.addEventListener(x.Toolbar.ToolbarButton.Events.Click,s.bind(null,"left")),a.setToggled("undocked"===x.DockController.DockController.instance().dockSide()),l.setToggled("bottom"===x.DockController.DockController.instance().dockSide()),c.setToggled("right"===x.DockController.DockController.instance().dockSide()),d.setToggled("left"===x.DockController.DockController.instance().dockSide()),i.appendToolbarItem(a),i.appendToolbarItem(d),i.appendToolbarItem(l),i.appendToolbarItem(c),e.addEventListener("keydown",(t=>{let n=0;if("ArrowLeft"===t.key)n=-1;else{if("ArrowRight"!==t.key){if("ArrowDown"===t.key){return void e.closest(".soft-context-menu")?.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown"}))}return}n=1}const o=[a,d,l,c];let s=o.findIndex((e=>e.element.hasFocus()));s=r.NumberUtilities.clamp(s+n,0,o.length-1),o[s].element.focus(),t.consume(!0)})),t.headerSection().appendCustomItem(e)}const o=this.#y.element;function s(e){x.DockController.DockController.instance().once("AfterDockSideChanged").then((()=>{o.focus()})),x.DockController.DockController.instance().setDockSide(e),t.discard()}if("undocked"===x.DockController.DockController.instance().dockSide()){const n=e.TargetManager.TargetManager.instance().primaryPageTarget();n&&n.type()===e.Target.Type.Frame&&t.defaultSection().appendAction("inspector_main.focus-debuggee",b(M.focusDebuggee))}t.defaultSection().appendAction("main.toggle-drawer",x.InspectorView.InspectorView.instance().drawerVisible()?b(M.hideConsoleDrawer):b(M.showConsoleDrawer)),t.appendItemsAtLocation("mainMenu");const i=t.defaultSection().appendSubMenuItem(b(M.moreTools)),a=x.ViewManager.getRegisteredViewExtensions();a.sort(((e,t)=>{const n=e.title(),o=t.title();return n.localeCompare(o)}));for(const e of a){const t=e.location(),o=e.persistence(),r=e.title(),s=e.viewId();if("issues-pane"!==s){if("closeable"===o&&("drawer-view"===t||"panel"===t))if(e.isPreviewFeature()){const e=new f.Icon.Icon;e.data={iconName:"experiment",color:"var(--icon-default)",width:"16px",height:"16px"},i.defaultSection().appendItem(r,(()=>{x.ViewManager.ViewManager.instance().showView(s,!0,!1)}),!1,e)}else i.defaultSection().appendItem(r,(()=>{x.ViewManager.ViewManager.instance().showView(s,!0,!1)}))}else i.defaultSection().appendItem(r,(()=>{n.userMetrics.issuesPanelOpenedFrom(n.UserMetrics.IssueOpener.HamburgerMenu),x.ViewManager.ViewManager.instance().showView("issues-pane",!0)}))}t.footerSection().appendSubMenuItem(b(M.help)).appendItemsAtLocation("mainMenuHelp")}}class N{#F;constructor(){this.#F=x.Toolbar.Toolbar.createActionButtonForId("settings.show",{showLabel:!1,userActionCode:void 0})}static instance(e={forceNew:null}){const{forceNew:t}=e;return P&&!t||(P=new N),P}item(){return this.#F}}class _{constructor(){e.TargetManager.TargetManager.instance().addModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerPaused,this.#A,this)}#A(n){e.TargetManager.TargetManager.instance().removeModelListener(e.DebuggerModel.DebuggerModel,e.DebuggerModel.Events.DebuggerPaused,this.#A,this);const o=n.data,r=o.debuggerPausedDetails();x.Context.Context.instance().setFlavor(e.Target.Target,o.target()),t.Revealer.reveal(r)}}class H{static instance(e={forceNew:null}){const{forceNew:t}=e;return y&&!t||(y=new H),y}handleAction(e,t){return"main.debug-reload"===t&&(S.Reload.reload(),!0)}}var O=Object.freeze({__proto__:null,MainImpl:R,ZoomActionDelegate:L,SearchActionDelegate:F,MainMenuItem:A,SettingsButtonProvider:N,PauseListener:_,sendOverProtocol:function(e,t){return new Promise(((n,o)=>{const r=s.InspectorBackend.test.sendRawMessage;if(!r)return o("Unable to send message to test client");r(e,t,((e,...t)=>e?o(e):n(t)))}))},ReloadActionDelegate:H});class U{presentUI(e){const t=new x.RootView.RootView;x.InspectorView.InspectorView.instance().show(t.element),t.attachToDocument(e),t.focus()}}let B;class V{static instance(e={forceNew:null}){const{forceNew:t}=e;return B&&!t||(B=new V),B}createApp(){return new U}}var W=Object.freeze({__proto__:null,SimpleApp:U,SimpleAppProvider:V});export{I as ExecutionContextSelector,O as MainImpl,W as SimpleApp};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/node_app/node_app.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/node_app/node_app.js
index e010aa3ec552..6e78a03e4ceb 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/node_app/node_app.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/node_app/node_app.js
@@ -1 +1 @@
-import"../shell/shell.js";import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as n from"../../ui/legacy/legacy.js";import*as o from"../../core/root/root.js";import*as i from"../main/main.js";import*as s from"../../core/host/host.js";import*as r from"../../ui/legacy/components/utils/utils.js";import*as a from"../../core/sdk/sdk.js";const c={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"},l=t.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",c),d=t.i18n.getLazilyComputedLocalizedString.bind(void 0,l);let g;async function h(){return g||(g=await import("../../panels/mobile_throttling/mobile_throttling.js")),g}n.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:d(c.throttling),commandPrompt:d(c.showThrottling),order:35,loadView:async()=>(await h()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:n.ActionRegistration.ActionCategory.NETWORK,title:d(c.goOffline),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[d(c.device),d(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:n.ActionRegistration.ActionCategory.NETWORK,title:d(c.enableSlowGThrottling),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[d(c.device),d(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:n.ActionRegistration.ActionCategory.NETWORK,title:d(c.enableFastGThrottling),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[d(c.device),d(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:n.ActionRegistration.ActionCategory.NETWORK,title:d(c.goOnline),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[d(c.device),d(c.throttlingTag)]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:e.Settings.SettingType.ARRAY,defaultValue:[]});const p={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"},w=t.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",p),m=t.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let f,v;async function y(){return v||(v=await import("../../panels/profiler/profiler.js")),v}async function u(){return f||(f=await import("../../panels/timeline/timeline.js")),f}function C(e){return void 0===f?[]:e(f)}n.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:m(p.profiler),commandPrompt:m(p.showProfiler),order:65,persistence:"closeable",experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await y()).ProfilesPanel.JSProfilerPanel.instance()}),n.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:m(p.performance),commandPrompt:m(p.showPerformance),order:66,hasToolbar:!1,isPreviewFeature:!0,loadView:async()=>(await u()).TimelinePanel.TimelinePanel.instance({forceNew:null,isNode:!0})}),n.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:n.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:m(p.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===v?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(v),loadActionDelegate:async()=>(await y()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),category:n.ActionRegistration.ActionCategory.PERFORMANCE,title:m(p.showRecentTimelineSessions),contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:n.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:m(p.record)},{value:!1,title:m(p.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),category:n.ActionRegistration.ActionCategory.PERFORMANCE,title:m(p.startProfilingAndReloadPage),loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const T={main:"Main",nodejsS:"Node.js: {PH1}"},x=t.i18n.registerUIStrings("entrypoints/node_app/NodeMain.ts",T),k=t.i18n.getLocalizedString.bind(void 0,x);let A;class I{static instance(e={forceNew:null}){const{forceNew:t}=e;return A&&!t||(A=new I),A}async run(){s.userMetrics.actionTaken(s.UserMetrics.Action.ConnectToNodeJSFromFrontend),a.Connections.initMainConnection((async()=>{a.TargetManager.TargetManager.instance().createTarget("main",k(T.main),a.Target.Type.Browser,null).setInspectedURL("Node.js")}),r.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost)}}class D extends a.SDKModel.SDKModel{#e;#t;#n;#o;#i;constructor(e){super(e),this.#e=e.targetManager(),this.#t=e,this.#n=e.targetAgent(),this.#o=new Map,this.#i=new Map,e.registerTargetDispatcher(this),this.#n.invoke_setDiscoverTargets({discover:!0}),s.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0)}#s({data:e}){const t=[];for(const n of e.networkDiscoveryConfig){const e=n.split(":"),o=parseInt(e[1],10);e[0]&&o&&t.push({host:e[0],port:o})}this.#n.invoke_setRemoteLocations({locations:t})}dispose(){s.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this);for(const e of this.#o.keys())this.detachedFromTarget({sessionId:e})}targetCreated({targetInfo:e}){"node"!==e.type||e.attached||this.#n.invoke_attachToTarget({targetId:e.targetId,flatten:!1})}targetInfoChanged(e){}targetDestroyed(e){}attachedToTarget({sessionId:e,targetInfo:t}){const n=k(T.nodejsS,{PH1:t.url}),o=new S(this.#n,e);this.#i.set(e,o);const i=this.#e.createTarget(t.targetId,n,a.Target.Type.Node,this.#t,void 0,void 0,o);this.#o.set(e,i),i.runtimeAgent().invoke_runIfWaitingForDebugger()}detachedFromTarget({sessionId:e}){const t=this.#o.get(e);t&&t.dispose("target terminated"),this.#o.delete(e),this.#i.delete(e)}receivedMessageFromTarget({sessionId:e,message:t}){const n=this.#i.get(e),o=n?n.onMessage:null;o&&o.call(null,t)}targetCrashed(e){}}class S{#n;#r;onMessage;#a;constructor(e,t){this.#n=e,this.#r=t,this.onMessage=null,this.#a=null}setOnMessage(e){this.onMessage=e}setOnDisconnect(e){this.#a=e}sendRawMessage(e){this.#n.invoke_sendMessageToTarget({message:e,sessionId:this.#r})}async disconnect(){this.#a&&this.#a.call(null,"force disconnect"),this.#a=null,this.onMessage=null,await this.#n.invoke_detachFromTarget({sessionId:this.#r})}}a.SDKModel.SDKModel.register(D,{capabilities:a.Target.Capability.Target,autostart:!0});const E=new CSSStyleSheet;E.replaceSync(".add-network-target-button{margin:10px 25px;align-self:center}.network-discovery-list{flex:none;max-width:600px;max-height:202px;margin:20px 0 5px}.network-discovery-list-empty{flex:auto;height:30px;display:flex;align-items:center;justify-content:center}.network-discovery-list-item{padding:3px 5px;height:30px;display:flex;align-items:center;position:relative;flex:auto 1 1}.network-discovery-value{flex:3 1 0}.list-item .network-discovery-value{white-space:nowrap;text-overflow:ellipsis;user-select:none;color:var(--color-text-primary);overflow:hidden}.network-discovery-edit-row{flex:none;display:flex;flex-direction:row;margin:6px 5px;align-items:center}.network-discovery-edit-row input{width:100%;text-align:inherit}.network-discovery-footer{margin:0;overflow:hidden;max-width:500px;padding:3px}.network-discovery-footer > *{white-space:pre-wrap}.node-panel{align-items:center;justify-content:flex-start;overflow-y:auto}.network-discovery-view{min-width:400px;text-align:left}:host-context(.node-frontend) .network-discovery-list-empty{height:40px}:host-context(.node-frontend) .network-discovery-list-item{padding:3px 15px;height:40px}.node-panel-center{max-width:600px;padding-top:50px;text-align:center}.node-panel-logo{width:400px;margin-bottom:50px}:host-context(.node-frontend) .network-discovery-edit-row input{height:30px;padding-left:5px}:host-context(.node-frontend) .network-discovery-edit-row{margin:6px 9px}\n/*# sourceURL=nodeConnectionsPanel.css */\n");const P={nodejsDebuggingGuide:"Node.js debugging guide",specifyNetworkEndpointAnd:"Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more.",noConnectionsSpecified:"No connections specified",addConnection:"Add connection",networkAddressEgLocalhost:"Network address (e.g. localhost:9229)"},R=t.i18n.registerUIStrings("entrypoints/node_app/NodeConnectionsPanel.ts",P),b=t.i18n.getLocalizedString.bind(void 0,R);let M;class N extends n.Panel.Panel{#c;#l;constructor(){super("node-connection"),this.contentElement.classList.add("node-panel");const e=this.contentElement.createChild("div","node-panel-center");e.createChild("img","node-panel-logo").src="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.svg",s.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this),this.contentElement.tabIndex=0,this.setDefaultFocusedElement(this.contentElement),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0),this.#l=new F((e=>{this.#c.networkDiscoveryConfig=e,s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesDiscoveryConfig(this.#c)})),this.#l.show(e)}static instance(e={forceNew:null}){const{forceNew:t}=e;return M&&!t||(M=new N),M}#s({data:e}){this.#c=e,this.#l.discoveryConfigChanged(this.#c.networkDiscoveryConfig)}wasShown(){super.wasShown(),this.registerCSSFiles([E])}}class F extends n.Widget.VBox{#d;#g;#h;#p;constructor(e){super(),this.#d=e,this.element.classList.add("network-discovery-view");const o=this.element.createChild("div","network-discovery-footer"),i=n.XLink.XLink.create("https://nodejs.org/en/docs/inspector/",b(P.nodejsDebuggingGuide));o.appendChild(t.i18n.getFormatLocalizedString(R,P.specifyNetworkEndpointAnd,{PH1:i})),this.#g=new n.ListWidget.ListWidget(this),this.#g.element.classList.add("network-discovery-list");const s=document.createElement("div");s.classList.add("network-discovery-list-empty"),s.textContent=b(P.noConnectionsSpecified),this.#g.setEmptyPlaceholder(s),this.#g.show(this.element),this.#h=null;const r=n.UIUtils.createTextButton(b(P.addConnection),this.#w.bind(this),"add-network-target-button",!0);this.element.appendChild(r),this.#p=[],this.element.classList.add("node-frontend")}#m(){const e=this.#p.map((e=>e.address));this.#d.call(null,e)}#w(){this.#g.addNewItem(this.#p.length,{address:"",port:""})}discoveryConfigChanged(e){this.#p=[],this.#g.clear();for(const t of e){const e={address:t,port:""};this.#p.push(e),this.#g.appendItem(e,!0)}}renderItem(e,t){const n=document.createElement("div");return n.classList.add("network-discovery-list-item"),n.createChild("div","network-discovery-value network-discovery-address").textContent=e.address,n}removeItemRequested(e,t){this.#p.splice(t,1),this.#g.removeItem(t),this.#m()}commitEdit(e,t,n){e.address=t.control("address").value.trim(),n&&this.#p.push(e),this.#m()}beginEdit(e){const t=this.#f();return t.control("address").value=e.address,t}#f(){if(this.#h)return this.#h;const e=new n.ListWidget.Editor;this.#h=e;const t=e.contentElement().createChild("div","network-discovery-edit-row"),o=e.createInput("address","text",b(P.networkAddressEgLocalhost),(function(e,t,n){const o=n.value.trim().match(/^([a-zA-Z0-9\.\-_]+):(\d+)$/);if(!o)return{valid:!1,errorMessage:void 0};return{valid:parseInt(o[2],10)<=65535,errorMessage:void 0}}));return t.createChild("div","network-discovery-value network-discovery-address").appendChild(o),e}wasShown(){super.wasShown(),this.#g.registerCSSFiles([E])}}const L={connection:"Connection",node:"node",showConnection:"Show Connection",networkTitle:"Node",showNode:"Show Node"},j=t.i18n.registerUIStrings("entrypoints/node_app/node_app.ts",L),H=t.i18n.getLazilyComputedLocalizedString.bind(void 0,j);let V;n.ViewManager.registerViewExtension({location:"panel",id:"node-connection",title:H(L.connection),commandPrompt:H(L.showConnection),order:0,loadView:async()=>N.instance(),tags:[H(L.node)]}),n.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:H(L.networkTitle),commandPrompt:H(L.showNode),order:2,persistence:"permanent",loadView:async()=>(await async function(){return V||(V=await import("../../panels/sources/sources.js")),V}()).SourcesNavigator.NetworkNavigatorView.instance()}),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),e.Runnable.registerEarlyInitializationRunnable(I.instance),new i.MainImpl.MainImpl;
+import"../shell/shell.js";import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as n from"../../ui/legacy/legacy.js";import*as o from"../../core/root/root.js";import*as i from"../main/main.js";import*as s from"../../core/host/host.js";import*as r from"../../ui/legacy/components/utils/utils.js";import*as a from"../../core/sdk/sdk.js";const c={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"},d=t.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",c),l=t.i18n.getLazilyComputedLocalizedString.bind(void 0,d);let g;async function h(){return g||(g=await import("../../panels/mobile_throttling/mobile_throttling.js")),g}n.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:l(c.throttling),commandPrompt:l(c.showThrottling),order:35,loadView:async()=>(await h()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:n.ActionRegistration.ActionCategory.NETWORK,title:l(c.goOffline),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[l(c.device),l(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:n.ActionRegistration.ActionCategory.NETWORK,title:l(c.enableSlowGThrottling),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[l(c.device),l(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:n.ActionRegistration.ActionCategory.NETWORK,title:l(c.enableFastGThrottling),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[l(c.device),l(c.throttlingTag)]}),n.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:n.ActionRegistration.ActionCategory.NETWORK,title:l(c.goOnline),loadActionDelegate:async()=>(await h()).ThrottlingManager.ActionDelegate.instance(),tags:[l(c.device),l(c.throttlingTag)]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:e.Settings.SettingType.ARRAY,defaultValue:[]});const p={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"},w=t.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",p),m=t.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let f,v;async function y(){return v||(v=await import("../../panels/profiler/profiler.js")),v}async function u(){return f||(f=await import("../../panels/timeline/timeline.js")),f}function C(e){return void 0===f?[]:e(f)}n.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:m(p.profiler),commandPrompt:m(p.showProfiler),order:65,persistence:"permanent",experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await y()).ProfilesPanel.JSProfilerPanel.instance()}),n.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:n.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:m(p.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===v?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(v),loadActionDelegate:async()=>(await y()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),category:n.ActionRegistration.ActionCategory.PERFORMANCE,title:m(p.showRecentTimelineSessions),contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:n.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:m(p.record)},{value:!1,title:m(p.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>C((e=>[e.TimelinePanel.TimelinePanel])),category:n.ActionRegistration.ActionCategory.PERFORMANCE,title:m(p.startProfilingAndReloadPage),loadActionDelegate:async()=>(await u()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const T={main:"Main",nodejsS:"Node.js: {PH1}"},k=t.i18n.registerUIStrings("entrypoints/node_app/NodeMain.ts",T),x=t.i18n.getLocalizedString.bind(void 0,k);let A;class I{static instance(e={forceNew:null}){const{forceNew:t}=e;return A&&!t||(A=new I),A}async run(){s.userMetrics.actionTaken(s.UserMetrics.Action.ConnectToNodeJSFromFrontend),a.Connections.initMainConnection((async()=>{a.TargetManager.TargetManager.instance().createTarget("main",x(T.main),a.Target.Type.Browser,null).setInspectedURL("Node.js")}),r.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost)}}class D extends a.SDKModel.SDKModel{#e;#t;#n;#o;#i;constructor(e){super(e),this.#e=e.targetManager(),this.#t=e,this.#n=e.targetAgent(),this.#o=new Map,this.#i=new Map,e.registerTargetDispatcher(this),this.#n.invoke_setDiscoverTargets({discover:!0}),s.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0)}#s({data:e}){const t=[];for(const n of e.networkDiscoveryConfig){const e=n.split(":"),o=parseInt(e[1],10);e[0]&&o&&t.push({host:e[0],port:o})}this.#n.invoke_setRemoteLocations({locations:t})}dispose(){s.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this);for(const e of this.#o.keys())this.detachedFromTarget({sessionId:e})}targetCreated({targetInfo:e}){"node"!==e.type||e.attached||this.#n.invoke_attachToTarget({targetId:e.targetId,flatten:!1})}targetInfoChanged(e){}targetDestroyed(e){}attachedToTarget({sessionId:e,targetInfo:t}){const n=x(T.nodejsS,{PH1:t.url}),o=new S(this.#n,e);this.#i.set(e,o);const i=this.#e.createTarget(t.targetId,n,a.Target.Type.Node,this.#t,void 0,void 0,o);this.#o.set(e,i),i.runtimeAgent().invoke_runIfWaitingForDebugger()}detachedFromTarget({sessionId:e}){const t=this.#o.get(e);t&&t.dispose("target terminated"),this.#o.delete(e),this.#i.delete(e)}receivedMessageFromTarget({sessionId:e,message:t}){const n=this.#i.get(e),o=n?n.onMessage:null;o&&o.call(null,t)}targetCrashed(e){}}class S{#n;#r;onMessage;#a;constructor(e,t){this.#n=e,this.#r=t,this.onMessage=null,this.#a=null}setOnMessage(e){this.onMessage=e}setOnDisconnect(e){this.#a=e}sendRawMessage(e){this.#n.invoke_sendMessageToTarget({message:e,sessionId:this.#r})}async disconnect(){this.#a&&this.#a.call(null,"force disconnect"),this.#a=null,this.onMessage=null,await this.#n.invoke_detachFromTarget({sessionId:this.#r})}}a.SDKModel.SDKModel.register(D,{capabilities:a.Target.Capability.Target,autostart:!0});const E=new CSSStyleSheet;E.replaceSync(".add-network-target-button{margin:10px 25px;align-self:center}.network-discovery-list{flex:none;max-width:600px;max-height:202px;margin:20px 0 5px}.network-discovery-list-empty{flex:auto;height:30px;display:flex;align-items:center;justify-content:center}.network-discovery-list-item{padding:3px 5px;height:30px;display:flex;align-items:center;position:relative;flex:auto 1 1}.network-discovery-value{flex:3 1 0}.list-item .network-discovery-value{white-space:nowrap;text-overflow:ellipsis;user-select:none;color:var(--color-text-primary);overflow:hidden}.network-discovery-edit-row{flex:none;display:flex;flex-direction:row;margin:6px 5px;align-items:center}.network-discovery-edit-row input{width:100%;text-align:inherit}.network-discovery-footer{margin:0;overflow:hidden;max-width:500px;padding:3px}.network-discovery-footer > *{white-space:pre-wrap}.node-panel{align-items:center;justify-content:flex-start;overflow-y:auto}.network-discovery-view{min-width:400px;text-align:left}:host-context(.node-frontend) .network-discovery-list-empty{height:40px}:host-context(.node-frontend) .network-discovery-list-item{padding:3px 15px;height:40px}.node-panel-center{max-width:600px;padding-top:50px;text-align:center}.node-panel-logo{width:400px;margin-bottom:50px}:host-context(.node-frontend) .network-discovery-edit-row input{height:30px;padding-left:5px}:host-context(.node-frontend) .network-discovery-edit-row{margin:6px 9px}\n/*# sourceURL=nodeConnectionsPanel.css */\n");const P={nodejsDebuggingGuide:"Node.js debugging guide",specifyNetworkEndpointAnd:"Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more.",noConnectionsSpecified:"No connections specified",addConnection:"Add connection",networkAddressEgLocalhost:"Network address (e.g. localhost:9229)"},R=t.i18n.registerUIStrings("entrypoints/node_app/NodeConnectionsPanel.ts",P),b=t.i18n.getLocalizedString.bind(void 0,R);let M;class N extends n.Panel.Panel{#c;#d;constructor(){super("node-connection"),this.contentElement.classList.add("node-panel");const e=this.contentElement.createChild("div","node-panel-center");e.createChild("img","node-panel-logo").src="https://nodejs.org/static/images/logos/nodejs-new-pantone-black.svg",s.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(s.InspectorFrontendHostAPI.Events.DevicesDiscoveryConfigChanged,this.#s,this),this.contentElement.tabIndex=0,this.setDefaultFocusedElement(this.contentElement),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!1),s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesUpdatesEnabled(!0),this.#d=new F((e=>{this.#c.networkDiscoveryConfig=e,s.InspectorFrontendHost.InspectorFrontendHostInstance.setDevicesDiscoveryConfig(this.#c)})),this.#d.show(e)}static instance(e={forceNew:null}){const{forceNew:t}=e;return M&&!t||(M=new N),M}#s({data:e}){this.#c=e,this.#d.discoveryConfigChanged(this.#c.networkDiscoveryConfig)}wasShown(){super.wasShown(),this.registerCSSFiles([E])}}class F extends n.Widget.VBox{#l;#g;#h;#p;constructor(e){super(),this.#l=e,this.element.classList.add("network-discovery-view");const o=this.element.createChild("div","network-discovery-footer"),i=n.XLink.XLink.create("https://nodejs.org/en/docs/inspector/",b(P.nodejsDebuggingGuide));o.appendChild(t.i18n.getFormatLocalizedString(R,P.specifyNetworkEndpointAnd,{PH1:i})),this.#g=new n.ListWidget.ListWidget(this),this.#g.element.classList.add("network-discovery-list");const s=document.createElement("div");s.classList.add("network-discovery-list-empty"),s.textContent=b(P.noConnectionsSpecified),this.#g.setEmptyPlaceholder(s),this.#g.show(this.element),this.#h=null;const r=n.UIUtils.createTextButton(b(P.addConnection),this.#w.bind(this),"add-network-target-button",!0);this.element.appendChild(r),this.#p=[],this.element.classList.add("node-frontend")}#m(){const e=this.#p.map((e=>e.address));this.#l.call(null,e)}#w(){this.#g.addNewItem(this.#p.length,{address:"",port:""})}discoveryConfigChanged(e){this.#p=[],this.#g.clear();for(const t of e){const e={address:t,port:""};this.#p.push(e),this.#g.appendItem(e,!0)}}renderItem(e,t){const n=document.createElement("div");return n.classList.add("network-discovery-list-item"),n.createChild("div","network-discovery-value network-discovery-address").textContent=e.address,n}removeItemRequested(e,t){this.#p.splice(t,1),this.#g.removeItem(t),this.#m()}commitEdit(e,t,n){e.address=t.control("address").value.trim(),n&&this.#p.push(e),this.#m()}beginEdit(e){const t=this.#f();return t.control("address").value=e.address,t}#f(){if(this.#h)return this.#h;const e=new n.ListWidget.Editor;this.#h=e;const t=e.contentElement().createChild("div","network-discovery-edit-row"),o=e.createInput("address","text",b(P.networkAddressEgLocalhost),(function(e,t,n){const o=n.value.trim().match(/^([a-zA-Z0-9\.\-_]+):(\d+)$/);if(!o)return{valid:!1,errorMessage:void 0};return{valid:parseInt(o[2],10)<=65535,errorMessage:void 0}}));return t.createChild("div","network-discovery-value network-discovery-address").appendChild(o),e}wasShown(){super.wasShown(),this.#g.registerCSSFiles([E])}}const L={connection:"Connection",node:"node",showConnection:"Show Connection",networkTitle:"Node",showNode:"Show Node"},j=t.i18n.registerUIStrings("entrypoints/node_app/node_app.ts",L),H=t.i18n.getLazilyComputedLocalizedString.bind(void 0,j);let _;n.ViewManager.registerViewExtension({location:"panel",id:"node-connection",title:H(L.connection),commandPrompt:H(L.showConnection),order:0,loadView:async()=>N.instance(),tags:[H(L.node)]}),n.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:H(L.networkTitle),commandPrompt:H(L.showNode),order:2,persistence:"permanent",loadView:async()=>(await async function(){return _||(_=await import("../../panels/sources/sources.js")),_}()).SourcesNavigator.NetworkNavigatorView.instance()}),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),e.Runnable.registerEarlyInitializationRunnable(I.instance),new i.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 7628e054f809..bb0bb42f6f5e 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 A={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},w=o.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",A),y=o.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let h;i.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:y(A.developerResources),commandPrompt:y(A.showDeveloperResources),order:100,persistence:"closeable",experiment:t.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return h||(h=await import("../../panels/developer_resources/developer_resources.js")),h}()).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),T=o.i18n.getLazilyComputedLocalizedString.bind(void 0,E);let f;async function v(){return f||(f=await import("../inspector_main/inspector_main.js")),f}i.ViewManager.registerViewExtension({location:"drawer-view",id:"rendering",title:T(R.rendering),commandPrompt:T(R.showRendering),persistence:"closeable",order:50,loadView:async()=>(await v()).RenderingOptions.RenderingOptionsView.instance(),tags:[T(R.paint),T(R.layout),T(R.fps),T(R.cssMediaType),T(R.cssMediaFeature),T(R.visionDeficiency),T(R.colorVisionDeficiency)]}),i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.reload",loadActionDelegate:async()=>(await v()).InspectorMain.ReloadActionDelegate.instance(),iconClass:"refresh",title:T(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 v()).InspectorMain.ReloadActionDelegate.instance(),title:T(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:T(R.toggleCssPrefersColorSchemeMedia),loadActionDelegate:async()=>(await v()).RenderingOptions.ReloadActionDelegate.instance()}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,title:T(R.forceAdBlocking),settingName:"network.adBlockingEnabled",settingType:e.Settings.SettingType.BOOLEAN,storageType:e.Settings.SettingStorageType.Session,defaultValue:!1,options:[{value:!0,title:T(R.blockAds)},{value:!1,title:T(R.showAds)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.GLOBAL,storageType:e.Settings.SettingStorageType.Synced,title:T(R.autoOpenDevTools),settingName:"autoAttachToCreatedPages",settingType:e.Settings.SettingType.BOOLEAN,order:2,defaultValue:!1,options:[{value:!0,title:T(R.autoOpenDevTools)},{value:!1,title:T(R.doNotAutoOpen)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.APPEARANCE,storageType:e.Settings.SettingStorageType.Synced,title:T(R.disablePaused),settingName:"disablePausedStateOverlay",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Toolbar.registerToolbarItem({loadItem:async()=>(await v()).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 v()).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),P=o.i18n.getLazilyComputedLocalizedString.bind(void 0,C);let x;async function N(){return x||(x=await import("../../panels/issues/issues.js")),x}i.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:P(I.issues),commandPrompt:P(I.showIssues),order:100,persistence:"closeable",loadView:async()=>(await N()).IssuesPane.IssuesPane.instance()}),i.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:P(I.cspViolations),commandPrompt:P(I.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await N()).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 N()).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"},M=o.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",D),b=o.i18n.getLazilyComputedLocalizedString.bind(void 0,M);let O;async function L(){return O||(O=await import("../../panels/mobile_throttling/mobile_throttling.js")),O}i.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:b(D.throttling),commandPrompt:b(D.showThrottling),order:35,loadView:async()=>(await L()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:i.ActionRegistration.ActionCategory.NETWORK,title:b(D.goOffline),loadActionDelegate:async()=>(await L()).ThrottlingManager.ActionDelegate.instance(),tags:[b(D.device),b(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:b(D.enableSlowGThrottling),loadActionDelegate:async()=>(await L()).ThrottlingManager.ActionDelegate.instance(),tags:[b(D.device),b(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:b(D.enableFastGThrottling),loadActionDelegate:async()=>(await L()).ThrottlingManager.ActionDelegate.instance(),tags:[b(D.device),b(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:i.ActionRegistration.ActionCategory.NETWORK,title:b(D.goOnline),loadActionDelegate:async()=>(await L()).ThrottlingManager.ActionDelegate.instance(),tags:[b(D.device),b(D.throttlingTag)]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:e.Settings.SettingType.ARRAY,defaultValue:[]});const V={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"},_=o.i18n.registerUIStrings("panels/timeline/timeline-meta.ts",V),k=o.i18n.getLazilyComputedLocalizedString.bind(void 0,_);let U,F;async function z(){return U||(U=await import("../../panels/timeline/timeline.js")),U}async function B(){return F||(F=await import("../../panels/profiler/profiler.js")),F}function j(e){return void 0===U?[]:e(U)}i.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:k(V.performance),commandPrompt:k(V.showPerformance),order:50,loadView:async()=>(await z()).TimelinePanel.TimelinePanel.instance()}),i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:k(V.javascriptProfiler),commandPrompt:k(V.showJavascriptProfiler),persistence:"closeable",order:65,experiment:t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await B()).ProfilesPanel.JSProfilerPanel.instance()}),i.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:i.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:k(V.record)},{value:!1,title:k(V.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(V.startProfilingAndReloadPage),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.save-to-file",contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),title:k(V.saveProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+S"},{platform:"mac",shortcut:"Meta+S"}]}),i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.load-from-file",contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),title:k(V.loadProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+O"},{platform:"mac",shortcut:"Meta+O"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-previous-frame",category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(V.previousFrame),contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"["}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-next-frame",category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(V.nextFrame),contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"]"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(V.showRecentTimelineSessions),contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.previous-recording",category:i.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),title:k(V.previousRecording),contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Left"},{platform:"mac",shortcut:"Meta+Left"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.next-recording",category:i.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await z()).TimelinePanel.ActionDelegate.instance(),title:k(V.nextRecording),contextTypes:()=>j((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Right"},{platform:"mac",shortcut:"Meta+Right"}]}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:k(V.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===F?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(F),loadActionDelegate:async()=>(await B()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.PERFORMANCE,storageType:e.Settings.SettingStorageType.Synced,title:k(V.hideChromeFrameInLayersView),settingName:"frameViewerHideChromeWindow",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1}),e.Linkifier.registerLinkifier({contextTypes:()=>j((e=>[e.CLSLinkifier.CLSRect])),loadLinkifier:async()=>(await z()).CLSLinkifier.Linkifier.instance()}),i.ContextMenu.registerItem({location:i.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.load-from-file",order:10}),i.ContextMenu.registerItem({location:i.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.save-to-file",order:15});const W={rnWelcome:"⚛️ Welcome",showRnWelcome:"Show React Native Welcome panel"},G=o.i18n.registerUIStrings("panels/rn_welcome/rn_welcome-meta.ts",W),H=o.i18n.getLazilyComputedLocalizedString.bind(void 0,G);let K;i.ViewManager.registerViewExtension({location:"panel",id:"rn-welcome",title:H(W.rnWelcome),commandPrompt:H(W.showRnWelcome),order:-10,persistence:"permanent",loadView:async()=>(await async function(){return K||(K=await import("../../panels/rn_welcome/rn_welcome.js")),K}()).RNWelcome.RNWelcomeImpl.instance(),experiment:t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI}),t.Runtime.experiments.register(t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI,"Show React Native-specific UI",!1),t.Runtime.experiments.enableExperimentsByDefault([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 379992bd6e67..eab4a9e84512 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/inspector.html b/packages/debugger-frontend/dist/third-party/front_end/inspector.html
index e0ffaada6db8..3484b3280d95 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/inspector.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/inspector.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/inspector/inspector.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/js_app.html b/packages/debugger-frontend/dist/third-party/front_end/js_app.html
index 75ebccc0da68..b55821f5acc5 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/js_app.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/js_app.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/js_app/js_app.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/ndb_app.html b/packages/debugger-frontend/dist/third-party/front_end/ndb_app.html
index 4044bdca9c23..d7cad3a743df 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/ndb_app.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/ndb_app.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/ndb_app/ndb_app.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/node_app.html b/packages/debugger-frontend/dist/third-party/front_end/node_app.html
index 41aa1cfb4b9a..70b82d8edcc5 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/node_app.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/node_app.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/node_app/node_app.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/panels/js_profiler/js_profiler-meta.js b/packages/debugger-frontend/dist/third-party/front_end/panels/js_profiler/js_profiler-meta.js
index 84a0a6b2ddc1..8be612235ef8 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/js_profiler/js_profiler-meta.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/js_profiler/js_profiler-meta.js
@@ -1 +1 @@
-import*as e from"../../core/i18n/i18n.js";import*as t from"../../core/root/root.js";import*as i from"../../ui/legacy/legacy.js";const o={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"},n=e.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",o),r=e.i18n.getLazilyComputedLocalizedString.bind(void 0,n);let a,l;async function s(){return l||(l=await import("../profiler/profiler.js")),l}async function c(){return a||(a=await import("../timeline/timeline.js")),a}function g(e){return void 0===a?[]:e(a)}i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:r(o.profiler),commandPrompt:r(o.showProfiler),order:65,persistence:"closeable",experiment:t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await s()).ProfilesPanel.JSProfilerPanel.instance()}),i.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:r(o.performance),commandPrompt:r(o.showPerformance),order:66,hasToolbar:!1,isPreviewFeature:!0,loadView:async()=>(await c()).TimelinePanel.TimelinePanel.instance({forceNew:null,isNode:!0})}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:r(o.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes(){return e=e=>[e.ProfilesPanel.JSProfilerPanel],void 0===l?[]:e(l);var e},loadActionDelegate:async()=>(await s()).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 c()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:r(o.showRecentTimelineSessions),contextTypes:()=>g((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:()=>g((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await c()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:r(o.record)},{value:!1,title:r(o.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>g((e=>[e.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:r(o.startProfilingAndReloadPage),loadActionDelegate:async()=>(await c()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});
+import*as e from"../../core/i18n/i18n.js";import*as t from"../../core/root/root.js";import*as i from"../../ui/legacy/legacy.js";const o={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"},n=e.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",o),r=e.i18n.getLazilyComputedLocalizedString.bind(void 0,n);let a,l;async function s(){return l||(l=await import("../profiler/profiler.js")),l}async function c(){return a||(a=await import("../timeline/timeline.js")),a}function g(e){return void 0===a?[]:e(a)}i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:r(o.profiler),commandPrompt:r(o.showProfiler),order:65,persistence:"permanent",experiment:t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await s()).ProfilesPanel.JSProfilerPanel.instance()}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:r(o.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes(){return e=e=>[e.ProfilesPanel.JSProfilerPanel],void 0===l?[]:e(l);var e},loadActionDelegate:async()=>(await s()).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 c()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:r(o.showRecentTimelineSessions),contextTypes:()=>g((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:()=>g((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await c()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:r(o.record)},{value:!1,title:r(o.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>g((e=>[e.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:r(o.startProfilingAndReloadPage),loadActionDelegate:async()=>(await c()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});
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 afef2ac0e09b..621d9f66abad 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/dist/third-party/front_end/panels/profiler/profiler.js b/packages/debugger-frontend/dist/third-party/front_end/panels/profiler/profiler.js
index dd3456378ec6..07ff97d1b0a8 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/profiler/profiler.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/profiler/profiler.js
@@ -4,4 +4,4 @@ import*as e from"../../core/platform/platform.js";import*as t from"../../core/i1
   <span class="value object-value-${e}">${t}</span>
   <span class="object-value-id">@${this.snapshotNodeId}</span>
   </div>
-  </td>`,r=i.$("container");this.prefixObjectCell(r),this.reachableFromWindow&&r.appendChild(s.Fragment.html`<span class="heap-object-tag" title="${qe(Je.userObjectReachableFromWindow)}">🗖</span>`),this.detachedDOMTreeNode&&r.appendChild(s.Fragment.html`<span class="heap-object-tag" title="${qe(Je.detachedFromDomTree)}">✀</span>`),this.appendSourceLocation(r);const o=i.element();return this.depth&&o.style.setProperty("padding-left",this.depth*this.dataGrid.indentWidth+"px"),o}prefixObjectCell(e){}async appendSourceLocation(e){const t=s.Fragment.html`<span class="heap-object-source-link">`;e.appendChild(t);const i=await this.dataGridInternal.dataDisplayDelegate().linkifyObject(this.snapshotNodeIndex);i?(t.appendChild(i),this.linkElement=i):t.remove()}async queryObjectContent(e,t){return await this.tryQueryObjectContent(e,t)||e.runtimeModel().createRemoteObjectFromPrimitiveValue(qe(Je.previewIsNotAvailable))}async tryQueryObjectContent(e,t){return"string"===this.type?e.runtimeModel().createRemoteObjectFromPrimitiveValue(this.nameInternal):await e.objectForSnapshotObjectId(String(this.snapshotNodeId),t)}async updateHasChildren(){const e=await this.provider().isEmpty();this.setHasChildren(!e)}shortenWindowURL(t,i){const r=t.indexOf("/"),s=i?t.indexOf("@"):t.length;if(-1===r||-1===s)return t;const o=t.substring(r+1,s).trimLeft();let n=e.StringUtilities.trimURL(o);return n.length>40&&(n=e.StringUtilities.trimMiddle(n,40)),t.substr(0,r+2)+n+t.substr(s)}populateContextMenu(e,t,i){if(e.revealSection().appendItem(qe(Je.revealInSummaryView),(()=>{t.showObject(String(this.snapshotNodeId),qe(Je.summary))})),this.referenceName)for(const i of this.referenceName.matchAll(/\((?<objectName>[^@)]*) @(?<snapshotNodeId>\d+)\)/g)){const{objectName:r,snapshotNodeId:s}=i.groups;e.revealSection().appendItem(qe(Je.revealObjectSWithIdSInSummary,{PH1:r,PH2:s}),(()=>{t.showObject(s,qe(Je.summary))}))}i&&e.revealSection().appendItem(qe(Je.storeAsGlobalVariable),(async()=>{const e=await this.tryQueryObjectContent(i,"");if(e){const t=i.target().model(l.ConsoleModel.ConsoleModel);await(t?.saveToTempVariable(s.Context.Context.instance().flavor(l.RuntimeModel.ExecutionContext),e))}else o.Console.Console.instance().error(qe(Je.previewIsNotAvailable))}))}}class Ze extends Ye{referenceName;referenceType;edgeIndex;snapshot;parentObjectNode;cycledWithAncestorGridNode;constructor(e,t,i,r){super(e,i.node),this.referenceName=i.name,this.referenceType=i.type,this.edgeIndex=i.edgeIndex,this.snapshot=t,this.parentObjectNode=r,this.cycledWithAncestorGridNode=this.findAncestorWithSameSnapshotNodeId(),this.cycledWithAncestorGridNode||this.updateHasChildren();const s=this.data;s.count="",s.addedCount="",s.removedCount="",s.countDelta="",s.addedSize="",s.removedSize="",s.sizeDelta=""}retainersDataSource(){return void 0===this.snapshotNodeIndex?null:{snapshot:this.snapshot,snapshotNodeIndex:this.snapshotNodeIndex}}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create a provider on a root node");return this.snapshot.createEdgesProvider(this.snapshotNodeIndex)}findAncestorWithSameSnapshotNodeId(){let e=this.parentObjectNode;for(;e;){if(e.snapshotNodeId===this.snapshotNodeId)return e;e=e.parentObjectNode}return null}createChildNode(e){return new Ze(this.dataGridInternal,this.snapshot,e,this)}getHash(){return this.edgeIndex}comparator(){const e=this.dataGridInternal.isSortOrderAscending();switch(this.dataGridInternal.sortColumnId()){case"object":return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",e,"retainedSize",!1);case"count":default:return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",!0,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"!edgeName",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"!edgeName",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"name",!0)}}prefixObjectCell(e){let t=this.referenceName||"(empty)",i="name";switch(this.referenceType){case"context":i="object-value-number";break;case"internal":case"hidden":case"weak":i="object-value-null";break;case"element":t=`[${t}]`}this.cycledWithAncestorGridNode&&e.classList.add("cycled-ancessor-node"),e.prepend(s.Fragment.html`<span class="property-name ${i}">${t}</span> <span class="grayed">${this.edgeNodeSeparator()}</span>`)}edgeNodeSeparator(){return"::"}}class Xe extends Ze{constructor(e,t,i,r){super(e,t,i,r)}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create providers on root nodes");return this.snapshot.createRetainingEdgesProvider(this.snapshotNodeIndex)}createChildNode(e){return new Xe(this.dataGridInternal,this.snapshot,e,this)}edgeNodeSeparator(){return qe(Je.inElement)}expand(){this.expandRetainersChain(20)}expandRetainersChain(e){if(!this.populated)return this.once(Ke.Events.PopulateComplete).then((()=>this.expandRetainersChain(e))),void this.populate();if(super.expand(),--e>0&&this.children.length>0){const t=this.children[0];if((t.distance||0)>1)return void t.expandRetainersChain(e)}this.dataGridInternal.dispatchEventToListeners(pt.ExpandRetainersComplete)}}class et extends Ye{baseSnapshotOrSnapshot;isDeletedNode;constructor(t,i,r,s){super(t,r),this.baseSnapshotOrSnapshot=i,this.isDeletedNode=s,this.updateHasChildren();const o=this.data;o.count="",o.countDelta="",o.sizeDelta="",this.isDeletedNode?(o.addedCount="",o.addedSize="",o.removedCount="•",o.removedSize=e.NumberUtilities.withThousandsSeparator(this.shallowSize||0)):(o.addedCount="•",o.addedSize=e.NumberUtilities.withThousandsSeparator(this.shallowSize||0),o.removedCount="",o.removedSize="")}retainersDataSource(){return void 0===this.snapshotNodeIndex?null:{snapshot:this.baseSnapshotOrSnapshot,snapshotNodeIndex:this.snapshotNodeIndex}}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create providers on root nodes");return this.baseSnapshotOrSnapshot.createEdgesProvider(this.snapshotNodeIndex)}createChildNode(e){return new Ze(this.dataGridInternal,this.baseSnapshotOrSnapshot,e,null)}getHash(){if(void 0===this.snapshotNodeId)throw new Error("Cannot hash root nodes");return this.snapshotNodeId}comparator(){const e=this.dataGridInternal.isSortOrderAscending();switch(this.dataGridInternal.sortColumnId()){case"object":return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",e,"retainedSize",!1);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"retainedSize",!1);case"count":default:return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",!0,"retainedSize",!1);case"addedSize":case"removedSize":case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"!edgeName",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"!edgeName",!0)}}}class tt extends Ke{nameInternal;nodeFilter;distance;count;shallowSize;retainedSize;constructor(t,i,r,s){super(t,r.count>0),this.nameInternal=i,this.nodeFilter=s,this.distance=r.distance,this.count=r.count,this.shallowSize=r.self,this.retainedSize=r.maxRet;const o=t.snapshot,n=this.retainedSize/o.totalSize*100,a=this.shallowSize/o.totalSize*100;this.data={object:i,count:e.NumberUtilities.withThousandsSeparator(this.count),distance:this.toUIDistance(this.distance),shallowSize:e.NumberUtilities.withThousandsSeparator(this.shallowSize),retainedSize:e.NumberUtilities.withThousandsSeparator(this.retainedSize),"shallowSize-percent":this.toPercentString(a),"retainedSize-percent":this.toPercentString(n)}}get name(){return this.nameInternal}createProvider(){return this.dataGridInternal.snapshot.createNodesProviderForClass(this.nameInternal,this.nodeFilter)}async populateNodeBySnapshotObjectId(e){this.dataGridInternal.resetNameFilter(),await this.expandWithoutPopulate();const t=await this.provider().nodePosition(e);if(-1===t)return this.collapse(),[];await this.populateChildren(t,null);const i=this.childForPosition(t);return i?[this,i]:[]}filteredOut(e){return-1===this.nameInternal.toLowerCase().indexOf(e)}createCell(e){const t="object"===e?super.createCell(e):this.createValueCell(e);return"object"===e&&this.count>1&&t.appendChild(s.Fragment.html`<span class="objects-count">×${this.count}</span>`),t}createChildNode(e){return new et(this.dataGridInternal,this.dataGridInternal.snapshot,e,!1)}comparator(){const e=this.dataGridInternal.isSortOrderAscending(),t=this.dataGridInternal.sortColumnId();switch(t){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",e,"id",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"id",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"id",!0);default:throw new Error(`Invalid sort column id ${t}`)}}}class it{addedNodesProvider;deletedNodesProvider;addedCount;removedCount;constructor(e,t,i,r){this.addedNodesProvider=e,this.deletedNodesProvider=t,this.addedCount=i,this.removedCount=r}dispose(){this.addedNodesProvider.dispose(),this.deletedNodesProvider.dispose()}nodePosition(e){throw new Error("Unreachable")}isEmpty(){return Promise.resolve(!1)}async serializeItemsRange(e,t){let i,r;if(e<this.addedCount){i=await this.addedNodesProvider.serializeItemsRange(e,t);for(const e of i.items)e.isAddedNotRemoved=!0;if(i.endPosition>=t)return i.totalLength=this.addedCount+this.removedCount,i;r=i,i=await this.deletedNodesProvider.serializeItemsRange(0,t-i.endPosition)}else r=new p.HeapSnapshotModel.ItemsRange(0,0,0,[]),i=await this.deletedNodesProvider.serializeItemsRange(e-this.addedCount,t-this.addedCount);r.items.length||(r.startPosition=this.addedCount+i.startPosition);for(const e of i.items)e.isAddedNotRemoved=!1;return r.items.push(...i.items),r.endPosition=this.addedCount+i.endPosition,r.totalLength=this.addedCount+this.removedCount,r}async sortAndRewind(e){await this.addedNodesProvider.sortAndRewind(e),await this.deletedNodesProvider.sortAndRewind(e)}}class rt extends Ke{nameInternal;addedCount;removedCount;countDelta;addedSize;removedSize;sizeDelta;deletedIndexes;constructor(t,i,r){super(t,!0),this.nameInternal=i,this.addedCount=r.addedCount,this.removedCount=r.removedCount,this.countDelta=r.countDelta,this.addedSize=r.addedSize,this.removedSize=r.removedSize,this.sizeDelta=r.sizeDelta,this.deletedIndexes=r.deletedIndexes,this.data={object:i,addedCount:e.NumberUtilities.withThousandsSeparator(this.addedCount),removedCount:e.NumberUtilities.withThousandsSeparator(this.removedCount),countDelta:this.signForDelta(this.countDelta)+e.NumberUtilities.withThousandsSeparator(Math.abs(this.countDelta)),addedSize:e.NumberUtilities.withThousandsSeparator(this.addedSize),removedSize:e.NumberUtilities.withThousandsSeparator(this.removedSize),sizeDelta:this.signForDelta(this.sizeDelta)+e.NumberUtilities.withThousandsSeparator(Math.abs(this.sizeDelta))}}get name(){return this.nameInternal}createProvider(){const e=this.dataGridInternal;if(null===e.snapshot||void 0===e.baseSnapshot||void 0===e.baseSnapshot.uid)throw new Error("Data sources have not been set correctly");const t=e.snapshot.createAddedNodesProvider(e.baseSnapshot.uid,this.nameInternal),i=e.baseSnapshot.createDeletedNodesProvider(this.deletedIndexes);if(!t||!i)throw new Error("Failed to create node providers");return new it(t,i,this.addedCount,this.removedCount)}createCell(e){const t=super.createCell(e);return"object"!==e&&t.classList.add("numeric-column"),t}createChildNode(e){const t=this.dataGridInternal;if(e.isAddedNotRemoved){if(null===t.snapshot)throw new Error("Data sources have not been set correctly");return new et(this.dataGridInternal,t.snapshot,e,!1)}if(void 0===t.baseSnapshot)throw new Error("Data sources have not been set correctly");return new et(this.dataGridInternal,t.baseSnapshot,e,!0)}comparator(){const e=this.dataGridInternal.isSortOrderAscending(),t=this.dataGridInternal.sortColumnId();switch(t){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",e,"id",!0);case"addedCount":case"removedCount":case"countDelta":return new p.HeapSnapshotModel.ComparatorConfig("name",!0,"id",!0);case"addedSize":case"removedSize":case"sizeDelta":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"id",!0);default:throw new Error(`Invalid sort column ${t}`)}}filteredOut(e){return-1===this.nameInternal.toLowerCase().indexOf(e)}signForDelta(e){return 0===e?"":e>0?"+":"−"}}class st extends Ke{populated;allocationNode;constructor(t,i){super(t,i.hasChildren),this.populated=!1,this.allocationNode=i,this.data={liveCount:e.NumberUtilities.withThousandsSeparator(i.liveCount),count:e.NumberUtilities.withThousandsSeparator(i.count),liveSize:e.NumberUtilities.withThousandsSeparator(i.liveSize),size:e.NumberUtilities.withThousandsSeparator(i.size),name:i.name}}populate(){this.populated||this.doPopulate()}async doPopulate(){this.populated=!0;const e=await this.dataGridInternal.snapshot.allocationNodeCallers(this.allocationNode.id),t=e.nodesWithSingleCaller;let i=this;const r=this.dataGridInternal;for(const e of t){const t=new st(r,e);r.appendNode(i,t),i=t,i.populated=!0,this.expanded&&i.expand()}const s=e.branchingCallers;s.sort(this.dataGridInternal.createComparator());for(const e of s)r.appendNode(i,new st(r,e));r.updateVisibleNodes(!0)}expand(){super.expand(),1===this.children.length&&this.children[0].expand()}createCell(e){if("name"!==e)return this.createValueCell(e);const t=super.createCell(e),i=this.allocationNode,r=this.dataGridInternal.heapProfilerModel();if(i.scriptId){const e=this.dataGridInternal.linkifier.linkifyScriptLocation(r?r.target():null,String(i.scriptId),i.scriptName,i.line-1,{columnNumber:i.column-1,inlineFrameIndex:0,className:"profile-node-file"});e.style.maxWidth="75%",t.insertBefore(e,t.firstChild)}return t}allocationNodeId(){return this.allocationNode.id}}var ot=Object.freeze({__proto__:null,get HeapSnapshotGridNode(){return Ke},HeapSnapshotGenericObjectNode:Ye,HeapSnapshotObjectNode:Ze,HeapSnapshotRetainingObjectNode:Xe,HeapSnapshotInstanceNode:et,HeapSnapshotConstructorNode:tt,HeapSnapshotDiffNodesProvider:it,HeapSnapshotDiffNode:rt,AllocationGridNode:st});const nt={distanceFromWindowObject:"Distance from window object",sizeOfTheObjectItselfInBytes:"Size of the object itself in bytes",sizeOfTheObjectPlusTheGraphIt:"Size of the object plus the graph it retains in bytes",object:"Object",distance:"Distance",shallowSize:"Shallow Size",retainedSize:"Retained Size",heapSnapshotRetainment:"Heap Snapshot Retainment",constructorString:"Constructor",heapSnapshotConstructors:"Heap Snapshot Constructors",New:"# New",Deleted:"# Deleted",Delta:"# Delta",allocSize:"Alloc. Size",freedSize:"Freed Size",sizeDelta:"Size Delta",heapSnapshotDiff:"Heap Snapshot Diff",liveCount:"Live Count",count:"Count",liveSize:"Live Size",size:"Size",function:"Function",allocation:"Allocation"},at=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotDataGrids.ts",nt),lt=t.i18n.getLocalizedString.bind(void 0,at),dt=new WeakMap;class ht extends r.DataGrid.DataGridImpl{}class ct extends(o.ObjectWrapper.eventMixin(ht)){snapshot;selectedNode;heapProfilerModelInternal;dataDisplayDelegateInternal;recursiveSortingDepth;populatedAndSorted;nameFilter;nodeFilterInternal;lastSortColumnId;lastSortAscending;constructor(e,t,i){super(i),this.snapshot=null,this.selectedNode=null,this.heapProfilerModelInternal=e,this.dataDisplayDelegateInternal=t;const s=[["distance",lt(nt.distanceFromWindowObject)],["shallowSize",lt(nt.sizeOfTheObjectItselfInBytes)],["retainedSize",lt(nt.sizeOfTheObjectPlusTheGraphIt)]];for(const e of s){const t=this.headerTableHeader(e[0]);t&&t.setAttribute("title",e[1])}this.recursiveSortingDepth=0,this.populatedAndSorted=!1,this.nameFilter=null,this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter,this.addEventListener(pt.SortingComplete,this.sortingComplete,this),this.addEventListener(r.DataGrid.Events.SortingChanged,this.sortingChanged,this),this.setRowContextMenuCallback(this.populateContextMenu.bind(this))}async setDataSource(e,t){}isFilteredOut(e){const t=this.nameFilter?this.nameFilter.value().toLowerCase():"";return!!(t&&(e instanceof rt||e instanceof tt)&&e.filteredOut(t))}heapProfilerModel(){return this.heapProfilerModelInternal}dataDisplayDelegate(){return this.dataDisplayDelegateInternal}nodeFilter(){return this.nodeFilterInternal}setNameFilter(e){this.nameFilter=e}defaultPopulateCount(){return 100}disposeAllNodes(){const e=this.topLevelNodes();for(let t=0,i=e.length;t<i;++t)e[t].dispose()}wasShown(){this.nameFilter&&(this.nameFilter.addEventListener(s.Toolbar.ToolbarInput.Event.TextChanged,this.onNameFilterChanged,this),this.updateVisibleNodes(!0)),this.populatedAndSorted&&this.dispatchEventToListeners(pt.ContentShown,this)}sortingComplete(){this.removeEventListener(pt.SortingComplete,this.sortingComplete,this),this.populatedAndSorted=!0,this.dispatchEventToListeners(pt.ContentShown,this)}willHide(){this.nameFilter&&this.nameFilter.removeEventListener(s.Toolbar.ToolbarInput.Event.TextChanged,this.onNameFilterChanged,this)}populateContextMenu(e,t){const i=t;i.populateContextMenu(e,this.dataDisplayDelegateInternal,this.heapProfilerModel()),i instanceof Ye&&i.linkElement&&!e.containsTarget(i.linkElement)&&e.appendApplicableItems(i.linkElement)}resetSortingCache(){delete this.lastSortColumnId,delete this.lastSortAscending}topLevelNodes(){return this.rootNode().children}revealObjectByHeapSnapshotId(e){return Promise.resolve(null)}resetNameFilter(){this.nameFilter&&this.nameFilter.setValue("")}onNameFilterChanged(){this.updateVisibleNodes(!0),this.deselectFilteredNodes()}deselectFilteredNodes(){let e=this.selectedNode;for(;e;){if(this.selectedNode&&this.isFilteredOut(e))return this.selectedNode.deselect(),void(this.selectedNode=null);e=e.parent}}sortFields(e,t){throw new Error("Not implemented")}sortingChanged(){const e=this.isSortOrderAscending(),t=this.sortColumnId();if(this.lastSortColumnId===t&&this.lastSortAscending===e)return;this.lastSortColumnId=t,this.lastSortAscending=e;const i=this.sortFields(t||"",e);this.performSorting((function(e,t){let r=e[i.fieldName1],s=t[i.fieldName1],o=r<s?-1:r>s?1:0;return i.ascending1||(o=-o),0!==o||(r=e[i.fieldName2],s=t[i.fieldName2],o=r<s?-1:r>s?1:0,i.ascending2||(o=-o)),o}))}performSorting(e){this.recursiveSortingEnter();const t=this.allChildren(this.rootNode());this.rootNode().removeChildren(),t.sort(e);for(let e=0,i=t.length;e<i;++e){const i=t[e];this.appendChildAfterSorting(i),i.expanded&&i.sort()}this.recursiveSortingLeave()}appendChildAfterSorting(e){const t=e.revealed;this.rootNode().appendChild(e),e.revealed=t}recursiveSortingEnter(){++this.recursiveSortingDepth}recursiveSortingLeave(){this.recursiveSortingDepth&&(--this.recursiveSortingDepth||(this.updateVisibleNodes(!0),this.dispatchEventToListeners(pt.SortingComplete)))}updateVisibleNodes(e){}allChildren(e){return e.children}insertChild(e,t,i){e.insertChild(t,i)}removeChildByIndex(e,t){e.removeChild(e.children[t])}removeAllChildren(e){e.removeChildren()}}var pt,ut;!function(e){e.ContentShown="ContentShown",e.SortingComplete="SortingComplete",e.ExpandRetainersComplete="ExpandRetainersComplete"}(pt||(pt={}));class mt extends ct{topPaddingHeight;bottomPaddingHeight;selectedNode;scrollToResolveCallback;constructor(e,t,i){super(e,t,i),this.scrollContainer.addEventListener("scroll",this.onScroll.bind(this),!0),this.topPaddingHeight=0,this.bottomPaddingHeight=0,this.selectedNode=null}topLevelNodes(){return this.allChildren(this.rootNode())}appendChildAfterSorting(e){}updateVisibleNodes(e){const t=this.scrollContainer.scrollHeight;let i=this.scrollContainer.scrollTop,r=t-i-this.scrollContainer.offsetHeight;i=Math.max(0,i-40),r=Math.max(0,r-40);let s=t-i-r;if(!e&&i>=this.topPaddingHeight&&r>=this.bottomPaddingHeight)return;i-=500,s+=1e3;const o=this.selectedNode;this.rootNode().removeChildren(),this.topPaddingHeight=0,this.bottomPaddingHeight=0,this.addVisibleNodes(this.rootNode(),i,i+s),this.setVerticalPadding(this.topPaddingHeight,this.bottomPaddingHeight),o&&(o.parent?o.select(!0):this.selectedNode=o)}addVisibleNodes(e,t,i){if(!e.expanded)return 0;const r=this.allChildren(e);let s=0,o=0;for(;o<r.length;++o){const e=r[o];if(this.isFilteredOut(e))continue;const i=s+this.nodeHeight(e);if(i>t)break;s=i}let n=s;for(;o<r.length&&n<i;++o){const s=r[o];if(this.isFilteredOut(s))continue;const a=s.hasChildren();s.removeChildren(),s.setHasChildren(a),e.appendChild(s),n+=s.nodeSelfHeight(),n+=this.addVisibleNodes(s,t-n,i-n)}let a=0;for(;o<r.length;++o){const e=r[o];this.isFilteredOut(e)||(a+=this.nodeHeight(e))}return this.topPaddingHeight+=s,this.bottomPaddingHeight+=a,n+a}nodeHeight(e){let t=e.nodeSelfHeight();if(!e.expanded)return t;const i=this.allChildren(e);for(let e=0;e<i.length;e++)t+=this.nodeHeight(i[e]);return t}revealTreeNode(e){const t=this.calculateOffset(e),i=e[e.length-1],r=this.scrollContainer.scrollTop,s=r+this.scrollContainer.offsetHeight;if(t>=r&&t<s)return Promise.resolve(i);return this.scrollContainer.scrollTop=Math.max(0,t-40),new Promise((e=>{console.assert(!this.scrollToResolveCallback),this.scrollToResolveCallback=e.bind(null,i),this.scrollContainer.window().requestAnimationFrame((()=>{this.scrollToResolveCallback&&(this.scrollToResolveCallback(),this.scrollToResolveCallback=null)}))}))}calculateOffset(e){let t=this.rootNode(),i=0;if(0===e.length)return 0;for(let r=0;r<e.length;++r){const s=e[r],o=this.allChildren(t);for(let e=0;e<o.length;++e){const t=o[e];if(s===t){i+=s.nodeSelfHeight();break}i+=this.nodeHeight(t)}t=s}return i-e[e.length-1].nodeSelfHeight()}allChildren(e){const t=dt.get(e)||[];return dt.has(e)||dt.set(e,t),t}appendNode(e,t){this.allChildren(e).push(t)}insertChild(e,t,i){this.allChildren(e).splice(i,0,t)}removeChildByIndex(e,t){this.allChildren(e).splice(t,1)}removeAllChildren(e){dt.delete(e)}removeTopLevelNodes(){this.disposeAllNodes(),this.rootNode().removeChildren(),this.removeAllChildren(this.rootNode())}isScrolledIntoView(e){const t=this.scrollContainer.scrollTop,i=t+this.scrollContainer.clientHeight,r=e.offsetTop;return r+e.offsetHeight<=i&&r>=t}onResize(){super.onResize(),this.updateVisibleNodes(!1)}onScroll(e){this.updateVisibleNodes(!1),this.scrollToResolveCallback&&(this.scrollToResolveCallback(),this.scrollToResolveCallback=null)}}class ft extends ct{constructor(e,t,i,s){super(e,t,{displayName:i,columns:s=s||[{id:"object",title:lt(nt.object),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending}]})}async setDataSource(e,t){this.snapshot=e;const i=new p.HeapSnapshotModel.Node(-1,"root",0,t||e.rootNodeIndex,0,0,"");this.setRootNode(this.createRootNode(e,i)),this.rootNode().sort()}createRootNode(e,t){const i=new p.HeapSnapshotModel.Edge("",t,"",-1);return new Ze(this,e,i,null)}sortingChanged(){const e=this.rootNode();e.hasChildren()&&e.sort()}}class gt extends ft{constructor(e,t){const i=[{id:"object",title:lt(nt.object),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Ascending},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sortable:!0,fixedWidth:!0}];super(e,t,lt(nt.heapSnapshotRetainment),i)}createRootNode(e,t){const i=new p.HeapSnapshotModel.Edge("",t,"",-1);return new Xe(this,e,i,null)}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"count",!1);case"count":return new p.HeapSnapshotModel.ComparatorConfig("count",t,"name",!0);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("shallowSize",t,"name",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",t,"name",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}reset(){this.rootNode().removeChildren(),this.resetSortingCache()}async setDataSource(e,t){await super.setDataSource(e,t),this.rootNode().expand()}}!function(e){e.ExpandRetainersComplete="ExpandRetainersComplete"}(ut||(ut={}));class vt extends mt{profileIndex;objectIdToSelect;nextRequestedFilter;lastFilter;filterInProgress;constructor(e,t){const i=[{id:"object",title:lt(nt.constructorString),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sort:r.DataGrid.Order.Descending,sortable:!0,fixedWidth:!0}];super(e,t,{displayName:lt(nt.heapSnapshotConstructors).toString(),columns:i}),this.profileIndex=-1,this.objectIdToSelect=null,this.nextRequestedFilter=null}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"retainedSize",!1);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",t,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("shallowSize",t,"name",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}async revealObjectByHeapSnapshotId(e){if(!this.snapshot)return this.objectIdToSelect=e,null;const t=await this.snapshot.nodeClassName(parseInt(e,10));if(!t)return null;const i=this.topLevelNodes().find((e=>e.name===t));if(!i)return null;const r=await i.populateNodeBySnapshotObjectId(parseInt(e,10));return r.length?this.revealTreeNode(r):null}clear(){this.nextRequestedFilter=null,this.lastFilter=null,this.removeTopLevelNodes()}async setDataSource(e,t){this.snapshot=e,-1===this.profileIndex&&this.populateChildren(),this.objectIdToSelect&&(this.revealObjectByHeapSnapshotId(this.objectIdToSelect),this.objectIdToSelect=null)}setSelectionRange(e,t){this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter(e,t),this.populateChildren(this.nodeFilterInternal)}setAllocationNodeId(e){this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter,this.nodeFilterInternal.allocationNodeId=e,this.populateChildren(this.nodeFilterInternal)}aggregatesReceived(e,t){this.filterInProgress=null,this.nextRequestedFilter&&this.snapshot&&(this.snapshot.aggregatesWithFilter(this.nextRequestedFilter).then(this.aggregatesReceived.bind(this,this.nextRequestedFilter)),this.filterInProgress=this.nextRequestedFilter,this.nextRequestedFilter=null),this.removeTopLevelNodes(),this.resetSortingCache();for(const i in t)this.appendNode(this.rootNode(),new tt(this,i,t[i],e));this.sortingChanged(),this.lastFilter=e}async populateChildren(e){const t=e||new p.HeapSnapshotModel.NodeFilter;if(this.filterInProgress)this.nextRequestedFilter=this.filterInProgress.equals(t)?null:t;else if((!this.lastFilter||!this.lastFilter.equals(t))&&(this.filterInProgress=t,this.snapshot)){const e=await this.snapshot.aggregatesWithFilter(t);this.aggregatesReceived(t,e)}}filterSelectIndexChanged(e,t){if(this.profileIndex=t,this.nodeFilterInternal=void 0,-1!==t){const i=t>0?e[t-1].maxJSObjectId:0,r=e[t].maxJSObjectId;this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter(i,r)}this.populateChildren(this.nodeFilterInternal)}}class wt extends mt{baseSnapshot;constructor(e,t){const i=[{id:"object",title:lt(nt.constructorString),disclosure:!0,sortable:!0},{id:"addedCount",title:lt(nt.New),width:"75px",sortable:!0,fixedWidth:!0},{id:"removedCount",title:lt(nt.Deleted),width:"75px",sortable:!0,fixedWidth:!0},{id:"countDelta",title:lt(nt.Delta),width:"65px",sortable:!0,fixedWidth:!0},{id:"addedSize",title:lt(nt.allocSize),width:"75px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending},{id:"removedSize",title:lt(nt.freedSize),width:"75px",sortable:!0,fixedWidth:!0},{id:"sizeDelta",title:lt(nt.sizeDelta),width:"75px",sortable:!0,fixedWidth:!0}];super(e,t,{displayName:lt(nt.heapSnapshotDiff).toString(),columns:i})}defaultPopulateCount(){return 50}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"count",!1);case"addedCount":return new p.HeapSnapshotModel.ComparatorConfig("addedCount",t,"name",!0);case"removedCount":return new p.HeapSnapshotModel.ComparatorConfig("removedCount",t,"name",!0);case"countDelta":return new p.HeapSnapshotModel.ComparatorConfig("countDelta",t,"name",!0);case"addedSize":return new p.HeapSnapshotModel.ComparatorConfig("addedSize",t,"name",!0);case"removedSize":return new p.HeapSnapshotModel.ComparatorConfig("removedSize",t,"name",!0);case"sizeDelta":return new p.HeapSnapshotModel.ComparatorConfig("sizeDelta",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}async setDataSource(e,t){this.snapshot=e}setBaseDataSource(e){this.baseSnapshot=e,this.removeTopLevelNodes(),this.resetSortingCache(),this.baseSnapshot!==this.snapshot?this.populateChildren():this.dispatchEventToListeners(pt.SortingComplete)}async populateChildren(){if(null===this.snapshot||void 0===this.baseSnapshot||void 0===this.baseSnapshot.uid)throw new Error("Data sources have not been set correctly");const e=await this.baseSnapshot.aggregatesForDiff(),t=await this.snapshot.calculateSnapshotDiff(this.baseSnapshot.uid,e);for(const e in t){const i=t[e];this.appendNode(this.rootNode(),new rt(this,e,i))}this.sortingChanged()}}class St extends mt{linkifierInternal;topNodes;constructor(e,t){const i=[{id:"liveCount",title:lt(nt.liveCount),width:"75px",sortable:!0,fixedWidth:!0},{id:"count",title:lt(nt.count),width:"65px",sortable:!0,fixedWidth:!0},{id:"liveSize",title:lt(nt.liveSize),width:"75px",sortable:!0,fixedWidth:!0},{id:"size",title:lt(nt.size),width:"75px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending},{id:"name",title:lt(nt.function),disclosure:!0,sortable:!0}];super(e,t,{displayName:lt(nt.allocation).toString(),columns:i}),this.linkifierInternal=new d.Linkifier.Linkifier}get linkifier(){return this.linkifierInternal}dispose(){this.linkifierInternal.reset()}async setDataSource(e,t){this.snapshot=e,this.topNodes=await this.snapshot.allocationTracesTops(),this.populateChildren()}populateChildren(){this.removeTopLevelNodes();const e=this.rootNode(),t=this.topNodes||[];for(const i of t)this.appendNode(e,new st(this,i));this.updateVisibleNodes(!0)}sortingChanged(){void 0!==this.topNodes&&(this.topNodes.sort(this.createComparator()),this.rootNode().removeChildren(),this.populateChildren())}createComparator(){const e=this.sortColumnId(),t=this.sortOrder()===r.DataGrid.Order.Ascending?1:-1;return function(i,r){return i[e]>r[e]?t:i[e]<r[e]?-t:0}}}var bt=Object.freeze({__proto__:null,HeapSnapshotSortableDataGrid:ct,get HeapSnapshotSortableDataGridEvents(){return pt},HeapSnapshotViewportDataGrid:mt,HeapSnapshotContainmentDataGrid:ft,HeapSnapshotRetainmentDataGrid:gt,get HeapSnapshotRetainmentDataGridEvents(){return ut},HeapSnapshotConstructorsDataGrid:vt,HeapSnapshotDiffDataGrid:wt,AllocationDataGrid:St});const Ct={anErrorOccurredWhenACallToMethod:"An error occurred when a call to method ''{PH1}'' was requested"},Pt=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotProxy.ts",Ct),Tt=t.i18n.getLocalizedString.bind(void 0,Pt);class xt extends o.ObjectWrapper.ObjectWrapper{eventHandler;nextObjectId;nextCallId;callbacks;previousCallbacks;worker;interval;constructor(e){super(),this.eventHandler=e,this.nextObjectId=1,this.nextCallId=1,this.callbacks=new Map,this.previousCallbacks=new Set,this.worker=o.Worker.WorkerWrapper.fromURL(new URL("../../entrypoints/heap_snapshot_worker/heap_snapshot_worker-legacy.js",import.meta.url)),this.worker.onmessage=this.messageReceived.bind(this)}createLoader(e,t){const i=this.nextObjectId++,r=new It(this,i,e,t);return this.postMessage({callId:this.nextCallId++,disposition:"create",objectId:i,methodName:"HeapSnapshotWorker.HeapSnapshotLoader"}),r}dispose(){this.worker.terminate(),this.interval&&clearInterval(this.interval)}disposeObject(e){this.postMessage({callId:this.nextCallId++,disposition:"dispose",objectId:e})}evaluateForTest(e,t){const i=this.nextCallId++;this.callbacks.set(i,t),this.postMessage({callId:i,disposition:"evaluateForTest",source:e})}callFactoryMethod(e,t,i,r){const s=this.nextCallId++,o=Array.prototype.slice.call(arguments,4),n=this.nextObjectId++;return e?(this.callbacks.set(s,(t=>{e(t?new r(this,n):null)})),this.postMessage({callId:s,disposition:"factory",objectId:t,methodName:i,methodArguments:o,newObjectId:n}),null):(this.postMessage({callId:s,disposition:"factory",objectId:t,methodName:i,methodArguments:o,newObjectId:n}),new r(this,n))}callMethod(e,t,i){const r=this.nextCallId++,s=Array.prototype.slice.call(arguments,3);e&&this.callbacks.set(r,e),this.postMessage({callId:r,disposition:"method",objectId:t,methodName:i,methodArguments:s})}startCheckingForLongRunningCalls(){this.interval||(this.checkLongRunningCalls(),this.interval=window.setInterval(this.checkLongRunningCalls.bind(this),300))}checkLongRunningCalls(){for(const e of this.previousCallbacks)this.callbacks.has(e)||this.previousCallbacks.delete(e);const e=Boolean(this.previousCallbacks.size);this.dispatchEventToListeners("Wait",e);for(const e of this.callbacks.keys())this.previousCallbacks.add(e)}messageReceived(e){const t=e.data;if(t.eventName)return void(this.eventHandler&&this.eventHandler(t.eventName,t.data));if(t.error)return t.errorMethodName&&o.Console.Console.instance().error(Tt(Ct.anErrorOccurredWhenACallToMethod,{PH1:t.errorMethodName})),o.Console.Console.instance().error(t.errorCallStack),void this.callbacks.delete(t.callId);const i=this.callbacks.get(t.callId);i&&(this.callbacks.delete(t.callId),i(t.result))}postMessage(e){this.worker.postMessage(e)}}class yt{worker;objectId;constructor(e,t){this.worker=e,this.objectId=t}callWorker(e,t){t.splice(1,0,this.objectId);const i=this.worker[e];if(!i)throw new Error(`Could not find worker with name ${e}.`);return i.apply(this.worker,t)}dispose(){this.worker.disposeObject(this.objectId)}disposeWorker(){this.worker.dispose()}callFactoryMethod(e,t,i,...r){return this.callWorker("callFactoryMethod",Array.prototype.slice.call(arguments,0))}callMethodPromise(e,...t){const i=Array.prototype.slice.call(arguments);return new Promise((e=>this.callWorker("callMethod",[e,...i])))}}class It extends yt{profileUid;snapshotReceivedCallback;constructor(e,t,i,r){super(e,t),this.profileUid=i,this.snapshotReceivedCallback=r}async write(e){await this.callMethodPromise("write",e)}async close(){await this.callMethodPromise("close");const e=await new Promise((e=>this.callFactoryMethod(e,"buildSnapshot",Rt)));this.dispose(),e.setProfileUid(this.profileUid),await e.updateStaticData(),this.snapshotReceivedCallback(e)}}class Rt extends yt{staticData;profileUid;constructor(e,t){super(e,t),this.staticData=null}search(e,t){return this.callMethodPromise("search",e,t)}aggregatesWithFilter(e){return this.callMethodPromise("aggregatesWithFilter",e)}aggregatesForDiff(){return this.callMethodPromise("aggregatesForDiff")}calculateSnapshotDiff(e,t){return this.callMethodPromise("calculateSnapshotDiff",e,t)}nodeClassName(e){return this.callMethodPromise("nodeClassName",e)}createEdgesProvider(e){return this.callFactoryMethod(null,"createEdgesProvider",Et,e)}createRetainingEdgesProvider(e){return this.callFactoryMethod(null,"createRetainingEdgesProvider",Et,e)}createAddedNodesProvider(e,t){return this.callFactoryMethod(null,"createAddedNodesProvider",Et,e,t)}createDeletedNodesProvider(e){return this.callFactoryMethod(null,"createDeletedNodesProvider",Et,e)}createNodesProvider(e){return this.callFactoryMethod(null,"createNodesProvider",Et,e)}createNodesProviderForClass(e,t){return this.callFactoryMethod(null,"createNodesProviderForClass",Et,e,t)}allocationTracesTops(){return this.callMethodPromise("allocationTracesTops")}allocationNodeCallers(e){return this.callMethodPromise("allocationNodeCallers",e)}allocationStack(e){return this.callMethodPromise("allocationStack",e)}dispose(){throw new Error("Should never be called")}get nodeCount(){return this.staticData?this.staticData.nodeCount:0}get rootNodeIndex(){return this.staticData?this.staticData.rootNodeIndex:0}async updateStaticData(){this.staticData=await this.callMethodPromise("updateStaticData")}getStatistics(){return this.callMethodPromise("getStatistics")}getLocation(e){return this.callMethodPromise("getLocation",e)}getSamples(){return this.callMethodPromise("getSamples")}get totalSize(){return this.staticData?this.staticData.totalSize:0}get uid(){return this.profileUid}setProfileUid(e){this.profileUid=e}maxJSObjectId(){return this.staticData?this.staticData.maxJSObjectId:0}}class Et extends yt{constructor(e,t){super(e,t)}nodePosition(e){return this.callMethodPromise("nodePosition",e)}isEmpty(){return this.callMethodPromise("isEmpty")}serializeItemsRange(e,t){return this.callMethodPromise("serializeItemsRange",e,t)}async sortAndRewind(e){await this.callMethodPromise("sortAndRewind",e)}}var Nt=Object.freeze({__proto__:null,HeapSnapshotWorkerProxy:xt,HeapSnapshotProxyObject:yt,HeapSnapshotLoaderProxy:It,HeapSnapshotProxy:Rt,HeapSnapshotProviderProxy:Et});const kt={find:"Find",containment:"Containment",retainers:"Retainers",allocationStack:"Allocation stack",perspective:"Perspective",baseSnapshot:"Base snapshot",filter:"Filter",classFilter:"Class filter",code:"Code",strings:"Strings",jsArrays:"JS arrays",typedArrays:"Typed arrays",systemObjects:"System objects",selectedSizeS:"Selected size: {PH1}",allObjects:"All objects",objectsAllocatedBeforeS:"Objects allocated before {PH1}",objectsAllocatedBetweenSAndS:"Objects allocated between {PH1} and {PH2}",summary:"Summary",comparison:"Comparison",allocation:"Allocation",liveObjects:"Live objects",statistics:"Statistics",heapSnapshot:"Heap snapshot",takeHeapSnapshot:"Take heap snapshot",heapSnapshots:"HEAP SNAPSHOTS",heapSnapshotProfilesShowMemory:"Heap snapshot profiles show memory distribution among your page's JavaScript objects and related DOM nodes.",exposeInternals:"Expose internals (includes additional implementation-specific details)",captureNumericValue:"Include numerical values in capture",snapshotting:"Snapshotting…",snapshotD:"Snapshot {PH1}",percentagePlaceholder:"{PH1}%",allocationInstrumentationOn:"Allocation instrumentation on timeline",stopRecordingHeapProfile:"Stop recording heap profile",startRecordingHeapProfile:"Start recording heap profile",recordAllocationStacksExtra:"Record stack traces of allocations (extra performance overhead)",recording:"Recording…",allocationTimelines:"ALLOCATION TIMELINES",AllocationTimelinesShowInstrumented:"Allocation timelines show instrumented JavaScript memory allocations over time. Once profile is recorded you can select a time interval to see objects that were allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks.",loading:"Loading…",savingD:"Saving… {PH1}%",sKb:"{PH1} kB",heapMemoryUsage:"Heap memory usage",stackWasNotRecordedForThisObject:"Stack was not recorded for this object because it had been allocated before this profile recording started."},Dt=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotView.ts",kt),Mt=t.i18n.getLocalizedString.bind(void 0,Dt),Ft=t.i18n.registerUIStrings("panels/profiler/ModuleUIStrings.ts",{buildingEdgeIndexes:"Building edge indexes…",buildingRetainers:"Building retainers…",propagatingDomState:"Propagating DOM state…",calculatingNodeFlags:"Calculating node flags…",calculatingDistances:"Calculating distances…",buildingPostorderIndex:"Building postorder index…",buildingDominatorTree:"Building dominator tree…",calculatingRetainedSizes:"Calculating retained sizes…",buildingDominatedNodes:"Building dominated nodes…",calculatingStatistics:"Calculating statistics…",calculatingSamples:"Calculating samples…",buildingLocations:"Building locations…",finishedProcessing:"Finished processing.",buildingAllocationStatistics:"Building allocation statistics…",done:"Done",processingSnapshot:"Processing snapshot…",parsingStrings:"Parsing strings…",loadingSnapshotInfo:"Loading snapshot info…",loadingNodesD:"Loading nodes… {PH1}%",loadingEdgesD:"Loading edges… {PH1}%",loadingAllocationTracesD:"Loading allocation traces… {PH1}%",loadingSamples:"Loading samples…",loadingLocations:"Loading locations…",loadingStrings:"Loading strings…"}),Ht=t.i18n.getLocalizedString.bind(void 0,Ft);class Lt extends s.View.SimpleView{searchResults;profile;linkifier;parentDataDisplayDelegate;searchableViewInternal;splitWidget;containmentDataGrid;containmentWidget;statisticsView;constructorsDataGrid;constructorsWidget;diffDataGrid;diffWidget;allocationDataGrid;allocationWidget;allocationStackView;tabbedPane;retainmentDataGrid;retainmentWidget;objectDetailsView;perspectives;comparisonPerspective;perspectiveSelect;baseSelect;filterSelect;classNameFilter;selectedSizeText;popoverHelper;currentPerspectiveIndex;currentPerspective;dataGrid;searchThrottler;baseProfile;trackingOverviewGrid;currentSearchResultIndex=-1;currentQuery;constructor(e,t){super(Mt(kt.heapSnapshot)),this.searchResults=[],this.element.classList.add("heap-snapshot-view"),this.profile=t,this.linkifier=new d.Linkifier.Linkifier;const i=t.profileType();i.addEventListener("SnapshotReceived",this.onReceiveSnapshot,this),i.addEventListener(D.RemoveProfileHeader,this.onProfileHeaderRemoved,this);const n=i.id===At.TypeId;n&&this.createOverview();const a=Kt.trackingHeapSnapshotProfileType.recordAllocationStacksSetting().get();this.parentDataDisplayDelegate=e,this.searchableViewInternal=new s.SearchableView.SearchableView(this,null),this.searchableViewInternal.setPlaceholder(Mt(kt.find),Mt(kt.find)),this.searchableViewInternal.show(this.element),this.splitWidget=new s.SplitWidget.SplitWidget(!1,!0,"heapSnapshotSplitViewState",200,200),this.splitWidget.show(this.searchableViewInternal.element);const l=t.heapProfilerModel();let h;if(this.containmentDataGrid=new ft(l,this,Mt(kt.containment)),this.containmentDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.containmentWidget=this.containmentDataGrid.asWidget(),this.containmentWidget.setMinimumSize(50,25),this.statisticsView=new _t,this.constructorsDataGrid=new vt(l,this),this.constructorsDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.constructorsWidget=this.constructorsDataGrid.asWidget(),this.constructorsWidget.setMinimumSize(50,25),this.diffDataGrid=new wt(l,this),this.diffDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.diffWidget=this.diffDataGrid.asWidget(),this.diffWidget.setMinimumSize(50,25),this.allocationDataGrid=null,n&&a&&(this.allocationDataGrid=new St(l,this),this.allocationDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.onSelectAllocationNode,this),this.allocationWidget=this.allocationDataGrid.asWidget(),this.allocationWidget.setMinimumSize(50,25),this.allocationStackView=new Jt(l),this.allocationStackView.setMinimumSize(50,25),this.tabbedPane=new s.TabbedPane.TabbedPane),this.retainmentDataGrid=new gt(l,this),this.retainmentWidget=this.retainmentDataGrid.asWidget(),this.retainmentWidget.setMinimumSize(50,21),this.retainmentWidget.element.classList.add("retaining-paths-view"),this.allocationStackView)this.tabbedPane=new s.TabbedPane.TabbedPane,this.tabbedPane.appendTab("retainers",Mt(kt.retainers),this.retainmentWidget),this.tabbedPane.appendTab("allocation-stack",Mt(kt.allocationStack),this.allocationStackView),h=this.tabbedPane.headerElement(),this.objectDetailsView=this.tabbedPane;else{const e=document.createElement("div");e.classList.add("heap-snapshot-view-resizer");const t=e.createChild("div","title");e.createChild("div","verticalResizerIcon");t.createChild("span").textContent=Mt(kt.retainers),h=e,this.objectDetailsView=new s.Widget.VBox,this.objectDetailsView.element.appendChild(e),this.retainmentWidget.show(this.objectDetailsView.element)}this.splitWidget.hideDefaultResizer(),this.splitWidget.installResizer(h),this.retainmentDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.inspectedObjectChanged,this),this.retainmentDataGrid.reset(),this.perspectives=[],this.comparisonPerspective=new zt,this.perspectives.push(new Ot),t.profileType()!==Kt.trackingHeapSnapshotProfileType&&this.perspectives.push(this.comparisonPerspective),this.perspectives.push(new Bt),this.allocationWidget&&this.perspectives.push(new Gt),this.perspectives.push(new Vt),this.perspectiveSelect=new s.Toolbar.ToolbarComboBox(this.onSelectedPerspectiveChanged.bind(this),Mt(kt.perspective)),this.updatePerspectiveOptions(),this.baseSelect=new s.Toolbar.ToolbarComboBox(this.changeBase.bind(this),Mt(kt.baseSnapshot)),this.baseSelect.setVisible(!1),this.updateBaseOptions(),this.filterSelect=new s.Toolbar.ToolbarComboBox(this.changeFilter.bind(this),Mt(kt.filter)),this.filterSelect.setVisible(!1),this.updateFilterOptions(),this.classNameFilter=new s.Toolbar.ToolbarInput(Mt(kt.classFilter)),this.classNameFilter.setVisible(!1),this.constructorsDataGrid.setNameFilter(this.classNameFilter),this.diffDataGrid.setNameFilter(this.classNameFilter),this.selectedSizeText=new s.Toolbar.ToolbarText,this.popoverHelper=new s.PopoverHelper.PopoverHelper(this.element,this.getPopoverRequest.bind(this)),this.popoverHelper.setDisableOnClick(!0),this.popoverHelper.setHasPadding(!0),this.element.addEventListener("scroll",this.popoverHelper.hidePopover.bind(this.popoverHelper),!0),this.currentPerspectiveIndex=0,this.currentPerspective=this.perspectives[0],this.currentPerspective.activate(this),this.dataGrid=this.currentPerspective.masterGrid(this),this.populate(),this.searchThrottler=new o.Throttler.Throttler(0);for(const e of this.profiles())e.addEventListener(k.ProfileTitleChanged,this.updateControls,this)}createOverview(){const e=this.profile.profileType();this.trackingOverviewGrid=new Re,this.trackingOverviewGrid.addEventListener("IdsRangeChanged",this.onIdsRangeChanged.bind(this)),this.profile.fromFile()||e.profileBeingRecorded()!==this.profile||(e.addEventListener("HeapStatsUpdate",this.onHeapStatsUpdate,this),e.addEventListener("TrackingStopped",this.onStopTracking,this),this.trackingOverviewGrid.start())}onStopTracking(){const e=this.profile.profileType();e.removeEventListener("HeapStatsUpdate",this.onHeapStatsUpdate,this),e.removeEventListener("TrackingStopped",this.onStopTracking,this),this.trackingOverviewGrid&&this.trackingOverviewGrid.stop()}onHeapStatsUpdate({data:e}){this.trackingOverviewGrid&&this.trackingOverviewGrid.setSamples(e)}searchableView(){return this.searchableViewInternal}showProfile(e){return this.parentDataDisplayDelegate.showProfile(e)}showObject(e,t){Number(e)<=this.profile.maxJSObjectId?this.selectLiveObject(t,e):this.parentDataDisplayDelegate.showObject(e,t)}async linkifyObject(e){const t=this.profile.heapProfilerModel();if(!t)return null;const i=await this.profile.getLocation(e);if(!i)return null;const r=t.runtimeModel().debuggerModel().createRawLocationByScriptId(String(i.scriptId),i.lineNumber,i.columnNumber);if(!r)return null;const s=r.script(),o=s&&s.sourceURL;return o&&this.linkifier?this.linkifier.linkifyRawLocation(r,o):null}async populate(){const e=await this.profile.loadPromise;if(this.retrieveStatistics(e),this.dataGrid&&this.dataGrid.setDataSource(e,0),this.profile.profileType().id===At.TypeId&&this.profile.fromFile()){const t=await e.getSamples();if(t){console.assert(Boolean(t.timestamps.length));const e=new Ne;e.sizes=t.sizes,e.ids=t.lastAssignedIds,e.timestamps=t.timestamps,e.max=t.sizes,e.totalTime=Math.max(t.timestamps[t.timestamps.length-1]||0,1e4),this.trackingOverviewGrid&&this.trackingOverviewGrid.setSamples(e)}}const t=this.profiles().indexOf(this.profile);this.baseSelect.setSelectedIndex(Math.max(0,t-1)),this.trackingOverviewGrid&&this.trackingOverviewGrid.updateGrid()}async retrieveStatistics(e){const t=await e.getStatistics(),i=[{value:t.code,color:"#f77",title:Mt(kt.code)},{value:t.strings,color:"#5e5",title:Mt(kt.strings)},{value:t.jsArrays,color:"#7af",title:Mt(kt.jsArrays)},{value:t.native,color:"#fc5",title:Mt(kt.typedArrays)},{value:t.system,color:"#98f",title:Mt(kt.systemObjects)}];return this.statisticsView.setTotalAndRecords(t.total,i),t}onIdsRangeChanged(t){const{minId:i,maxId:r}=t.data;this.selectedSizeText.setText(Mt(kt.selectedSizeS,{PH1:e.NumberUtilities.bytesToString(t.data.size)})),this.constructorsDataGrid.snapshot&&this.constructorsDataGrid.setSelectionRange(i,r)}async toolbarItems(){const e=[this.perspectiveSelect,this.classNameFilter];return this.profile.profileType()!==Kt.trackingHeapSnapshotProfileType&&e.push(this.baseSelect,this.filterSelect),e.push(this.selectedSizeText),e}willHide(){this.currentSearchResultIndex=-1,this.popoverHelper.hidePopover()}supportsCaseSensitiveSearch(){return!0}supportsRegexSearch(){return!1}onSearchCanceled(){this.currentSearchResultIndex=-1,this.searchResults=[]}selectRevealedNode(e){e&&e.select()}performSearch(e,t,i){const r=new p.HeapSnapshotModel.SearchConfig(e.query.trim(),e.caseSensitive,e.isRegex,t,i||!1);this.searchThrottler.schedule(this.performSearchInternal.bind(this,r))}async performSearchInternal(e){if(this.onSearchCanceled(),!this.currentPerspective.supportsSearch())return;this.currentQuery=e;const t=e.query.trim();if(!t)return;if("@"===t.charAt(0)){const e=parseInt(t.substring(1),10);if(isNaN(e))return;if(!this.dataGrid)return;const i=await this.dataGrid.revealObjectByHeapSnapshotId(String(e));return void this.selectRevealedNode(i)}if(!this.profile.snapshotProxy||!this.dataGrid)return;const i=this.dataGrid.nodeFilter();this.searchResults=i?await this.profile.snapshotProxy.search(this.currentQuery,i):[],this.searchableViewInternal.updateSearchMatchesCount(this.searchResults.length),this.searchResults.length&&(this.currentSearchResultIndex=e.jumpBackward?this.searchResults.length-1:0),await this.jumpToSearchResult(this.currentSearchResultIndex)}jumpToNextSearchResult(){this.searchResults.length&&(this.currentSearchResultIndex=(this.currentSearchResultIndex+1)%this.searchResults.length,this.searchThrottler.schedule(this.jumpToSearchResult.bind(this,this.currentSearchResultIndex)))}jumpToPreviousSearchResult(){this.searchResults.length&&(this.currentSearchResultIndex=(this.currentSearchResultIndex+this.searchResults.length-1)%this.searchResults.length,this.searchThrottler.schedule(this.jumpToSearchResult.bind(this,this.currentSearchResultIndex)))}async jumpToSearchResult(e){if(this.searchableViewInternal.updateCurrentMatchIndex(e),-1===e)return;if(!this.dataGrid)return;const t=await this.dataGrid.revealObjectByHeapSnapshotId(String(this.searchResults[e]));this.selectRevealedNode(t)}refreshVisibleData(){if(!this.dataGrid)return;let e=this.dataGrid.rootNode().children[0];for(;e;)e.refresh(),e=e.traverseNextNode(!1,null,!0)}changeBase(){if(this.baseProfile===this.profiles()[this.baseSelect.selectedIndex()])return;this.baseProfile=this.profiles()[this.baseSelect.selectedIndex()];const e=this.dataGrid;e.snapshot&&this.baseProfile.loadPromise.then(e.setBaseDataSource.bind(e)),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1)}changeFilter(){const e=this.filterSelect.selectedIndex()-1;this.dataGrid&&(this.dataGrid.filterSelectIndexChanged(this.profiles(),e),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1))}profiles(){return this.profile.profileType().getProfiles()}selectionChanged(e){const t=e.data;this.setSelectedNodeForDetailsView(t),this.inspectedObjectChanged(e)}onSelectAllocationNode(e){const t=e.data;this.constructorsDataGrid.setAllocationNodeId(t.allocationNodeId()),this.setSelectedNodeForDetailsView(null)}inspectedObjectChanged(e){const t=e.data,i=this.profile.heapProfilerModel();i&&t instanceof Ye&&i.addInspectedHeapObject(String(t.snapshotNodeId))}setSelectedNodeForDetailsView(e){const t=e&&e.retainersDataSource();t?(this.retainmentDataGrid.setDataSource(t.snapshot,t.snapshotNodeIndex),this.allocationStackView&&this.allocationStackView.setAllocatedObject(t.snapshot,t.snapshotNodeIndex)):(this.allocationStackView&&this.allocationStackView.clear(),this.retainmentDataGrid.reset())}async changePerspectiveAndWait(e){const t=this.perspectives.findIndex((t=>t.title()===e));if(-1===t||this.currentPerspectiveIndex===t)return;const i=this.perspectives[t].masterGrid(this);if(!i)return;const r=i.once(pt.ContentShown),s=this.perspectiveSelect.options().find((e=>e.value===String(t)));this.perspectiveSelect.select(s),this.changePerspective(t),await r}async updateDataSourceAndView(){const e=this.dataGrid;if(!e||e.snapshot)return;const t=await this.profile.loadPromise;if(this.dataGrid!==e)return;if(e.snapshot!==t&&e.setDataSource(t,0),e!==this.diffDataGrid)return;this.baseProfile||(this.baseProfile=this.profiles()[this.baseSelect.selectedIndex()]);const i=await this.baseProfile.loadPromise;this.diffDataGrid.baseSnapshot!==i&&this.diffDataGrid.setBaseDataSource(i)}onSelectedPerspectiveChanged(e){this.changePerspective(Number(e.target.selectedOptions[0].value))}changePerspective(e){if(e===this.currentPerspectiveIndex)return;this.currentPerspectiveIndex=e,this.currentPerspective.deactivate(this);const t=this.perspectives[e];this.currentPerspective=t,this.dataGrid=t.masterGrid(this),t.activate(this),this.refreshVisibleData(),this.dataGrid&&this.dataGrid.updateWidths(),this.updateDataSourceAndView(),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1)}async selectLiveObject(e,t){if(await this.changePerspectiveAndWait(e),!this.dataGrid)return;const i=await this.dataGrid.revealObjectByHeapSnapshotId(t);i?i.select():o.Console.Console.instance().error("Cannot find corresponding heap snapshot node")}getPopoverRequest(e){const t=s.UIUtils.enclosingNodeOrSelfWithNodeName(e.target,"span"),i=s.UIUtils.enclosingNodeOrSelfWithNodeName(e.target,"tr");if(!i)return null;if(!this.dataGrid)return null;const r=this.dataGrid.dataGridNodeFromNode(i)||this.containmentDataGrid.dataGridNodeFromNode(i)||this.constructorsDataGrid.dataGridNodeFromNode(i)||this.diffDataGrid.dataGridNodeFromNode(i)||this.allocationDataGrid&&this.allocationDataGrid.dataGridNodeFromNode(i)||this.retainmentDataGrid.dataGridNodeFromNode(i),o=this.profile.heapProfilerModel();if(!r||!t||!o)return null;let n;return{box:t.boxInWindow(),show:async e=>{if(!o)return!1;const t=await r.queryObjectContent(o,"popover");return!!t&&(n=await u.ObjectPopoverHelper.ObjectPopoverHelper.buildObjectPopover(t,e),!!n||(o.runtimeModel().releaseObjectGroup("popover"),!1))},hide:()=>{o.runtimeModel().releaseObjectGroup("popover"),n&&n.dispose()}}}updatePerspectiveOptions(){const e=this.profiles().length>1;this.perspectiveSelect.removeOptions(),this.perspectives.forEach(((t,i)=>{(e||t!==this.comparisonPerspective)&&this.perspectiveSelect.createOption(t.title(),String(i))}))}updateBaseOptions(){const e=this.profiles(),t=this.baseSelect.selectedIndex();this.baseSelect.removeOptions();for(const t of e)this.baseSelect.createOption(t.title);t>-1&&this.baseSelect.setSelectedIndex(t)}updateFilterOptions(){const e=this.profiles(),t=this.filterSelect.selectedIndex();this.filterSelect.removeOptions(),this.filterSelect.createOption(Mt(kt.allObjects));for(let t=0;t<e.length;++t){let i;i=t?Mt(kt.objectsAllocatedBetweenSAndS,{PH1:e[t-1].title,PH2:e[t].title}):Mt(kt.objectsAllocatedBeforeS,{PH1:e[t].title}),this.filterSelect.createOption(i)}t>-1&&this.filterSelect.setSelectedIndex(t)}updateControls(){this.updatePerspectiveOptions(),this.updateBaseOptions(),this.updateFilterOptions()}onReceiveSnapshot(e){this.updateControls();e.data.addEventListener(k.ProfileTitleChanged,this.updateControls,this)}onProfileHeaderRemoved(e){const t=e.data;t.removeEventListener(k.ProfileTitleChanged,this.updateControls,this),this.profile===t?(this.detach(),this.profile.profileType().removeEventListener("SnapshotReceived",this.onReceiveSnapshot,this),this.profile.profileType().removeEventListener(D.RemoveProfileHeader,this.onProfileHeaderRemoved,this),this.dispose()):this.updateControls()}dispose(){this.linkifier.dispose(),this.popoverHelper.dispose(),this.allocationStackView&&(this.allocationStackView.clear(),this.allocationDataGrid&&this.allocationDataGrid.dispose()),this.onStopTracking(),this.trackingOverviewGrid&&this.trackingOverviewGrid.removeEventListener("IdsRangeChanged",this.onIdsRangeChanged.bind(this))}}class jt{titleInternal;constructor(e){this.titleInternal=e}activate(e){}deactivate(e){e.baseSelect.setVisible(!1),e.filterSelect.setVisible(!1),e.classNameFilter.setVisible(!1),e.trackingOverviewGrid&&e.trackingOverviewGrid.detach(),e.allocationWidget&&e.allocationWidget.detach(),e.statisticsView&&e.statisticsView.detach(),e.splitWidget.detach(),e.splitWidget.detachChildWidgets()}masterGrid(e){return null}title(){return this.titleInternal}supportsSearch(){return!1}}class Ot extends jt{constructor(){super(Mt(kt.summary))}activate(e){e.splitWidget.setMainWidget(e.constructorsWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element),e.filterSelect.setVisible(!0),e.classNameFilter.setVisible(!0),e.trackingOverviewGrid&&(e.trackingOverviewGrid.show(e.searchableViewInternal.element,e.splitWidget.element),e.trackingOverviewGrid.update(),e.trackingOverviewGrid.updateGrid())}masterGrid(e){return e.constructorsDataGrid}supportsSearch(){return!0}}class zt extends jt{constructor(){super(Mt(kt.comparison))}activate(e){e.splitWidget.setMainWidget(e.diffWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element),e.baseSelect.setVisible(!0),e.classNameFilter.setVisible(!0)}masterGrid(e){return e.diffDataGrid}supportsSearch(){return!0}}class Bt extends jt{constructor(){super(Mt(kt.containment))}activate(e){e.splitWidget.setMainWidget(e.containmentWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element)}masterGrid(e){return e.containmentDataGrid}}class Gt extends jt{allocationSplitWidget;constructor(){super(Mt(kt.allocation)),this.allocationSplitWidget=new s.SplitWidget.SplitWidget(!1,!0,"heapSnapshotAllocationSplitViewState",200,200),this.allocationSplitWidget.setSidebarWidget(new s.Widget.VBox)}activate(e){e.allocationWidget&&this.allocationSplitWidget.setMainWidget(e.allocationWidget),e.splitWidget.setMainWidget(e.constructorsWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView);const t=new s.Widget.VBox,i=document.createElement("div");i.classList.add("heap-snapshot-view-resizer");const r=i.createChild("div","title").createChild("span");if(i.createChild("div","verticalResizerIcon"),r.textContent=Mt(kt.liveObjects),this.allocationSplitWidget.hideDefaultResizer(),this.allocationSplitWidget.installResizer(i),t.element.appendChild(i),e.splitWidget.show(t.element),this.allocationSplitWidget.setSidebarWidget(t),this.allocationSplitWidget.show(e.searchableViewInternal.element),e.constructorsDataGrid.clear(),e.allocationDataGrid){const t=e.allocationDataGrid.selectedNode;t&&e.constructorsDataGrid.setAllocationNodeId(t.allocationNodeId())}}deactivate(e){this.allocationSplitWidget.detach(),super.deactivate(e)}masterGrid(e){return e.allocationDataGrid}}class Vt extends jt{constructor(){super(Mt(kt.statistics))}activate(e){e.statisticsView.show(e.searchableViewInternal.element)}masterGrid(e){return null}}class Ut extends(o.ObjectWrapper.eventMixin(L)){exposeInternals;captureNumericValue;customContentInternal;constructor(e,t){super(e||Ut.TypeId,t||Mt(kt.heapSnapshot)),l.TargetManager.TargetManager.instance().observeModels(l.HeapProfilerModel.HeapProfilerModel,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.ResetProfiles,this.resetProfiles,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.AddHeapSnapshotChunk,this.addHeapSnapshotChunk,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.ReportHeapSnapshotProgress,this.reportHeapSnapshotProgress,this),this.exposeInternals=o.Settings.Settings.instance().createSetting("exposeInternals",!1),this.captureNumericValue=o.Settings.Settings.instance().createSetting("captureNumericValue",!1),this.customContentInternal=null}modelAdded(e){e.enable()}modelRemoved(e){}getProfiles(){return super.getProfiles()}fileExtension(){return".heapsnapshot"}get buttonTooltip(){return Mt(kt.takeHeapSnapshot)}isInstantProfile(){return!0}buttonClicked(){return this.takeHeapSnapshot(),a.userMetrics.actionTaken(a.UserMetrics.Action.ProfilesHeapProfileTaken),!1}get treeItemTitle(){return Mt(kt.heapSnapshots)}get description(){return Mt(kt.heapSnapshotProfilesShowMemory)}customContent(){const e=document.createElement("div"),t=c.Runtime.experiments.isEnabled("showOptionToExposeInternalsInHeapSnapshot"),i=!t;if(t){const t=s.SettingsUI.createSettingCheckbox(Mt(kt.exposeInternals),this.exposeInternals,i);e.appendChild(t)}const r=s.SettingsUI.createSettingCheckbox(Mt(kt.captureNumericValue),this.captureNumericValue,i);return e.appendChild(r),this.customContentInternal=e,e}setCustomContentEnabled(e){this.customContentInternal&&this.customContentInternal.querySelectorAll("[is=dt-checkbox]").forEach((t=>{t.checkboxElement.disabled=!e}))}createProfileLoadedFromFile(e){return new Wt(null,this,e)}async takeHeapSnapshot(){if(this.profileBeingRecorded())return;const e=s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel);if(!e)return;let t=new Wt(e,this);this.setProfileBeingRecorded(t),this.addProfile(t),t.updateStatus(Mt(kt.snapshotting)),await e.takeHeapSnapshot({reportProgress:!0,captureNumericValue:this.captureNumericValue.get(),exposeInternals:this.exposeInternals.get()}),t=this.profileBeingRecorded(),t&&(t.title=Mt(kt.snapshotD,{PH1:t.uid}),t.finishLoad(),this.setProfileBeingRecorded(null),this.dispatchEventToListeners(D.ProfileComplete,t))}addHeapSnapshotChunk(e){const t=this.profileBeingRecorded();t&&t.transferChunk(e.data)}reportHeapSnapshotProgress(e){const t=this.profileBeingRecorded();if(!t)return;const{done:i,total:r,finished:s}=e.data;t.updateStatus(Mt(kt.percentagePlaceholder,{PH1:(i/r*100).toFixed(0)}),!0),s&&t.prepareToLoad()}resetProfiles(e){const t=e.data;for(const e of this.getProfiles())e.heapProfilerModel()===t&&this.removeProfile(e)}snapshotReceived(e){this.profileBeingRecorded()===e&&this.setProfileBeingRecorded(null),this.dispatchEventToListeners("SnapshotReceived",e)}static TypeId="HEAP";static SnapshotReceived="SnapshotReceived"}class At extends(o.ObjectWrapper.eventMixin(Ut)){recordAllocationStacksSettingInternal;customContentInternal;recording;profileSamples;constructor(){super(At.TypeId,Mt(kt.allocationInstrumentationOn)),this.recordAllocationStacksSettingInternal=o.Settings.Settings.instance().createSetting("recordAllocationStacks",!1),this.customContentInternal=null,this.recording=!1}modelAdded(e){super.modelAdded(e),e.addEventListener(l.HeapProfilerModel.Events.HeapStatsUpdate,this.heapStatsUpdate,this),e.addEventListener(l.HeapProfilerModel.Events.LastSeenObjectId,this.lastSeenObjectId,this)}modelRemoved(e){super.modelRemoved(e),e.removeEventListener(l.HeapProfilerModel.Events.HeapStatsUpdate,this.heapStatsUpdate,this),e.removeEventListener(l.HeapProfilerModel.Events.LastSeenObjectId,this.lastSeenObjectId,this)}heapStatsUpdate(e){if(!this.profileSamples)return;const t=e.data;let i;for(let e=0;e<t.length;e+=3){i=t[e];const r=t[e+2];this.profileSamples.sizes[i]=r,this.profileSamples.max[i]||(this.profileSamples.max[i]=r)}}lastSeenObjectId(e){const t=this.profileSamples;if(!t)return;const{lastSeenObjectId:i,timestamp:r}=e.data,s=Math.max(t.ids.length,t.max.length-1);t.ids[s]=i,t.max[s]||(t.max[s]=0,t.sizes[s]=0),t.timestamps[s]=r,t.totalTime<r-t.timestamps[0]&&(t.totalTime*=2),this.profileSamples&&this.dispatchEventToListeners("HeapStatsUpdate",this.profileSamples);const o=this.profileBeingRecorded();o&&o.updateStatus(null,!0)}hasTemporaryView(){return!0}get buttonTooltip(){return this.recording?Mt(kt.stopRecordingHeapProfile):Mt(kt.startRecordingHeapProfile)}isInstantProfile(){return!1}buttonClicked(){return this.toggleRecording()}startRecordingProfile(){if(this.profileBeingRecorded())return;const e=this.addNewProfile();e&&e.startTrackingHeapObjects(this.recordAllocationStacksSettingInternal.get())}customContent(){const e=s.SettingsUI.createSettingCheckbox(Mt(kt.recordAllocationStacksExtra),this.recordAllocationStacksSettingInternal,!0);return this.customContentInternal=e,e}setCustomContentEnabled(e){this.customContentInternal&&(this.customContentInternal.checkboxElement.disabled=!e)}recordAllocationStacksSetting(){return this.recordAllocationStacksSettingInternal}addNewProfile(){const e=s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel);return e?(this.setProfileBeingRecorded(new Wt(e,this,void 0)),this.profileSamples=new Ne,this.profileBeingRecorded()._profileSamples=this.profileSamples,this.recording=!0,this.addProfile(this.profileBeingRecorded()),this.profileBeingRecorded().updateStatus(Mt(kt.recording)),this.dispatchEventToListeners("TrackingStarted"),e):null}async stopRecordingProfile(){let e=this.profileBeingRecorded();e.updateStatus(Mt(kt.snapshotting));const t=e.heapProfilerModel().stopTrackingHeapObjects(!0);this.recording=!1,this.dispatchEventToListeners("TrackingStopped"),await t,e=this.profileBeingRecorded(),e&&(e.finishLoad(),this.profileSamples=null,this.setProfileBeingRecorded(null),this.dispatchEventToListeners(D.ProfileComplete,e))}toggleRecording(){return this.recording?this.stopRecordingProfile():this.startRecordingProfile(),this.recording}fileExtension(){return".heaptimeline"}get treeItemTitle(){return Mt(kt.allocationTimelines)}get description(){return Mt(kt.AllocationTimelinesShowInstrumented)}resetProfiles(e){const t=this.recording;this.setProfileBeingRecorded(null),super.resetProfiles(e),this.profileSamples=null,t&&this.addNewProfile()}profileBeingRecordedRemoved(){this.stopRecordingProfile(),this.profileSamples=null}static TypeId="HEAP-RECORD";static HeapStatsUpdate="HeapStatsUpdate";static TrackingStarted="TrackingStarted";static TrackingStopped="TrackingStopped"}class Wt extends F{heapProfilerModelInternal;maxJSObjectId;workerProxy;receiver;snapshotProxy;loadPromise;fulfillLoad;totalNumberOfChunks;bufferedWriter;onTempFileReady;failedToCreateTempFile;wasDisposed;fileName;constructor(e,t,i){super(t,i||Mt(kt.snapshotD,{PH1:t.nextProfileUid()})),this.heapProfilerModelInternal=e,this.maxJSObjectId=-1,this.workerProxy=null,this.receiver=null,this.snapshotProxy=null,this.loadPromise=new Promise((e=>{this.fulfillLoad=e})),this.totalNumberOfChunks=0,this.bufferedWriter=null,this.onTempFileReady=null}heapProfilerModel(){return this.heapProfilerModelInternal}async getLocation(e){return this.snapshotProxy?this.snapshotProxy.getLocation(e):null}createSidebarTreeElement(e){return new A(e,this,"heap-snapshot-sidebar-tree-item")}createView(e){return new Lt(e,this)}prepareToLoad(){console.assert(!this.receiver,"Already loading"),this.setupWorker(),this.updateStatus(Mt(kt.loading),!0)}finishLoad(){!this.wasDisposed&&this.receiver&&this.receiver.close(),this.bufferedWriter&&this.didWriteToTempFile(this.bufferedWriter)}didWriteToTempFile(e){this.wasDisposed?e&&e.remove():(this.tempFile=e,e||(this.failedToCreateTempFile=!0),this.onTempFileReady&&(this.onTempFileReady(),this.onTempFileReady=null))}setupWorker(){console.assert(!this.workerProxy,"HeapSnapshotWorkerProxy already exists"),this.workerProxy=new xt(this.handleWorkerEvent.bind(this)),this.workerProxy.addEventListener("Wait",(e=>{this.updateStatus(null,e.data)}),this),this.receiver=this.workerProxy.createLoader(this.uid,this.snapshotReceived.bind(this))}handleWorkerEvent(e,i){if(p.HeapSnapshotModel.HeapSnapshotProgressEvent.BrokenSnapshot===e){const e=i;return void o.Console.Console.instance().error(e)}if(p.HeapSnapshotModel.HeapSnapshotProgressEvent.Update!==e)return;const r=i,s=t.i18n.deserializeUIString(r);this.updateStatus(Ht(s.string,s.values))}dispose(){this.workerProxy&&this.workerProxy.dispose(),this.removeTempFile(),this.wasDisposed=!0}didCompleteSnapshotTransfer(){this.snapshotProxy&&this.updateStatus(e.NumberUtilities.bytesToString(this.snapshotProxy.totalSize),!1)}transferChunk(e){this.bufferedWriter||(this.bufferedWriter=new h.TempFile.TempFile),this.bufferedWriter.write([e]),++this.totalNumberOfChunks,this.receiver&&this.receiver.write(e)}snapshotReceived(e){this.wasDisposed||(this.receiver=null,this.snapshotProxy=e,this.maxJSObjectId=e.maxJSObjectId(),this.didCompleteSnapshotTransfer(),this.workerProxy&&this.workerProxy.startCheckingForLongRunningCalls(),this.notifySnapshotReceived())}notifySnapshotReceived(){this.snapshotProxy&&this.fulfillLoad&&this.fulfillLoad(this.snapshotProxy),this.profileType().snapshotReceived(this),this.canSaveToFile()&&this.dispatchEventToListeners(k.ProfileReceived)}canSaveToFile(){return!this.fromFile()&&Boolean(this.snapshotProxy)}saveToFile(){const t=new h.FileUtils.FileOutputStream;this.fileName=this.fileName||"Heap-"+e.DateUtilities.toISO8601Compact(new Date)+this.profileType().fileExtension();const i=async e=>{if(e){if(this.failedToCreateTempFile)return o.Console.Console.instance().error("Failed to open temp file with heap snapshot"),void t.close();if(this.tempFile){const e=await this.tempFile.copyToOutputStream(t,this.onChunkTransferred.bind(this));return e&&o.Console.Console.instance().error("Failed to read heap snapshot from temp file: "+e.message),void this.didCompleteSnapshotTransfer()}this.onTempFileReady=()=>{i(e)},this.updateSaveProgress(0,1)}};t.open(this.fileName).then(i.bind(this))}onChunkTransferred(e){this.updateSaveProgress(e.loadedSize(),e.fileSize())}updateSaveProgress(e,t){const i=(100*(t&&e/t)).toFixed(0);this.updateStatus(Mt(kt.savingD,{PH1:i}))}async loadFromFile(e){this.updateStatus(Mt(kt.loading),!0),this.setupWorker();const t=new h.FileUtils.ChunkedFileReader(e,1e7),i=await t.read(this.receiver);if(!i){const e=t.error();e&&this.updateStatus(e.message)}return i?null:t.error()}profileType(){return super.profileType()}}class _t extends s.Widget.VBox{pieChart;constructor(){super(),this.element.classList.add("heap-snapshot-statistics-view"),this.pieChart=new n.PieChart.PieChart,this.setTotalAndRecords(0,[]),this.pieChart.classList.add("heap-snapshot-stats-pie-chart"),this.element.appendChild(this.pieChart)}static valueFormatter(t){return Mt(kt.sKb,{PH1:e.NumberUtilities.withThousandsSeparator(Math.round(t/1e3))})}setTotalAndRecords(e,t){this.pieChart.data={chartName:Mt(kt.heapMemoryUsage),size:150,formatter:_t.valueFormatter,showLegend:!0,total:e,slices:t}}}class Jt extends s.Widget.Widget{heapProfilerModel;linkifier;frameElements;constructor(e){super(),this.heapProfilerModel=e,this.linkifier=new d.Linkifier.Linkifier,this.frameElements=[]}onContextMenu(e,t){const i=new s.ContextMenu.ContextMenu(t);i.containsTarget(e)||i.appendApplicableItems(e),i.show(),t.consume(!0)}onStackViewKeydown(e){const t=e.target;if(!t)return;if("Enter"===e.key){const i=$t.get(t);if(!i)return;const r=d.Linkifier.Linkifier.linkInfo(i);if(!r)return;return void(d.Linkifier.Linkifier.invokeFirstAction(r)&&e.consume(!0))}let i;const r=e;if("ArrowUp"===r.key)i=!1;else{if("ArrowDown"!==r.key)return;i=!0}const s=this.frameElements.indexOf(t);if(-1===s)return;const o=i?s+1:s-1;if(o<0||o>=this.frameElements.length)return;const n=this.frameElements[o];n.tabIndex=0,t.tabIndex=-1,n.focus(),e.consume(!0)}async setAllocatedObject(e,t){this.clear();const i=await e.allocationStack(t);if(!i){const e=this.element.createChild("div","no-heap-allocation-stack");return void s.UIUtils.createTextChild(e,Mt(kt.stackWasNotRecordedForThisObject))}const r=this.element.createChild("div","heap-allocation-stack");r.addEventListener("keydown",this.onStackViewKeydown.bind(this),!1);for(const e of i){const t=r.createChild("div","stack-frame");this.frameElements.push(t),t.tabIndex=-1;if(t.createChild("div").textContent=s.UIUtils.beautifyFunctionName(e.functionName),!e.scriptId)continue;const i=this.heapProfilerModel?this.heapProfilerModel.target():null,o={columnNumber:e.column-1,inlineFrameIndex:0},n=this.linkifier.linkifyScriptLocation(i,String(e.scriptId),e.scriptName,e.line-1,o);t.appendChild(n),$t.set(t,n),t.addEventListener("contextmenu",this.onContextMenu.bind(this,n))}this.frameElements[0].tabIndex=0}clear(){this.element.removeChildren(),this.frameElements=[],this.linkifier.reset()}}const $t=new WeakMap;var qt=Object.freeze({__proto__:null,HeapSnapshotView:Lt,Perspective:jt,SummaryPerspective:Ot,ComparisonPerspective:zt,ContainmentPerspective:Bt,AllocationPerspective:Gt,StatisticsPerspective:Vt,HeapSnapshotProfileType:Ut,TrackingHeapSnapshotProfileType:At,HeapProfileHeader:Wt,HeapSnapshotStatisticsView:_t,HeapAllocationStackView:Jt});class Qt{cpuProfileType;heapSnapshotProfileType;samplingHeapProfileType;trackingHeapSnapshotProfileType;constructor(){this.cpuProfileType=new oe,this.heapSnapshotProfileType=new Ut,this.samplingHeapProfileType=new Be,this.trackingHeapSnapshotProfileType=new At}}const Kt=new Qt;var Yt=Object.freeze({__proto__:null,ProfileTypeRegistry:Qt,instance:Kt});const Zt={clearAllProfiles:"Clear all profiles",cantLoadFileSupportedFile:"Can’t load file. Supported file extensions: ''{PH1}''.",cantLoadProfileWhileAnother:"Can’t load profile while another profile is being recorded.",profileLoadingFailedS:"Profile loading failed: {PH1}.",load:"Load…",runD:"Run {PH1}",profiles:"Profiles",deprecationWarnMsg:"This panel will be deprecated in the upcoming version. Use the Performance panel to record JavaScript CPU profiles.",learnMore:"Learn more",feedback:"Feedback",goToPerformancePanel:"Go to Performance Panel",enableThisPanelTemporarily:"Enable this panel temporarily"},Xt=t.i18n.registerUIStrings("panels/profiler/ProfilesPanel.ts",Zt),ei=t.i18n.getLocalizedString.bind(void 0,Xt);class ti extends s.Panel.PanelWithSidebar{profileTypes;profilesItemTreeElement;sidebarTree;profileViews;toolbarElement;toggleRecordAction;toggleRecordButton;clearResultsButton;profileViewToolbar;profileGroups;launcherView;visibleView;profileToView;typeIdToSidebarSection;fileSelectorElement;selectedProfileType;constructor(e,t,i){super(e),this.profileTypes=t;const r=new s.Widget.VBox;this.splitWidget().setMainWidget(r),this.profilesItemTreeElement=new oi(this),this.sidebarTree=new s.TreeOutline.TreeOutlineInShadow,this.sidebarTree.element.classList.add("profiles-sidebar-tree-box"),this.panelSidebarElement().appendChild(this.sidebarTree.element),this.sidebarTree.appendChild(this.profilesItemTreeElement),this.sidebarTree.element.addEventListener("keydown",this.onKeyDown.bind(this),!1),this.profileViews=document.createElement("div"),this.profileViews.id="profile-views",this.profileViews.classList.add("vbox"),r.element.appendChild(this.profileViews),this.toolbarElement=document.createElement("div"),this.toolbarElement.classList.add("profiles-toolbar"),r.element.insertBefore(this.toolbarElement,r.element.firstChild),this.panelSidebarElement().classList.add("profiles-tree-sidebar");const o=document.createElement("div");o.classList.add("profiles-toolbar"),this.panelSidebarElement().insertBefore(o,this.panelSidebarElement().firstChild);const n=new s.Toolbar.Toolbar("",o);this.toggleRecordAction=s.ActionRegistry.ActionRegistry.instance().action(i),this.toggleRecordButton=s.Toolbar.Toolbar.createActionButton(this.toggleRecordAction),n.appendToolbarItem(this.toggleRecordButton),this.clearResultsButton=new s.Toolbar.ToolbarButton(ei(Zt.clearAllProfiles),"clear"),this.clearResultsButton.addEventListener(s.Toolbar.ToolbarButton.Events.Click,this.reset,this),n.appendToolbarItem(this.clearResultsButton),n.appendSeparator(),n.appendToolbarItem(s.Toolbar.Toolbar.createActionButtonForId("components.collect-garbage")),this.profileViewToolbar=new s.Toolbar.Toolbar("",this.toolbarElement),this.profileViewToolbar.makeWrappable(!0),this.profileGroups={},this.launcherView=new xe(this),this.launcherView.addEventListener(ye.ProfileTypeSelected,this.onProfileTypeSelected,this),this.profileToView=[],this.typeIdToSidebarSection={};const a=this.profileTypes;for(let e=0;e<a.length;e++)this.registerProfileType(a[e]);this.launcherView.restoreSelectedProfileType(),this.profilesItemTreeElement.select(),this.showLauncherView(),this.createFileSelectorElement(),this.element.addEventListener("contextmenu",this.handleContextMenuEvent.bind(this),!1),l.TargetManager.TargetManager.instance().addEventListener(l.TargetManager.Events.SuspendStateChanged,this.onSuspendStateChanged,this),s.Context.Context.instance().addFlavorChangeListener(l.CPUProfilerModel.CPUProfilerModel,this.updateProfileTypeSpecificUI,this),s.Context.Context.instance().addFlavorChangeListener(l.HeapProfilerModel.HeapProfilerModel,this.updateProfileTypeSpecificUI,this)}onKeyDown(e){const t=e;let i=!1;"ArrowDown"!==t.key||t.altKey?"ArrowUp"!==t.key||t.altKey||(i=this.sidebarTree.selectPrevious()):i=this.sidebarTree.selectNext(),i&&t.consume(!0)}searchableView(){const e=this.visibleView;return e&&e.searchableView?e.searchableView():null}createFileSelectorElement(){this.fileSelectorElement&&this.element.removeChild(this.fileSelectorElement),this.fileSelectorElement=s.UIUtils.createFileSelectorElement(this.loadFromFile.bind(this)),U(this.fileSelectorElement),this.element.appendChild(this.fileSelectorElement)}findProfileTypeByExtension(e){return this.profileTypes.find((t=>Boolean(t.fileExtension())&&e.endsWith(t.fileExtension()||"")))||null}async loadFromFile(e){this.createFileSelectorElement();const t=this.findProfileTypeByExtension(e.name);if(!t){const e=new Set(this.profileTypes.map((e=>e.fileExtension())).filter((e=>e)));return void o.Console.Console.instance().error(ei(Zt.cantLoadFileSupportedFile,{PH1:Array.from(e).join("', '")}))}if(Boolean(t.profileBeingRecorded()))return void o.Console.Console.instance().error(ei(Zt.cantLoadProfileWhileAnother));const i=await t.loadFromFile(e);i&&"message"in i&&s.UIUtils.MessageDialog.show(ei(Zt.profileLoadingFailedS,{PH1:i.message}))}toggleRecord(){if(!this.toggleRecordAction.enabled())return!0;const t=e.DOMUtilities.deepActiveElement(this.element.ownerDocument),i=this.selectedProfileType;if(!i)return!0;const r=i.buttonClicked();return this.updateToggleRecordAction(r),r?(this.launcherView.profileStarted(),i.hasTemporaryView()&&this.showProfile(i.profileBeingRecorded())):this.launcherView.profileFinished(),t&&t.focus(),!0}onSuspendStateChanged(){this.updateToggleRecordAction(this.toggleRecordAction.toggled())}updateToggleRecordAction(e){const t=Boolean(s.Context.Context.instance().flavor(l.CPUProfilerModel.CPUProfilerModel)||s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel)),i=e||!l.TargetManager.TargetManager.instance().allTargetsSuspended()&&t;this.toggleRecordAction.setEnabled(i),this.toggleRecordAction.setToggled(e),i?this.toggleRecordButton.setTitle(this.selectedProfileType?this.selectedProfileType.buttonTooltip:""):this.toggleRecordButton.setTitle(s.UIUtils.anotherProfilerActiveLabel()),this.selectedProfileType&&this.launcherView.updateProfileType(this.selectedProfileType,i)}profileBeingRecordedRemoved(){this.updateToggleRecordAction(!1),this.launcherView.profileFinished()}onProfileTypeSelected(e){this.selectedProfileType=e.data,this.updateProfileTypeSpecificUI()}updateProfileTypeSpecificUI(){this.updateToggleRecordAction(this.toggleRecordAction.toggled())}reset(){this.profileTypes.forEach((e=>e.reset())),delete this.visibleView,this.profileGroups={},this.updateToggleRecordAction(!1),this.launcherView.profileFinished(),this.sidebarTree.element.classList.remove("some-expandable"),this.launcherView.detach(),this.profileViews.removeChildren(),this.profileViewToolbar.removeToolbarItems(),this.clearResultsButton.element.classList.remove("hidden"),this.profilesItemTreeElement.select(),this.showLauncherView()}showLauncherView(){this.closeVisibleView(),this.profileViewToolbar.removeToolbarItems(),this.launcherView.show(this.profileViews),this.visibleView=this.launcherView,this.toolbarElement.classList.add("hidden")}registerProfileType(e){this.launcherView.addProfileType(e);const t=new ii(this,e);this.typeIdToSidebarSection[e.id]=t,this.sidebarTree.appendChild(t),t.childrenListElement.addEventListener("contextmenu",this.handleContextMenuEvent.bind(this),!1),e.addEventListener(D.ViewUpdated,this.updateProfileTypeSpecificUI,this),e.addEventListener(D.AddProfileHeader,(function(e){this.addProfileHeader(e.data)}),this),e.addEventListener(D.RemoveProfileHeader,(function(e){this.removeProfileHeader(e.data)}),this),e.addEventListener(D.ProfileComplete,(function(e){this.showProfile(e.data)}),this);const i=e.getProfiles();for(let e=0;e<i.length;e++)this.addProfileHeader(i[e])}handleContextMenuEvent(e){const t=new s.ContextMenu.ContextMenu(e);this.panelSidebarElement().isSelfOrAncestor(e.target)&&t.defaultSection().appendItem(ei(Zt.load),this.fileSelectorElement.click.bind(this.fileSelectorElement)),t.show()}showLoadFromFileDialog(){this.fileSelectorElement.click()}addProfileHeader(e){const t=e.profileType().id;this.typeIdToSidebarSection[t].addProfileHeader(e),this.visibleView&&this.visibleView!==this.launcherView||this.showProfile(e)}removeProfileHeader(e){e.profileType().profileBeingRecorded()===e&&this.profileBeingRecordedRemoved();const t=this.indexOfViewForProfile(e);-1!==t&&this.profileToView.splice(t,1);const i=e.profileType().id;this.typeIdToSidebarSection[i].removeProfileHeader(e)&&(this.profilesItemTreeElement.select(),this.showLauncherView())}showProfile(e){if(!e||e.profileType().profileBeingRecorded()===e&&!e.profileType().hasTemporaryView())return null;const t=this.viewForProfile(e);if(t===this.visibleView)return t;this.closeVisibleView(),t.show(this.profileViews),this.toolbarElement.classList.remove("hidden"),this.visibleView=t;const i=this.typeIdToSidebarSection[e.profileType().id].sidebarElementForProfile(e);return i&&i.revealAndSelect(),this.profileViewToolbar.removeToolbarItems(),t.toolbarItems().then((e=>{e.map((e=>this.profileViewToolbar.appendToolbarItem(e)))})),t}showObject(e,t){}async linkifyObject(e){return null}viewForProfile(e){const t=this.indexOfViewForProfile(e);if(-1!==t)return this.profileToView[t].view;const i=e.createView(this);return i.element.classList.add("profile-view"),this.profileToView.push({profile:e,view:i}),i}indexOfViewForProfile(e){return this.profileToView.findIndex((t=>t.profile===e))}closeVisibleView(){this.visibleView&&this.visibleView.detach(),delete this.visibleView}focus(){this.sidebarTree.focus()}wasShown(){super.wasShown(),this.registerCSSFiles([he,pe,ce]),this.sidebarTree.registerCSSFiles([ue])}}class ii extends s.TreeOutline.TreeElement{dataDisplayDelegate;profileTreeElements;profileGroups;constructor(e,t){super(t.treeItemTitle,!0),this.selectable=!1,this.dataDisplayDelegate=e,this.profileTreeElements=[],this.profileGroups={},this.expand(),this.hidden=!0,this.setCollapsible(!1)}addProfileHeader(e){this.hidden=!1;const t=e.profileType();let i=this;const r=e.createSidebarTreeElement(this.dataDisplayDelegate);if(this.profileTreeElements.push(r),!e.fromFile()&&t.profileBeingRecorded()!==e){const t=e.title;let s=this.profileGroups[t];s||(s=new ri,this.profileGroups[t]=s),s.profileSidebarTreeElements.push(r);const o=s.profileSidebarTreeElements.length;if(2===o){s.sidebarTreeElement=new si(this.dataDisplayDelegate,e.title);const t=s.profileSidebarTreeElements[0],i=this.children().indexOf(t);this.insertChild(s.sidebarTreeElement,i);const r=t.selected;this.removeChild(t),s.sidebarTreeElement.appendChild(t),r&&t.revealAndSelect(),t.setSmall(!0),t.setMainTitle(ei(Zt.runD,{PH1:1})),this.treeOutline&&this.treeOutline.element.classList.add("some-expandable")}o>=2&&(i=s.sidebarTreeElement,r.setSmall(!0),r.setMainTitle(ei(Zt.runD,{PH1:o})))}i&&i.appendChild(r)}removeProfileHeader(e){const t=this.sidebarElementIndex(e);if(-1===t)return!1;const i=this.profileTreeElements[t];this.profileTreeElements.splice(t,1);let r=this;const s=this.profileGroups[e.title];if(s){const t=s.profileSidebarTreeElements;if(t.splice(t.indexOf(i),1),1===t.length){const i=r.children().indexOf(s.sidebarTreeElement);s.sidebarTreeElement&&s.sidebarTreeElement.removeChild(t[0]),this.insertChild(t[0],i),t[0].setSmall(!1),t[0].setMainTitle(e.title),s.sidebarTreeElement&&this.removeChild(s.sidebarTreeElement)}0!==t.length&&(r=s.sidebarTreeElement)}return r&&r.removeChild(i),i.dispose(),!this.childCount()&&(this.hidden=!0,!0)}sidebarElementForProfile(e){const t=this.sidebarElementIndex(e);return-1===t?null:this.profileTreeElements[t]}sidebarElementIndex(e){const t=this.profileTreeElements;for(let i=0;i<t.length;i++)if(t[i].profile===e)return i;return-1}onattach(){this.listItemElement.classList.add("profiles-tree-section")}}class ri{profileSidebarTreeElements;sidebarTreeElement;constructor(){this.profileSidebarTreeElements=[],this.sidebarTreeElement=null}}class si extends s.TreeOutline.TreeElement{dataDisplayDelegate;profileTitle;toggleOnClick;constructor(e,t){super("",!0),this.selectable=!1,this.dataDisplayDelegate=e,this.profileTitle=t,this.expand(),this.toggleOnClick=!0}onselect(){const e=this.childCount()>0;if(e){const e=this.lastChild();e instanceof A&&this.dataDisplayDelegate.showProfile(e.profile)}return e}onattach(){this.listItemElement.classList.add("profile-group-sidebar-tree-item"),this.listItemElement.createChild("div","icon"),this.listItemElement.createChild("div","titles no-subtitle").createChild("span","title-container").createChild("span","title").textContent=this.profileTitle}}class oi extends s.TreeOutline.TreeElement{panel;constructor(e){super("",!1),this.selectable=!0,this.panel=e}onselect(){return this.panel.showLauncherView(),!0}onattach(){this.listItemElement.classList.add("profile-launcher-view-tree-item"),this.listItemElement.createChild("div","icon"),this.listItemElement.createChild("div","titles no-subtitle").createChild("span","title-container").createChild("span","title").textContent=ei(Zt.profiles)}}let ni;class ai extends ti{constructor(){super("js_profiler",[Kt.cpuProfileType],"profiler.js-toggle-recording"),this.splitWidget().mainWidget()?.setMinimumSize(350,0),c.Runtime.experiments.isEnabled("jsProfilerTemporarilyEnable")?this.#t():this.#i()}static instance(e={forceNew:null}){const{forceNew:t}=e;return ni&&!t||(ni=new ai),ni}#t(){function e(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://github.com/ChromeDevTools/rfcs/discussions/2")}const t=new s.Infobar.Infobar(s.Infobar.Type.Warning,ei(Zt.deprecationWarnMsg),[{text:ei(Zt.learnMore),highlight:!1,delegate:e,dismiss:!1},{text:ei(Zt.feedback),highlight:!1,delegate:e,dismiss:!1},{text:ei(Zt.goToPerformancePanel),highlight:!0,delegate:async function(){await s.InspectorView.InspectorView.instance().showPanel("timeline")},dismiss:!1}],void 0);t.setParentView(this),this.splitWidget().mainWidget()?.element.prepend(t.element)}#i(){const e=this.splitWidget().mainWidget();if(e?.detachChildWidgets(),e){const t=new s.Widget.VBox;t.contentElement.classList.add("empty-landing-page","fill");const i=t.contentElement.createChild("div");i.createChild("p").textContent="This panel is deprecated and will be removed in the next version. Use the Performance panel to record JavaScript CPU profiles.",i.createChild("p").textContent="You can temporarily enable this panel with Settings > Experiments > Enable JavaScript Profiler.",i.appendChild(s.UIUtils.createTextButton(ei(Zt.goToPerformancePanel),(async function(){await s.InspectorView.InspectorView.instance().showPanel("timeline")}),"infobar-button primary-button")),i.appendChild(s.UIUtils.createTextButton(ei(Zt.learnMore),(function(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://developer.chrome.com/blog/js-profiler-deprecation/")}))),i.appendChild(s.UIUtils.createTextButton(ei(Zt.feedback),(function(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://bugs.chromium.org/p/chromium/issues/detail?id=1354548")}))),i.appendChild(s.UIUtils.createTextButton(ei(Zt.enableThisPanelTemporarily),(async function(){await s.ViewManager.ViewManager.instance().showView("experiments");(await s.ViewManager.ViewManager.instance().view("experiments").widget()).setFilter("Enable JavaScript Profiler temporarily")}))),t.show(e.element)}}wasShown(){super.wasShown(),s.Context.Context.instance().setFlavor(ai,this)}willHide(){s.Context.Context.instance().setFlavor(ai,null)}handleAction(e,t){const i=s.Context.Context.instance().flavor(ai);if(!(i instanceof ai))throw new Error("non-null JSProfilerPanel expected!");return i.toggleRecord(),!0}}var li=Object.freeze({__proto__:null,ProfilesPanel:ti,ProfileTypeSidebarSection:ii,ProfileGroup:ri,ProfileGroupSidebarTreeElement:si,ProfilesSidebarTreeElement:oi,JSProfilerPanel:ai});const di={revealInSummaryView:"Reveal in Summary view"},hi=t.i18n.registerUIStrings("panels/profiler/HeapProfilerPanel.ts",di),ci=t.i18n.getLocalizedString.bind(void 0,hi);let pi;class ui extends ti{constructor(){const e=Kt;super("heap_profiler",[e.heapSnapshotProfileType,e.trackingHeapSnapshotProfileType,e.samplingHeapProfileType],"profiler.heap-toggle-recording")}static instance(){return pi||(pi=new ui),pi}appendApplicableItems(e,t,i){if(!(i instanceof l.RemoteObject.RemoteObject))return;if(!this.isShowing())return;const r=i;if(!r.objectId)return;const s=r.objectId;if(!Kt.heapSnapshotProfileType.getProfiles().length)return;const o=r.runtimeModel().heapProfilerModel();o&&t.revealSection().appendItem(ci(di.revealInSummaryView),function(e){o.snapshotObjectIdForObjectId(s).then((t=>{this.isShowing()&&t&&this.showObject(t,e)}))}.bind(this,"Summary"))}handleAction(e,t){const i=s.Context.Context.instance().flavor(ui);return console.assert(Boolean(i)&&i instanceof ui),i&&i.toggleRecord(),!0}wasShown(){super.wasShown(),s.Context.Context.instance().setFlavor(ui,this),a.userMetrics.panelLoaded("heap_profiler","DevTools.Launch.HeapProfiler")}willHide(){s.Context.Context.instance().setFlavor(ui,null)}showObject(e,t){const i=Kt.heapSnapshotProfileType.getProfiles();for(let r=0;r<i.length;r++){const s=i[r];if(s.maxJSObjectId>=parseInt(e,10)){this.showProfile(s);this.viewForProfile(s).selectLiveObject(t,e);break}}}}var mi=Object.freeze({__proto__:null,HeapProfilerPanel:ui});const fi=new CSSStyleSheet;fi.replaceSync(".data-grid{border:none}.data-grid td .size-units{margin-left:4px;font-size:75%}.data-grid tr:not(.selected) td .size-units{color:var(--color-text-secondary)}.toolbar{border-bottom:1px solid var(--color-details-hairline)}\n/*# sourceURL=liveHeapProfile.css */\n");const gi={jsHeap:"JS Heap",allocatedJsHeapSizeCurrentlyIn:"Allocated JS heap size currently in use",vms:"VMs",numberOfVmsSharingTheSameScript:"Number of VMs sharing the same script source",scriptUrl:"Script URL",urlOfTheScriptSource:"URL of the script source",heapProfile:"Heap Profile",anonymousScriptS:"(Anonymous Script {PH1})",kb:"kB"},vi=t.i18n.registerUIStrings("panels/profiler/LiveHeapProfileView.ts",gi),wi=t.i18n.getLocalizedString.bind(void 0,vi);let Si,bi;class Ci extends s.Widget.VBox{gridNodeByUrl;setting;toggleRecordAction;toggleRecordButton;startWithReloadButton;dataGrid;currentPollId;constructor(){super(!0),this.gridNodeByUrl=new Map,this.setting=o.Settings.Settings.instance().moduleSetting("memoryLiveHeapProfile");const e=new s.Toolbar.Toolbar("live-heap-profile-toolbar",this.contentElement);this.toggleRecordAction=s.ActionRegistry.ActionRegistry.instance().action("live-heap-profile.toggle-recording"),this.toggleRecordButton=s.Toolbar.Toolbar.createActionButton(this.toggleRecordAction),this.toggleRecordButton.setToggled(this.setting.get()),e.appendToolbarItem(this.toggleRecordButton);const t=l.TargetManager.TargetManager.instance().primaryPageTarget();if(t&&t.model(l.ResourceTreeModel.ResourceTreeModel)){const t=s.ActionRegistry.ActionRegistry.instance().action("live-heap-profile.start-with-reload");this.startWithReloadButton=s.Toolbar.Toolbar.createActionButton(t),e.appendToolbarItem(this.startWithReloadButton)}this.dataGrid=this.createDataGrid(),this.dataGrid.asWidget().show(this.contentElement),this.currentPollId=0}static instance(){return Si||(Si=new Ci),Si}createDataGrid(){const e={id:"",title:o.UIString.LocalizedEmptyString,width:void 0,fixedWidth:!0,sortable:!0,align:r.DataGrid.Align.Right,sort:r.DataGrid.Order.Descending,titleDOMFragment:void 0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,weight:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0},t=[{...e,id:"size",title:wi(gi.jsHeap),width:"72px",fixedWidth:!0,sortable:!0,align:r.DataGrid.Align.Right,sort:r.DataGrid.Order.Descending,tooltip:wi(gi.allocatedJsHeapSizeCurrentlyIn)},{...e,id:"isolates",title:wi(gi.vms),width:"40px",fixedWidth:!0,align:r.DataGrid.Align.Right,tooltip:wi(gi.numberOfVmsSharingTheSameScript)},{...e,id:"url",title:wi(gi.scriptUrl),fixedWidth:!1,sortable:!0,tooltip:wi(gi.urlOfTheScriptSource)}],i=new r.SortableDataGrid.SortableDataGrid({displayName:wi(gi.heapProfile),columns:t,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0});i.setResizeMethod(r.DataGrid.ResizeMethod.Last),i.element.classList.add("flex-auto"),i.element.addEventListener("keydown",this.onKeyDown.bind(this),!1),i.addEventListener(r.DataGrid.Events.OpenedNode,this.revealSourceForSelectedNode,this),i.addEventListener(r.DataGrid.Events.SortingChanged,this.sortingChanged,this);for(const e of t){const t=i.headerTableHeader(e.id);t&&t.setAttribute("title",e.tooltip)}return i}wasShown(){super.wasShown(),this.poll(),this.registerCSSFiles([fi]),this.setting.addChangeListener(this.settingChanged,this)}willHide(){++this.currentPollId,this.setting.removeChangeListener(this.settingChanged,this)}settingChanged(e){this.toggleRecordButton.setToggled(e.data)}async poll(){const e=this.currentPollId;do{const t=Array.from(l.IsolateManager.IsolateManager.instance().isolates()),i=await Promise.all(t.map((e=>{const t=e.heapProfilerModel();return t?t.getSamplingProfile():null})));if(this.currentPollId!==e)return;this.update(t,i),await new Promise((e=>window.setTimeout(e,3e3)))}while(this.currentPollId===e)}update(e,t){const i=new Map;t.forEach(((t,i)=>{t&&o(e[i],"",t.head)}));const r=this.dataGrid.rootNode(),s=new Set;for(const e of i){const t=e[0],i=e[1].size,o=e[1].isolates.size;if(!t){console.info(`Node with empty URL: ${i} bytes`);continue}let n=this.gridNodeByUrl.get(t);n?n.updateNode(i,o):(n=new Pi(t,i,o),this.gridNodeByUrl.set(t,n),r.appendChild(n)),s.add(n)}for(const e of r.children.slice()){s.has(e)||e.remove();const t=e;this.gridNodeByUrl.delete(t.url)}function o(e,t,r){const s=r.callFrame.url||t||function(e){const t=e.callFrame.functionName;return t.startsWith("(")&&"(root)"!==t?t:""}(r)||function(e){return Number(e.callFrame.scriptId)?wi(gi.anonymousScriptS,{PH1:e.callFrame.scriptId}):""}(r);if(r.children.forEach(o.bind(null,e,s)),!r.selfSize)return;let n=i.get(s);n||(n={size:0,isolates:new Set},i.set(s,n)),n.size+=r.selfSize,n.isolates.add(e)}this.sortingChanged()}onKeyDown(e){"Enter"===e.key&&(e.consume(!0),this.revealSourceForSelectedNode())}revealSourceForSelectedNode(){const e=this.dataGrid.selectedNode;if(!e||!e.url)return;const t=m.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(e.url);t&&o.Revealer.reveal(t)}sortingChanged(){const e=this.dataGrid.sortColumnId();if(!e)return;const t="url"===e?function(e,t){return t.url.localeCompare(e.url)}:function(e,t){return t.size-e.size};this.dataGrid.sortNodes(t,this.dataGrid.isSortOrderAscending())}toggleRecording(){!this.setting.get()?this.startRecording(!1):this.stopRecording()}startRecording(e){if(this.setting.set(!0),!e)return;const t=l.TargetManager.TargetManager.instance().primaryPageTarget();if(!t)return;const i=t.model(l.ResourceTreeModel.ResourceTreeModel);i&&i.reloadPage()}async stopRecording(){this.setting.set(!1)}}class Pi extends r.SortableDataGrid.SortableDataGridNode{url;size;isolateCount;constructor(e,t,i){super(),this.url=e,this.size=t,this.isolateCount=i}updateNode(e,t){this.size===e&&this.isolateCount===t||(this.size=e,this.isolateCount=t,this.refresh())}createCell(t){const i=this.createTD(t);switch(t){case"url":i.textContent=this.url;break;case"size":i.textContent=e.NumberUtilities.withThousandsSeparator(Math.round(this.size/1e3)),i.createChild("span","size-units").textContent=wi(gi.kb);break;case"isolates":i.textContent=`${this.isolateCount}`}return i}}class Ti{static instance(e={forceNew:null}){const{forceNew:t}=e;return bi&&!t||(bi=new Ti),bi}handleAction(e,t){return(async()=>{const e="live_heap_profile";await s.ViewManager.ViewManager.instance().showView(e);const i=s.ViewManager.ViewManager.instance().view(e);if(i){const e=await i.widget();this.innerHandleAction(e,t)}})(),!0}innerHandleAction(e,t){switch(t){case"live-heap-profile.toggle-recording":e.toggleRecording();break;case"live-heap-profile.start-with-reload":e.startRecording(!0);break;default:console.assert(!1,`Unknown action: ${t}`)}}}var xi=Object.freeze({__proto__:null,LiveHeapProfileView:Ci,GridNode:Pi,ActionDelegate:Ti});export{T as BottomUpProfileDataGrid,M as CPUProfileFlameChart,de as CPUProfileView,x as ChildrenProvider,_e as HeapProfileView,mi as HeapProfilerPanel,bt as HeapSnapshotDataGrids,ot as HeapSnapshotGridNodes,Nt as HeapSnapshotProxy,qt as HeapSnapshotView,De as HeapTimelineOverview,Se as IsolateSelector,xi as LiveHeapProfileView,b as ProfileDataGrid,j as ProfileHeader,Ie as ProfileLauncherView,W as ProfileSidebarTreeElement,Yt as ProfileTypeRegistry,ee as ProfileView,li as ProfilesPanel,$ as TopDownProfileDataGrid};
+  </td>`,r=i.$("container");this.prefixObjectCell(r),this.reachableFromWindow&&r.appendChild(s.Fragment.html`<span class="heap-object-tag" title="${qe(Je.userObjectReachableFromWindow)}">🗖</span>`),this.detachedDOMTreeNode&&r.appendChild(s.Fragment.html`<span class="heap-object-tag" title="${qe(Je.detachedFromDomTree)}">✀</span>`),this.appendSourceLocation(r);const o=i.element();return this.depth&&o.style.setProperty("padding-left",this.depth*this.dataGrid.indentWidth+"px"),o}prefixObjectCell(e){}async appendSourceLocation(e){const t=s.Fragment.html`<span class="heap-object-source-link">`;e.appendChild(t);const i=await this.dataGridInternal.dataDisplayDelegate().linkifyObject(this.snapshotNodeIndex);i?(t.appendChild(i),this.linkElement=i):t.remove()}async queryObjectContent(e,t){return await this.tryQueryObjectContent(e,t)||e.runtimeModel().createRemoteObjectFromPrimitiveValue(qe(Je.previewIsNotAvailable))}async tryQueryObjectContent(e,t){return"string"===this.type?e.runtimeModel().createRemoteObjectFromPrimitiveValue(this.nameInternal):await e.objectForSnapshotObjectId(String(this.snapshotNodeId),t)}async updateHasChildren(){const e=await this.provider().isEmpty();this.setHasChildren(!e)}shortenWindowURL(t,i){const r=t.indexOf("/"),s=i?t.indexOf("@"):t.length;if(-1===r||-1===s)return t;const o=t.substring(r+1,s).trimLeft();let n=e.StringUtilities.trimURL(o);return n.length>40&&(n=e.StringUtilities.trimMiddle(n,40)),t.substr(0,r+2)+n+t.substr(s)}populateContextMenu(e,t,i){if(e.revealSection().appendItem(qe(Je.revealInSummaryView),(()=>{t.showObject(String(this.snapshotNodeId),qe(Je.summary))})),this.referenceName)for(const i of this.referenceName.matchAll(/\((?<objectName>[^@)]*) @(?<snapshotNodeId>\d+)\)/g)){const{objectName:r,snapshotNodeId:s}=i.groups;e.revealSection().appendItem(qe(Je.revealObjectSWithIdSInSummary,{PH1:r,PH2:s}),(()=>{t.showObject(s,qe(Je.summary))}))}i&&e.revealSection().appendItem(qe(Je.storeAsGlobalVariable),(async()=>{const e=await this.tryQueryObjectContent(i,"");if(e){const t=i.target().model(l.ConsoleModel.ConsoleModel);await(t?.saveToTempVariable(s.Context.Context.instance().flavor(l.RuntimeModel.ExecutionContext),e))}else o.Console.Console.instance().error(qe(Je.previewIsNotAvailable))}))}}class Ze extends Ye{referenceName;referenceType;edgeIndex;snapshot;parentObjectNode;cycledWithAncestorGridNode;constructor(e,t,i,r){super(e,i.node),this.referenceName=i.name,this.referenceType=i.type,this.edgeIndex=i.edgeIndex,this.snapshot=t,this.parentObjectNode=r,this.cycledWithAncestorGridNode=this.findAncestorWithSameSnapshotNodeId(),this.cycledWithAncestorGridNode||this.updateHasChildren();const s=this.data;s.count="",s.addedCount="",s.removedCount="",s.countDelta="",s.addedSize="",s.removedSize="",s.sizeDelta=""}retainersDataSource(){return void 0===this.snapshotNodeIndex?null:{snapshot:this.snapshot,snapshotNodeIndex:this.snapshotNodeIndex}}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create a provider on a root node");return this.snapshot.createEdgesProvider(this.snapshotNodeIndex)}findAncestorWithSameSnapshotNodeId(){let e=this.parentObjectNode;for(;e;){if(e.snapshotNodeId===this.snapshotNodeId)return e;e=e.parentObjectNode}return null}createChildNode(e){return new Ze(this.dataGridInternal,this.snapshot,e,this)}getHash(){return this.edgeIndex}comparator(){const e=this.dataGridInternal.isSortOrderAscending();switch(this.dataGridInternal.sortColumnId()){case"object":return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",e,"retainedSize",!1);case"count":default:return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",!0,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"!edgeName",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"!edgeName",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"name",!0)}}prefixObjectCell(e){let t=this.referenceName||"(empty)",i="name";switch(this.referenceType){case"context":i="object-value-number";break;case"internal":case"hidden":case"weak":i="object-value-null";break;case"element":t=`[${t}]`}this.cycledWithAncestorGridNode&&e.classList.add("cycled-ancessor-node"),e.prepend(s.Fragment.html`<span class="property-name ${i}">${t}</span> <span class="grayed">${this.edgeNodeSeparator()}</span>`)}edgeNodeSeparator(){return"::"}}class Xe extends Ze{constructor(e,t,i,r){super(e,t,i,r)}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create providers on root nodes");return this.snapshot.createRetainingEdgesProvider(this.snapshotNodeIndex)}createChildNode(e){return new Xe(this.dataGridInternal,this.snapshot,e,this)}edgeNodeSeparator(){return qe(Je.inElement)}expand(){this.expandRetainersChain(20)}expandRetainersChain(e){if(!this.populated)return this.once(Ke.Events.PopulateComplete).then((()=>this.expandRetainersChain(e))),void this.populate();if(super.expand(),--e>0&&this.children.length>0){const t=this.children[0];if((t.distance||0)>1)return void t.expandRetainersChain(e)}this.dataGridInternal.dispatchEventToListeners(pt.ExpandRetainersComplete)}}class et extends Ye{baseSnapshotOrSnapshot;isDeletedNode;constructor(t,i,r,s){super(t,r),this.baseSnapshotOrSnapshot=i,this.isDeletedNode=s,this.updateHasChildren();const o=this.data;o.count="",o.countDelta="",o.sizeDelta="",this.isDeletedNode?(o.addedCount="",o.addedSize="",o.removedCount="•",o.removedSize=e.NumberUtilities.withThousandsSeparator(this.shallowSize||0)):(o.addedCount="•",o.addedSize=e.NumberUtilities.withThousandsSeparator(this.shallowSize||0),o.removedCount="",o.removedSize="")}retainersDataSource(){return void 0===this.snapshotNodeIndex?null:{snapshot:this.baseSnapshotOrSnapshot,snapshotNodeIndex:this.snapshotNodeIndex}}createProvider(){if(void 0===this.snapshotNodeIndex)throw new Error("Cannot create providers on root nodes");return this.baseSnapshotOrSnapshot.createEdgesProvider(this.snapshotNodeIndex)}createChildNode(e){return new Ze(this.dataGridInternal,this.baseSnapshotOrSnapshot,e,null)}getHash(){if(void 0===this.snapshotNodeId)throw new Error("Cannot hash root nodes");return this.snapshotNodeId}comparator(){const e=this.dataGridInternal.isSortOrderAscending();switch(this.dataGridInternal.sortColumnId()){case"object":return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",e,"retainedSize",!1);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"retainedSize",!1);case"count":default:return new p.HeapSnapshotModel.ComparatorConfig("!edgeName",!0,"retainedSize",!1);case"addedSize":case"removedSize":case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"!edgeName",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"!edgeName",!0)}}}class tt extends Ke{nameInternal;nodeFilter;distance;count;shallowSize;retainedSize;constructor(t,i,r,s){super(t,r.count>0),this.nameInternal=i,this.nodeFilter=s,this.distance=r.distance,this.count=r.count,this.shallowSize=r.self,this.retainedSize=r.maxRet;const o=t.snapshot,n=this.retainedSize/o.totalSize*100,a=this.shallowSize/o.totalSize*100;this.data={object:i,count:e.NumberUtilities.withThousandsSeparator(this.count),distance:this.toUIDistance(this.distance),shallowSize:e.NumberUtilities.withThousandsSeparator(this.shallowSize),retainedSize:e.NumberUtilities.withThousandsSeparator(this.retainedSize),"shallowSize-percent":this.toPercentString(a),"retainedSize-percent":this.toPercentString(n)}}get name(){return this.nameInternal}createProvider(){return this.dataGridInternal.snapshot.createNodesProviderForClass(this.nameInternal,this.nodeFilter)}async populateNodeBySnapshotObjectId(e){this.dataGridInternal.resetNameFilter(),await this.expandWithoutPopulate();const t=await this.provider().nodePosition(e);if(-1===t)return this.collapse(),[];await this.populateChildren(t,null);const i=this.childForPosition(t);return i?[this,i]:[]}filteredOut(e){return-1===this.nameInternal.toLowerCase().indexOf(e)}createCell(e){const t="object"===e?super.createCell(e):this.createValueCell(e);return"object"===e&&this.count>1&&t.appendChild(s.Fragment.html`<span class="objects-count">×${this.count}</span>`),t}createChildNode(e){return new et(this.dataGridInternal,this.dataGridInternal.snapshot,e,!1)}comparator(){const e=this.dataGridInternal.isSortOrderAscending(),t=this.dataGridInternal.sortColumnId();switch(t){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",e,"id",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",e,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"id",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",e,"id",!0);default:throw new Error(`Invalid sort column id ${t}`)}}}class it{addedNodesProvider;deletedNodesProvider;addedCount;removedCount;constructor(e,t,i,r){this.addedNodesProvider=e,this.deletedNodesProvider=t,this.addedCount=i,this.removedCount=r}dispose(){this.addedNodesProvider.dispose(),this.deletedNodesProvider.dispose()}nodePosition(e){throw new Error("Unreachable")}isEmpty(){return Promise.resolve(!1)}async serializeItemsRange(e,t){let i,r;if(e<this.addedCount){i=await this.addedNodesProvider.serializeItemsRange(e,t);for(const e of i.items)e.isAddedNotRemoved=!0;if(i.endPosition>=t)return i.totalLength=this.addedCount+this.removedCount,i;r=i,i=await this.deletedNodesProvider.serializeItemsRange(0,t-i.endPosition)}else r=new p.HeapSnapshotModel.ItemsRange(0,0,0,[]),i=await this.deletedNodesProvider.serializeItemsRange(e-this.addedCount,t-this.addedCount);r.items.length||(r.startPosition=this.addedCount+i.startPosition);for(const e of i.items)e.isAddedNotRemoved=!1;return r.items.push(...i.items),r.endPosition=this.addedCount+i.endPosition,r.totalLength=this.addedCount+this.removedCount,r}async sortAndRewind(e){await this.addedNodesProvider.sortAndRewind(e),await this.deletedNodesProvider.sortAndRewind(e)}}class rt extends Ke{nameInternal;addedCount;removedCount;countDelta;addedSize;removedSize;sizeDelta;deletedIndexes;constructor(t,i,r){super(t,!0),this.nameInternal=i,this.addedCount=r.addedCount,this.removedCount=r.removedCount,this.countDelta=r.countDelta,this.addedSize=r.addedSize,this.removedSize=r.removedSize,this.sizeDelta=r.sizeDelta,this.deletedIndexes=r.deletedIndexes,this.data={object:i,addedCount:e.NumberUtilities.withThousandsSeparator(this.addedCount),removedCount:e.NumberUtilities.withThousandsSeparator(this.removedCount),countDelta:this.signForDelta(this.countDelta)+e.NumberUtilities.withThousandsSeparator(Math.abs(this.countDelta)),addedSize:e.NumberUtilities.withThousandsSeparator(this.addedSize),removedSize:e.NumberUtilities.withThousandsSeparator(this.removedSize),sizeDelta:this.signForDelta(this.sizeDelta)+e.NumberUtilities.withThousandsSeparator(Math.abs(this.sizeDelta))}}get name(){return this.nameInternal}createProvider(){const e=this.dataGridInternal;if(null===e.snapshot||void 0===e.baseSnapshot||void 0===e.baseSnapshot.uid)throw new Error("Data sources have not been set correctly");const t=e.snapshot.createAddedNodesProvider(e.baseSnapshot.uid,this.nameInternal),i=e.baseSnapshot.createDeletedNodesProvider(this.deletedIndexes);if(!t||!i)throw new Error("Failed to create node providers");return new it(t,i,this.addedCount,this.removedCount)}createCell(e){const t=super.createCell(e);return"object"!==e&&t.classList.add("numeric-column"),t}createChildNode(e){const t=this.dataGridInternal;if(e.isAddedNotRemoved){if(null===t.snapshot)throw new Error("Data sources have not been set correctly");return new et(this.dataGridInternal,t.snapshot,e,!1)}if(void 0===t.baseSnapshot)throw new Error("Data sources have not been set correctly");return new et(this.dataGridInternal,t.baseSnapshot,e,!0)}comparator(){const e=this.dataGridInternal.isSortOrderAscending(),t=this.dataGridInternal.sortColumnId();switch(t){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",e,"id",!0);case"addedCount":case"removedCount":case"countDelta":return new p.HeapSnapshotModel.ComparatorConfig("name",!0,"id",!0);case"addedSize":case"removedSize":case"sizeDelta":return new p.HeapSnapshotModel.ComparatorConfig("selfSize",e,"id",!0);default:throw new Error(`Invalid sort column ${t}`)}}filteredOut(e){return-1===this.nameInternal.toLowerCase().indexOf(e)}signForDelta(e){return 0===e?"":e>0?"+":"−"}}class st extends Ke{populated;allocationNode;constructor(t,i){super(t,i.hasChildren),this.populated=!1,this.allocationNode=i,this.data={liveCount:e.NumberUtilities.withThousandsSeparator(i.liveCount),count:e.NumberUtilities.withThousandsSeparator(i.count),liveSize:e.NumberUtilities.withThousandsSeparator(i.liveSize),size:e.NumberUtilities.withThousandsSeparator(i.size),name:i.name}}populate(){this.populated||this.doPopulate()}async doPopulate(){this.populated=!0;const e=await this.dataGridInternal.snapshot.allocationNodeCallers(this.allocationNode.id),t=e.nodesWithSingleCaller;let i=this;const r=this.dataGridInternal;for(const e of t){const t=new st(r,e);r.appendNode(i,t),i=t,i.populated=!0,this.expanded&&i.expand()}const s=e.branchingCallers;s.sort(this.dataGridInternal.createComparator());for(const e of s)r.appendNode(i,new st(r,e));r.updateVisibleNodes(!0)}expand(){super.expand(),1===this.children.length&&this.children[0].expand()}createCell(e){if("name"!==e)return this.createValueCell(e);const t=super.createCell(e),i=this.allocationNode,r=this.dataGridInternal.heapProfilerModel();if(i.scriptId){const e=this.dataGridInternal.linkifier.linkifyScriptLocation(r?r.target():null,String(i.scriptId),i.scriptName,i.line-1,{columnNumber:i.column-1,inlineFrameIndex:0,className:"profile-node-file"});e.style.maxWidth="75%",t.insertBefore(e,t.firstChild)}return t}allocationNodeId(){return this.allocationNode.id}}var ot=Object.freeze({__proto__:null,get HeapSnapshotGridNode(){return Ke},HeapSnapshotGenericObjectNode:Ye,HeapSnapshotObjectNode:Ze,HeapSnapshotRetainingObjectNode:Xe,HeapSnapshotInstanceNode:et,HeapSnapshotConstructorNode:tt,HeapSnapshotDiffNodesProvider:it,HeapSnapshotDiffNode:rt,AllocationGridNode:st});const nt={distanceFromWindowObject:"Distance from window object",sizeOfTheObjectItselfInBytes:"Size of the object itself in bytes",sizeOfTheObjectPlusTheGraphIt:"Size of the object plus the graph it retains in bytes",object:"Object",distance:"Distance",shallowSize:"Shallow Size",retainedSize:"Retained Size",heapSnapshotRetainment:"Heap Snapshot Retainment",constructorString:"Constructor",heapSnapshotConstructors:"Heap Snapshot Constructors",New:"# New",Deleted:"# Deleted",Delta:"# Delta",allocSize:"Alloc. Size",freedSize:"Freed Size",sizeDelta:"Size Delta",heapSnapshotDiff:"Heap Snapshot Diff",liveCount:"Live Count",count:"Count",liveSize:"Live Size",size:"Size",function:"Function",allocation:"Allocation"},at=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotDataGrids.ts",nt),lt=t.i18n.getLocalizedString.bind(void 0,at),dt=new WeakMap;class ht extends r.DataGrid.DataGridImpl{}class ct extends(o.ObjectWrapper.eventMixin(ht)){snapshot;selectedNode;heapProfilerModelInternal;dataDisplayDelegateInternal;recursiveSortingDepth;populatedAndSorted;nameFilter;nodeFilterInternal;lastSortColumnId;lastSortAscending;constructor(e,t,i){super(i),this.snapshot=null,this.selectedNode=null,this.heapProfilerModelInternal=e,this.dataDisplayDelegateInternal=t;const s=[["distance",lt(nt.distanceFromWindowObject)],["shallowSize",lt(nt.sizeOfTheObjectItselfInBytes)],["retainedSize",lt(nt.sizeOfTheObjectPlusTheGraphIt)]];for(const e of s){const t=this.headerTableHeader(e[0]);t&&t.setAttribute("title",e[1])}this.recursiveSortingDepth=0,this.populatedAndSorted=!1,this.nameFilter=null,this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter,this.addEventListener(pt.SortingComplete,this.sortingComplete,this),this.addEventListener(r.DataGrid.Events.SortingChanged,this.sortingChanged,this),this.setRowContextMenuCallback(this.populateContextMenu.bind(this))}async setDataSource(e,t){}isFilteredOut(e){const t=this.nameFilter?this.nameFilter.value().toLowerCase():"";return!!(t&&(e instanceof rt||e instanceof tt)&&e.filteredOut(t))}heapProfilerModel(){return this.heapProfilerModelInternal}dataDisplayDelegate(){return this.dataDisplayDelegateInternal}nodeFilter(){return this.nodeFilterInternal}setNameFilter(e){this.nameFilter=e}defaultPopulateCount(){return 100}disposeAllNodes(){const e=this.topLevelNodes();for(let t=0,i=e.length;t<i;++t)e[t].dispose()}wasShown(){this.nameFilter&&(this.nameFilter.addEventListener(s.Toolbar.ToolbarInput.Event.TextChanged,this.onNameFilterChanged,this),this.updateVisibleNodes(!0)),this.populatedAndSorted&&this.dispatchEventToListeners(pt.ContentShown,this)}sortingComplete(){this.removeEventListener(pt.SortingComplete,this.sortingComplete,this),this.populatedAndSorted=!0,this.dispatchEventToListeners(pt.ContentShown,this)}willHide(){this.nameFilter&&this.nameFilter.removeEventListener(s.Toolbar.ToolbarInput.Event.TextChanged,this.onNameFilterChanged,this)}populateContextMenu(e,t){const i=t;i.populateContextMenu(e,this.dataDisplayDelegateInternal,this.heapProfilerModel()),i instanceof Ye&&i.linkElement&&!e.containsTarget(i.linkElement)&&e.appendApplicableItems(i.linkElement)}resetSortingCache(){delete this.lastSortColumnId,delete this.lastSortAscending}topLevelNodes(){return this.rootNode().children}revealObjectByHeapSnapshotId(e){return Promise.resolve(null)}resetNameFilter(){this.nameFilter&&this.nameFilter.setValue("")}onNameFilterChanged(){this.updateVisibleNodes(!0),this.deselectFilteredNodes()}deselectFilteredNodes(){let e=this.selectedNode;for(;e;){if(this.selectedNode&&this.isFilteredOut(e))return this.selectedNode.deselect(),void(this.selectedNode=null);e=e.parent}}sortFields(e,t){throw new Error("Not implemented")}sortingChanged(){const e=this.isSortOrderAscending(),t=this.sortColumnId();if(this.lastSortColumnId===t&&this.lastSortAscending===e)return;this.lastSortColumnId=t,this.lastSortAscending=e;const i=this.sortFields(t||"",e);this.performSorting((function(e,t){let r=e[i.fieldName1],s=t[i.fieldName1],o=r<s?-1:r>s?1:0;return i.ascending1||(o=-o),0!==o||(r=e[i.fieldName2],s=t[i.fieldName2],o=r<s?-1:r>s?1:0,i.ascending2||(o=-o)),o}))}performSorting(e){this.recursiveSortingEnter();const t=this.allChildren(this.rootNode());this.rootNode().removeChildren(),t.sort(e);for(let e=0,i=t.length;e<i;++e){const i=t[e];this.appendChildAfterSorting(i),i.expanded&&i.sort()}this.recursiveSortingLeave()}appendChildAfterSorting(e){const t=e.revealed;this.rootNode().appendChild(e),e.revealed=t}recursiveSortingEnter(){++this.recursiveSortingDepth}recursiveSortingLeave(){this.recursiveSortingDepth&&(--this.recursiveSortingDepth||(this.updateVisibleNodes(!0),this.dispatchEventToListeners(pt.SortingComplete)))}updateVisibleNodes(e){}allChildren(e){return e.children}insertChild(e,t,i){e.insertChild(t,i)}removeChildByIndex(e,t){e.removeChild(e.children[t])}removeAllChildren(e){e.removeChildren()}}var pt,ut;!function(e){e.ContentShown="ContentShown",e.SortingComplete="SortingComplete",e.ExpandRetainersComplete="ExpandRetainersComplete"}(pt||(pt={}));class mt extends ct{topPaddingHeight;bottomPaddingHeight;selectedNode;scrollToResolveCallback;constructor(e,t,i){super(e,t,i),this.scrollContainer.addEventListener("scroll",this.onScroll.bind(this),!0),this.topPaddingHeight=0,this.bottomPaddingHeight=0,this.selectedNode=null}topLevelNodes(){return this.allChildren(this.rootNode())}appendChildAfterSorting(e){}updateVisibleNodes(e){const t=this.scrollContainer.scrollHeight;let i=this.scrollContainer.scrollTop,r=t-i-this.scrollContainer.offsetHeight;i=Math.max(0,i-40),r=Math.max(0,r-40);let s=t-i-r;if(!e&&i>=this.topPaddingHeight&&r>=this.bottomPaddingHeight)return;i-=500,s+=1e3;const o=this.selectedNode;this.rootNode().removeChildren(),this.topPaddingHeight=0,this.bottomPaddingHeight=0,this.addVisibleNodes(this.rootNode(),i,i+s),this.setVerticalPadding(this.topPaddingHeight,this.bottomPaddingHeight),o&&(o.parent?o.select(!0):this.selectedNode=o)}addVisibleNodes(e,t,i){if(!e.expanded)return 0;const r=this.allChildren(e);let s=0,o=0;for(;o<r.length;++o){const e=r[o];if(this.isFilteredOut(e))continue;const i=s+this.nodeHeight(e);if(i>t)break;s=i}let n=s;for(;o<r.length&&n<i;++o){const s=r[o];if(this.isFilteredOut(s))continue;const a=s.hasChildren();s.removeChildren(),s.setHasChildren(a),e.appendChild(s),n+=s.nodeSelfHeight(),n+=this.addVisibleNodes(s,t-n,i-n)}let a=0;for(;o<r.length;++o){const e=r[o];this.isFilteredOut(e)||(a+=this.nodeHeight(e))}return this.topPaddingHeight+=s,this.bottomPaddingHeight+=a,n+a}nodeHeight(e){let t=e.nodeSelfHeight();if(!e.expanded)return t;const i=this.allChildren(e);for(let e=0;e<i.length;e++)t+=this.nodeHeight(i[e]);return t}revealTreeNode(e){const t=this.calculateOffset(e),i=e[e.length-1],r=this.scrollContainer.scrollTop,s=r+this.scrollContainer.offsetHeight;if(t>=r&&t<s)return Promise.resolve(i);return this.scrollContainer.scrollTop=Math.max(0,t-40),new Promise((e=>{console.assert(!this.scrollToResolveCallback),this.scrollToResolveCallback=e.bind(null,i),this.scrollContainer.window().requestAnimationFrame((()=>{this.scrollToResolveCallback&&(this.scrollToResolveCallback(),this.scrollToResolveCallback=null)}))}))}calculateOffset(e){let t=this.rootNode(),i=0;if(0===e.length)return 0;for(let r=0;r<e.length;++r){const s=e[r],o=this.allChildren(t);for(let e=0;e<o.length;++e){const t=o[e];if(s===t){i+=s.nodeSelfHeight();break}i+=this.nodeHeight(t)}t=s}return i-e[e.length-1].nodeSelfHeight()}allChildren(e){const t=dt.get(e)||[];return dt.has(e)||dt.set(e,t),t}appendNode(e,t){this.allChildren(e).push(t)}insertChild(e,t,i){this.allChildren(e).splice(i,0,t)}removeChildByIndex(e,t){this.allChildren(e).splice(t,1)}removeAllChildren(e){dt.delete(e)}removeTopLevelNodes(){this.disposeAllNodes(),this.rootNode().removeChildren(),this.removeAllChildren(this.rootNode())}isScrolledIntoView(e){const t=this.scrollContainer.scrollTop,i=t+this.scrollContainer.clientHeight,r=e.offsetTop;return r+e.offsetHeight<=i&&r>=t}onResize(){super.onResize(),this.updateVisibleNodes(!1)}onScroll(e){this.updateVisibleNodes(!1),this.scrollToResolveCallback&&(this.scrollToResolveCallback(),this.scrollToResolveCallback=null)}}class ft extends ct{constructor(e,t,i,s){super(e,t,{displayName:i,columns:s=s||[{id:"object",title:lt(nt.object),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending}]})}async setDataSource(e,t){this.snapshot=e;const i=new p.HeapSnapshotModel.Node(-1,"root",0,t||e.rootNodeIndex,0,0,"");this.setRootNode(this.createRootNode(e,i)),this.rootNode().sort()}createRootNode(e,t){const i=new p.HeapSnapshotModel.Edge("",t,"",-1);return new Ze(this,e,i,null)}sortingChanged(){const e=this.rootNode();e.hasChildren()&&e.sort()}}class gt extends ft{constructor(e,t){const i=[{id:"object",title:lt(nt.object),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Ascending},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sortable:!0,fixedWidth:!0}];super(e,t,lt(nt.heapSnapshotRetainment),i)}createRootNode(e,t){const i=new p.HeapSnapshotModel.Edge("",t,"",-1);return new Xe(this,e,i,null)}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"count",!1);case"count":return new p.HeapSnapshotModel.ComparatorConfig("count",t,"name",!0);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("shallowSize",t,"name",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",t,"name",!0);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}reset(){this.rootNode().removeChildren(),this.resetSortingCache()}async setDataSource(e,t){await super.setDataSource(e,t),this.rootNode().expand()}}!function(e){e.ExpandRetainersComplete="ExpandRetainersComplete"}(ut||(ut={}));class vt extends mt{profileIndex;objectIdToSelect;nextRequestedFilter;lastFilter;filterInProgress;constructor(e,t){const i=[{id:"object",title:lt(nt.constructorString),disclosure:!0,sortable:!0},{id:"distance",title:lt(nt.distance),width:"70px",sortable:!0,fixedWidth:!0},{id:"shallowSize",title:lt(nt.shallowSize),width:"110px",sortable:!0,fixedWidth:!0},{id:"retainedSize",title:lt(nt.retainedSize),width:"110px",sort:r.DataGrid.Order.Descending,sortable:!0,fixedWidth:!0}];super(e,t,{displayName:lt(nt.heapSnapshotConstructors).toString(),columns:i}),this.profileIndex=-1,this.objectIdToSelect=null,this.nextRequestedFilter=null}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"retainedSize",!1);case"distance":return new p.HeapSnapshotModel.ComparatorConfig("distance",t,"retainedSize",!1);case"shallowSize":return new p.HeapSnapshotModel.ComparatorConfig("shallowSize",t,"name",!0);case"retainedSize":return new p.HeapSnapshotModel.ComparatorConfig("retainedSize",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}async revealObjectByHeapSnapshotId(e){if(!this.snapshot)return this.objectIdToSelect=e,null;const t=await this.snapshot.nodeClassName(parseInt(e,10));if(!t)return null;const i=this.topLevelNodes().find((e=>e.name===t));if(!i)return null;const r=await i.populateNodeBySnapshotObjectId(parseInt(e,10));return r.length?this.revealTreeNode(r):null}clear(){this.nextRequestedFilter=null,this.lastFilter=null,this.removeTopLevelNodes()}async setDataSource(e,t){this.snapshot=e,-1===this.profileIndex&&this.populateChildren(),this.objectIdToSelect&&(this.revealObjectByHeapSnapshotId(this.objectIdToSelect),this.objectIdToSelect=null)}setSelectionRange(e,t){this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter(e,t),this.populateChildren(this.nodeFilterInternal)}setAllocationNodeId(e){this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter,this.nodeFilterInternal.allocationNodeId=e,this.populateChildren(this.nodeFilterInternal)}aggregatesReceived(e,t){this.filterInProgress=null,this.nextRequestedFilter&&this.snapshot&&(this.snapshot.aggregatesWithFilter(this.nextRequestedFilter).then(this.aggregatesReceived.bind(this,this.nextRequestedFilter)),this.filterInProgress=this.nextRequestedFilter,this.nextRequestedFilter=null),this.removeTopLevelNodes(),this.resetSortingCache();for(const i in t)this.appendNode(this.rootNode(),new tt(this,i,t[i],e));this.sortingChanged(),this.lastFilter=e}async populateChildren(e){const t=e||new p.HeapSnapshotModel.NodeFilter;if(this.filterInProgress)this.nextRequestedFilter=this.filterInProgress.equals(t)?null:t;else if((!this.lastFilter||!this.lastFilter.equals(t))&&(this.filterInProgress=t,this.snapshot)){const e=await this.snapshot.aggregatesWithFilter(t);this.aggregatesReceived(t,e)}}filterSelectIndexChanged(e,t){if(this.profileIndex=t,this.nodeFilterInternal=void 0,-1!==t){const i=t>0?e[t-1].maxJSObjectId:0,r=e[t].maxJSObjectId;this.nodeFilterInternal=new p.HeapSnapshotModel.NodeFilter(i,r)}this.populateChildren(this.nodeFilterInternal)}}class wt extends mt{baseSnapshot;constructor(e,t){const i=[{id:"object",title:lt(nt.constructorString),disclosure:!0,sortable:!0},{id:"addedCount",title:lt(nt.New),width:"75px",sortable:!0,fixedWidth:!0},{id:"removedCount",title:lt(nt.Deleted),width:"75px",sortable:!0,fixedWidth:!0},{id:"countDelta",title:lt(nt.Delta),width:"65px",sortable:!0,fixedWidth:!0},{id:"addedSize",title:lt(nt.allocSize),width:"75px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending},{id:"removedSize",title:lt(nt.freedSize),width:"75px",sortable:!0,fixedWidth:!0},{id:"sizeDelta",title:lt(nt.sizeDelta),width:"75px",sortable:!0,fixedWidth:!0}];super(e,t,{displayName:lt(nt.heapSnapshotDiff).toString(),columns:i})}defaultPopulateCount(){return 50}sortFields(e,t){switch(e){case"object":return new p.HeapSnapshotModel.ComparatorConfig("name",t,"count",!1);case"addedCount":return new p.HeapSnapshotModel.ComparatorConfig("addedCount",t,"name",!0);case"removedCount":return new p.HeapSnapshotModel.ComparatorConfig("removedCount",t,"name",!0);case"countDelta":return new p.HeapSnapshotModel.ComparatorConfig("countDelta",t,"name",!0);case"addedSize":return new p.HeapSnapshotModel.ComparatorConfig("addedSize",t,"name",!0);case"removedSize":return new p.HeapSnapshotModel.ComparatorConfig("removedSize",t,"name",!0);case"sizeDelta":return new p.HeapSnapshotModel.ComparatorConfig("sizeDelta",t,"name",!0);default:throw new Error(`Unknown column ${e}`)}}async setDataSource(e,t){this.snapshot=e}setBaseDataSource(e){this.baseSnapshot=e,this.removeTopLevelNodes(),this.resetSortingCache(),this.baseSnapshot!==this.snapshot?this.populateChildren():this.dispatchEventToListeners(pt.SortingComplete)}async populateChildren(){if(null===this.snapshot||void 0===this.baseSnapshot||void 0===this.baseSnapshot.uid)throw new Error("Data sources have not been set correctly");const e=await this.baseSnapshot.aggregatesForDiff(),t=await this.snapshot.calculateSnapshotDiff(this.baseSnapshot.uid,e);for(const e in t){const i=t[e];this.appendNode(this.rootNode(),new rt(this,e,i))}this.sortingChanged()}}class St extends mt{linkifierInternal;topNodes;constructor(e,t){const i=[{id:"liveCount",title:lt(nt.liveCount),width:"75px",sortable:!0,fixedWidth:!0},{id:"count",title:lt(nt.count),width:"65px",sortable:!0,fixedWidth:!0},{id:"liveSize",title:lt(nt.liveSize),width:"75px",sortable:!0,fixedWidth:!0},{id:"size",title:lt(nt.size),width:"75px",sortable:!0,fixedWidth:!0,sort:r.DataGrid.Order.Descending},{id:"name",title:lt(nt.function),disclosure:!0,sortable:!0}];super(e,t,{displayName:lt(nt.allocation).toString(),columns:i}),this.linkifierInternal=new d.Linkifier.Linkifier}get linkifier(){return this.linkifierInternal}dispose(){this.linkifierInternal.reset()}async setDataSource(e,t){this.snapshot=e,this.topNodes=await this.snapshot.allocationTracesTops(),this.populateChildren()}populateChildren(){this.removeTopLevelNodes();const e=this.rootNode(),t=this.topNodes||[];for(const i of t)this.appendNode(e,new st(this,i));this.updateVisibleNodes(!0)}sortingChanged(){void 0!==this.topNodes&&(this.topNodes.sort(this.createComparator()),this.rootNode().removeChildren(),this.populateChildren())}createComparator(){const e=this.sortColumnId(),t=this.sortOrder()===r.DataGrid.Order.Ascending?1:-1;return function(i,r){return i[e]>r[e]?t:i[e]<r[e]?-t:0}}}var bt=Object.freeze({__proto__:null,HeapSnapshotSortableDataGrid:ct,get HeapSnapshotSortableDataGridEvents(){return pt},HeapSnapshotViewportDataGrid:mt,HeapSnapshotContainmentDataGrid:ft,HeapSnapshotRetainmentDataGrid:gt,get HeapSnapshotRetainmentDataGridEvents(){return ut},HeapSnapshotConstructorsDataGrid:vt,HeapSnapshotDiffDataGrid:wt,AllocationDataGrid:St});const Ct={anErrorOccurredWhenACallToMethod:"An error occurred when a call to method ''{PH1}'' was requested"},Pt=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotProxy.ts",Ct),Tt=t.i18n.getLocalizedString.bind(void 0,Pt);class xt extends o.ObjectWrapper.ObjectWrapper{eventHandler;nextObjectId;nextCallId;callbacks;previousCallbacks;worker;interval;constructor(e){super(),this.eventHandler=e,this.nextObjectId=1,this.nextCallId=1,this.callbacks=new Map,this.previousCallbacks=new Set,this.worker=o.Worker.WorkerWrapper.fromURL(new URL("../../entrypoints/heap_snapshot_worker/heap_snapshot_worker-legacy.js",import.meta.url)),this.worker.onmessage=this.messageReceived.bind(this)}createLoader(e,t){const i=this.nextObjectId++,r=new It(this,i,e,t);return this.postMessage({callId:this.nextCallId++,disposition:"create",objectId:i,methodName:"HeapSnapshotWorker.HeapSnapshotLoader"}),r}dispose(){this.worker.terminate(),this.interval&&clearInterval(this.interval)}disposeObject(e){this.postMessage({callId:this.nextCallId++,disposition:"dispose",objectId:e})}evaluateForTest(e,t){const i=this.nextCallId++;this.callbacks.set(i,t),this.postMessage({callId:i,disposition:"evaluateForTest",source:e})}callFactoryMethod(e,t,i,r){const s=this.nextCallId++,o=Array.prototype.slice.call(arguments,4),n=this.nextObjectId++;return e?(this.callbacks.set(s,(t=>{e(t?new r(this,n):null)})),this.postMessage({callId:s,disposition:"factory",objectId:t,methodName:i,methodArguments:o,newObjectId:n}),null):(this.postMessage({callId:s,disposition:"factory",objectId:t,methodName:i,methodArguments:o,newObjectId:n}),new r(this,n))}callMethod(e,t,i){const r=this.nextCallId++,s=Array.prototype.slice.call(arguments,3);e&&this.callbacks.set(r,e),this.postMessage({callId:r,disposition:"method",objectId:t,methodName:i,methodArguments:s})}startCheckingForLongRunningCalls(){this.interval||(this.checkLongRunningCalls(),this.interval=window.setInterval(this.checkLongRunningCalls.bind(this),300))}checkLongRunningCalls(){for(const e of this.previousCallbacks)this.callbacks.has(e)||this.previousCallbacks.delete(e);const e=Boolean(this.previousCallbacks.size);this.dispatchEventToListeners("Wait",e);for(const e of this.callbacks.keys())this.previousCallbacks.add(e)}messageReceived(e){const t=e.data;if(t.eventName)return void(this.eventHandler&&this.eventHandler(t.eventName,t.data));if(t.error)return t.errorMethodName&&o.Console.Console.instance().error(Tt(Ct.anErrorOccurredWhenACallToMethod,{PH1:t.errorMethodName})),o.Console.Console.instance().error(t.errorCallStack),void this.callbacks.delete(t.callId);const i=this.callbacks.get(t.callId);i&&(this.callbacks.delete(t.callId),i(t.result))}postMessage(e){this.worker.postMessage(e)}}class yt{worker;objectId;constructor(e,t){this.worker=e,this.objectId=t}callWorker(e,t){t.splice(1,0,this.objectId);const i=this.worker[e];if(!i)throw new Error(`Could not find worker with name ${e}.`);return i.apply(this.worker,t)}dispose(){this.worker.disposeObject(this.objectId)}disposeWorker(){this.worker.dispose()}callFactoryMethod(e,t,i,...r){return this.callWorker("callFactoryMethod",Array.prototype.slice.call(arguments,0))}callMethodPromise(e,...t){const i=Array.prototype.slice.call(arguments);return new Promise((e=>this.callWorker("callMethod",[e,...i])))}}class It extends yt{profileUid;snapshotReceivedCallback;constructor(e,t,i,r){super(e,t),this.profileUid=i,this.snapshotReceivedCallback=r}async write(e){await this.callMethodPromise("write",e)}async close(){await this.callMethodPromise("close");const e=await new Promise((e=>this.callFactoryMethod(e,"buildSnapshot",Rt)));this.dispose(),e.setProfileUid(this.profileUid),await e.updateStaticData(),this.snapshotReceivedCallback(e)}}class Rt extends yt{staticData;profileUid;constructor(e,t){super(e,t),this.staticData=null}search(e,t){return this.callMethodPromise("search",e,t)}aggregatesWithFilter(e){return this.callMethodPromise("aggregatesWithFilter",e)}aggregatesForDiff(){return this.callMethodPromise("aggregatesForDiff")}calculateSnapshotDiff(e,t){return this.callMethodPromise("calculateSnapshotDiff",e,t)}nodeClassName(e){return this.callMethodPromise("nodeClassName",e)}createEdgesProvider(e){return this.callFactoryMethod(null,"createEdgesProvider",Et,e)}createRetainingEdgesProvider(e){return this.callFactoryMethod(null,"createRetainingEdgesProvider",Et,e)}createAddedNodesProvider(e,t){return this.callFactoryMethod(null,"createAddedNodesProvider",Et,e,t)}createDeletedNodesProvider(e){return this.callFactoryMethod(null,"createDeletedNodesProvider",Et,e)}createNodesProvider(e){return this.callFactoryMethod(null,"createNodesProvider",Et,e)}createNodesProviderForClass(e,t){return this.callFactoryMethod(null,"createNodesProviderForClass",Et,e,t)}allocationTracesTops(){return this.callMethodPromise("allocationTracesTops")}allocationNodeCallers(e){return this.callMethodPromise("allocationNodeCallers",e)}allocationStack(e){return this.callMethodPromise("allocationStack",e)}dispose(){throw new Error("Should never be called")}get nodeCount(){return this.staticData?this.staticData.nodeCount:0}get rootNodeIndex(){return this.staticData?this.staticData.rootNodeIndex:0}async updateStaticData(){this.staticData=await this.callMethodPromise("updateStaticData")}getStatistics(){return this.callMethodPromise("getStatistics")}getLocation(e){return this.callMethodPromise("getLocation",e)}getSamples(){return this.callMethodPromise("getSamples")}get totalSize(){return this.staticData?this.staticData.totalSize:0}get uid(){return this.profileUid}setProfileUid(e){this.profileUid=e}maxJSObjectId(){return this.staticData?this.staticData.maxJSObjectId:0}}class Et extends yt{constructor(e,t){super(e,t)}nodePosition(e){return this.callMethodPromise("nodePosition",e)}isEmpty(){return this.callMethodPromise("isEmpty")}serializeItemsRange(e,t){return this.callMethodPromise("serializeItemsRange",e,t)}async sortAndRewind(e){await this.callMethodPromise("sortAndRewind",e)}}var Nt=Object.freeze({__proto__:null,HeapSnapshotWorkerProxy:xt,HeapSnapshotProxyObject:yt,HeapSnapshotLoaderProxy:It,HeapSnapshotProxy:Rt,HeapSnapshotProviderProxy:Et});const kt={find:"Find",containment:"Containment",retainers:"Retainers",allocationStack:"Allocation stack",perspective:"Perspective",baseSnapshot:"Base snapshot",filter:"Filter",classFilter:"Class filter",code:"Code",strings:"Strings",jsArrays:"JS arrays",typedArrays:"Typed arrays",systemObjects:"System objects",selectedSizeS:"Selected size: {PH1}",allObjects:"All objects",objectsAllocatedBeforeS:"Objects allocated before {PH1}",objectsAllocatedBetweenSAndS:"Objects allocated between {PH1} and {PH2}",summary:"Summary",comparison:"Comparison",allocation:"Allocation",liveObjects:"Live objects",statistics:"Statistics",heapSnapshot:"Heap snapshot",takeHeapSnapshot:"Take heap snapshot",heapSnapshots:"HEAP SNAPSHOTS",heapSnapshotProfilesShowMemory:"Heap snapshot profiles show memory distribution among your page's JavaScript objects and related DOM nodes.",exposeInternals:"Expose internals (includes additional implementation-specific details)",captureNumericValue:"Include numerical values in capture",snapshotting:"Snapshotting…",snapshotD:"Snapshot {PH1}",percentagePlaceholder:"{PH1}%",allocationInstrumentationOn:"Allocation instrumentation on timeline",stopRecordingHeapProfile:"Stop recording heap profile",startRecordingHeapProfile:"Start recording heap profile",recordAllocationStacksExtra:"Record stack traces of allocations (extra performance overhead)",recording:"Recording…",allocationTimelines:"ALLOCATION TIMELINES",AllocationTimelinesShowInstrumented:"Allocation timelines show instrumented JavaScript memory allocations over time. Once profile is recorded you can select a time interval to see objects that were allocated within it and still alive by the end of recording. Use this profile type to isolate memory leaks.",loading:"Loading…",savingD:"Saving… {PH1}%",sKb:"{PH1} kB",heapMemoryUsage:"Heap memory usage",stackWasNotRecordedForThisObject:"Stack was not recorded for this object because it had been allocated before this profile recording started."},Dt=t.i18n.registerUIStrings("panels/profiler/HeapSnapshotView.ts",kt),Mt=t.i18n.getLocalizedString.bind(void 0,Dt),Ft=t.i18n.registerUIStrings("panels/profiler/ModuleUIStrings.ts",{buildingEdgeIndexes:"Building edge indexes…",buildingRetainers:"Building retainers…",propagatingDomState:"Propagating DOM state…",calculatingNodeFlags:"Calculating node flags…",calculatingDistances:"Calculating distances…",buildingPostorderIndex:"Building postorder index…",buildingDominatorTree:"Building dominator tree…",calculatingRetainedSizes:"Calculating retained sizes…",buildingDominatedNodes:"Building dominated nodes…",calculatingStatistics:"Calculating statistics…",calculatingSamples:"Calculating samples…",buildingLocations:"Building locations…",finishedProcessing:"Finished processing.",buildingAllocationStatistics:"Building allocation statistics…",done:"Done",processingSnapshot:"Processing snapshot…",parsingStrings:"Parsing strings…",loadingSnapshotInfo:"Loading snapshot info…",loadingNodesD:"Loading nodes… {PH1}%",loadingEdgesD:"Loading edges… {PH1}%",loadingAllocationTracesD:"Loading allocation traces… {PH1}%",loadingSamples:"Loading samples…",loadingLocations:"Loading locations…",loadingStrings:"Loading strings…"}),Ht=t.i18n.getLocalizedString.bind(void 0,Ft);class Lt extends s.View.SimpleView{searchResults;profile;linkifier;parentDataDisplayDelegate;searchableViewInternal;splitWidget;containmentDataGrid;containmentWidget;statisticsView;constructorsDataGrid;constructorsWidget;diffDataGrid;diffWidget;allocationDataGrid;allocationWidget;allocationStackView;tabbedPane;retainmentDataGrid;retainmentWidget;objectDetailsView;perspectives;comparisonPerspective;perspectiveSelect;baseSelect;filterSelect;classNameFilter;selectedSizeText;popoverHelper;currentPerspectiveIndex;currentPerspective;dataGrid;searchThrottler;baseProfile;trackingOverviewGrid;currentSearchResultIndex=-1;currentQuery;constructor(e,t){super(Mt(kt.heapSnapshot)),this.searchResults=[],this.element.classList.add("heap-snapshot-view"),this.profile=t,this.linkifier=new d.Linkifier.Linkifier;const i=t.profileType();i.addEventListener("SnapshotReceived",this.onReceiveSnapshot,this),i.addEventListener(D.RemoveProfileHeader,this.onProfileHeaderRemoved,this);const n=i.id===At.TypeId;n&&this.createOverview();const a=Kt.trackingHeapSnapshotProfileType.recordAllocationStacksSetting().get();this.parentDataDisplayDelegate=e,this.searchableViewInternal=new s.SearchableView.SearchableView(this,null),this.searchableViewInternal.setPlaceholder(Mt(kt.find),Mt(kt.find)),this.searchableViewInternal.show(this.element),this.splitWidget=new s.SplitWidget.SplitWidget(!1,!0,"heapSnapshotSplitViewState",200,200),this.splitWidget.show(this.searchableViewInternal.element);const l=t.heapProfilerModel();let h;if(this.containmentDataGrid=new ft(l,this,Mt(kt.containment)),this.containmentDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.containmentWidget=this.containmentDataGrid.asWidget(),this.containmentWidget.setMinimumSize(50,25),this.statisticsView=new _t,this.constructorsDataGrid=new vt(l,this),this.constructorsDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.constructorsWidget=this.constructorsDataGrid.asWidget(),this.constructorsWidget.setMinimumSize(50,25),this.diffDataGrid=new wt(l,this),this.diffDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.selectionChanged,this),this.diffWidget=this.diffDataGrid.asWidget(),this.diffWidget.setMinimumSize(50,25),this.allocationDataGrid=null,n&&a&&(this.allocationDataGrid=new St(l,this),this.allocationDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.onSelectAllocationNode,this),this.allocationWidget=this.allocationDataGrid.asWidget(),this.allocationWidget.setMinimumSize(50,25),this.allocationStackView=new Jt(l),this.allocationStackView.setMinimumSize(50,25),this.tabbedPane=new s.TabbedPane.TabbedPane),this.retainmentDataGrid=new gt(l,this),this.retainmentWidget=this.retainmentDataGrid.asWidget(),this.retainmentWidget.setMinimumSize(50,21),this.retainmentWidget.element.classList.add("retaining-paths-view"),this.allocationStackView)this.tabbedPane=new s.TabbedPane.TabbedPane,this.tabbedPane.appendTab("retainers",Mt(kt.retainers),this.retainmentWidget),this.tabbedPane.appendTab("allocation-stack",Mt(kt.allocationStack),this.allocationStackView),h=this.tabbedPane.headerElement(),this.objectDetailsView=this.tabbedPane;else{const e=document.createElement("div");e.classList.add("heap-snapshot-view-resizer");const t=e.createChild("div","title");e.createChild("div","verticalResizerIcon");t.createChild("span").textContent=Mt(kt.retainers),h=e,this.objectDetailsView=new s.Widget.VBox,this.objectDetailsView.element.appendChild(e),this.retainmentWidget.show(this.objectDetailsView.element)}this.splitWidget.hideDefaultResizer(),this.splitWidget.installResizer(h),this.retainmentDataGrid.addEventListener(r.DataGrid.Events.SelectedNode,this.inspectedObjectChanged,this),this.retainmentDataGrid.reset(),this.perspectives=[],this.comparisonPerspective=new zt,this.perspectives.push(new Ot),t.profileType()!==Kt.trackingHeapSnapshotProfileType&&this.perspectives.push(this.comparisonPerspective),this.perspectives.push(new Bt),this.allocationWidget&&this.perspectives.push(new Gt),this.perspectives.push(new Vt),this.perspectiveSelect=new s.Toolbar.ToolbarComboBox(this.onSelectedPerspectiveChanged.bind(this),Mt(kt.perspective)),this.updatePerspectiveOptions(),this.baseSelect=new s.Toolbar.ToolbarComboBox(this.changeBase.bind(this),Mt(kt.baseSnapshot)),this.baseSelect.setVisible(!1),this.updateBaseOptions(),this.filterSelect=new s.Toolbar.ToolbarComboBox(this.changeFilter.bind(this),Mt(kt.filter)),this.filterSelect.setVisible(!1),this.updateFilterOptions(),this.classNameFilter=new s.Toolbar.ToolbarInput(Mt(kt.classFilter)),this.classNameFilter.setVisible(!1),this.constructorsDataGrid.setNameFilter(this.classNameFilter),this.diffDataGrid.setNameFilter(this.classNameFilter),this.selectedSizeText=new s.Toolbar.ToolbarText,this.popoverHelper=new s.PopoverHelper.PopoverHelper(this.element,this.getPopoverRequest.bind(this)),this.popoverHelper.setDisableOnClick(!0),this.popoverHelper.setHasPadding(!0),this.element.addEventListener("scroll",this.popoverHelper.hidePopover.bind(this.popoverHelper),!0),this.currentPerspectiveIndex=0,this.currentPerspective=this.perspectives[0],this.currentPerspective.activate(this),this.dataGrid=this.currentPerspective.masterGrid(this),this.populate(),this.searchThrottler=new o.Throttler.Throttler(0);for(const e of this.profiles())e.addEventListener(k.ProfileTitleChanged,this.updateControls,this)}createOverview(){const e=this.profile.profileType();this.trackingOverviewGrid=new Re,this.trackingOverviewGrid.addEventListener("IdsRangeChanged",this.onIdsRangeChanged.bind(this)),this.profile.fromFile()||e.profileBeingRecorded()!==this.profile||(e.addEventListener("HeapStatsUpdate",this.onHeapStatsUpdate,this),e.addEventListener("TrackingStopped",this.onStopTracking,this),this.trackingOverviewGrid.start())}onStopTracking(){const e=this.profile.profileType();e.removeEventListener("HeapStatsUpdate",this.onHeapStatsUpdate,this),e.removeEventListener("TrackingStopped",this.onStopTracking,this),this.trackingOverviewGrid&&this.trackingOverviewGrid.stop()}onHeapStatsUpdate({data:e}){this.trackingOverviewGrid&&this.trackingOverviewGrid.setSamples(e)}searchableView(){return this.searchableViewInternal}showProfile(e){return this.parentDataDisplayDelegate.showProfile(e)}showObject(e,t){Number(e)<=this.profile.maxJSObjectId?this.selectLiveObject(t,e):this.parentDataDisplayDelegate.showObject(e,t)}async linkifyObject(e){const t=this.profile.heapProfilerModel();if(!t)return null;const i=await this.profile.getLocation(e);if(!i)return null;const r=t.runtimeModel().debuggerModel().createRawLocationByScriptId(String(i.scriptId),i.lineNumber,i.columnNumber);if(!r)return null;const s=r.script(),o=s&&s.sourceURL;return o&&this.linkifier?this.linkifier.linkifyRawLocation(r,o):null}async populate(){const e=await this.profile.loadPromise;if(this.retrieveStatistics(e),this.dataGrid&&this.dataGrid.setDataSource(e,0),this.profile.profileType().id===At.TypeId&&this.profile.fromFile()){const t=await e.getSamples();if(t){console.assert(Boolean(t.timestamps.length));const e=new Ne;e.sizes=t.sizes,e.ids=t.lastAssignedIds,e.timestamps=t.timestamps,e.max=t.sizes,e.totalTime=Math.max(t.timestamps[t.timestamps.length-1]||0,1e4),this.trackingOverviewGrid&&this.trackingOverviewGrid.setSamples(e)}}const t=this.profiles().indexOf(this.profile);this.baseSelect.setSelectedIndex(Math.max(0,t-1)),this.trackingOverviewGrid&&this.trackingOverviewGrid.updateGrid()}async retrieveStatistics(e){const t=await e.getStatistics(),i=[{value:t.code,color:"#f77",title:Mt(kt.code)},{value:t.strings,color:"#5e5",title:Mt(kt.strings)},{value:t.jsArrays,color:"#7af",title:Mt(kt.jsArrays)},{value:t.native,color:"#fc5",title:Mt(kt.typedArrays)},{value:t.system,color:"#98f",title:Mt(kt.systemObjects)}];return this.statisticsView.setTotalAndRecords(t.total,i),t}onIdsRangeChanged(t){const{minId:i,maxId:r}=t.data;this.selectedSizeText.setText(Mt(kt.selectedSizeS,{PH1:e.NumberUtilities.bytesToString(t.data.size)})),this.constructorsDataGrid.snapshot&&this.constructorsDataGrid.setSelectionRange(i,r)}async toolbarItems(){const e=[this.perspectiveSelect,this.classNameFilter];return this.profile.profileType()!==Kt.trackingHeapSnapshotProfileType&&e.push(this.baseSelect,this.filterSelect),e.push(this.selectedSizeText),e}willHide(){this.currentSearchResultIndex=-1,this.popoverHelper.hidePopover()}supportsCaseSensitiveSearch(){return!0}supportsRegexSearch(){return!1}onSearchCanceled(){this.currentSearchResultIndex=-1,this.searchResults=[]}selectRevealedNode(e){e&&e.select()}performSearch(e,t,i){const r=new p.HeapSnapshotModel.SearchConfig(e.query.trim(),e.caseSensitive,e.isRegex,t,i||!1);this.searchThrottler.schedule(this.performSearchInternal.bind(this,r))}async performSearchInternal(e){if(this.onSearchCanceled(),!this.currentPerspective.supportsSearch())return;this.currentQuery=e;const t=e.query.trim();if(!t)return;if("@"===t.charAt(0)){const e=parseInt(t.substring(1),10);if(isNaN(e))return;if(!this.dataGrid)return;const i=await this.dataGrid.revealObjectByHeapSnapshotId(String(e));return void this.selectRevealedNode(i)}if(!this.profile.snapshotProxy||!this.dataGrid)return;const i=this.dataGrid.nodeFilter();this.searchResults=i?await this.profile.snapshotProxy.search(this.currentQuery,i):[],this.searchableViewInternal.updateSearchMatchesCount(this.searchResults.length),this.searchResults.length&&(this.currentSearchResultIndex=e.jumpBackward?this.searchResults.length-1:0),await this.jumpToSearchResult(this.currentSearchResultIndex)}jumpToNextSearchResult(){this.searchResults.length&&(this.currentSearchResultIndex=(this.currentSearchResultIndex+1)%this.searchResults.length,this.searchThrottler.schedule(this.jumpToSearchResult.bind(this,this.currentSearchResultIndex)))}jumpToPreviousSearchResult(){this.searchResults.length&&(this.currentSearchResultIndex=(this.currentSearchResultIndex+this.searchResults.length-1)%this.searchResults.length,this.searchThrottler.schedule(this.jumpToSearchResult.bind(this,this.currentSearchResultIndex)))}async jumpToSearchResult(e){if(this.searchableViewInternal.updateCurrentMatchIndex(e),-1===e)return;if(!this.dataGrid)return;const t=await this.dataGrid.revealObjectByHeapSnapshotId(String(this.searchResults[e]));this.selectRevealedNode(t)}refreshVisibleData(){if(!this.dataGrid)return;let e=this.dataGrid.rootNode().children[0];for(;e;)e.refresh(),e=e.traverseNextNode(!1,null,!0)}changeBase(){if(this.baseProfile===this.profiles()[this.baseSelect.selectedIndex()])return;this.baseProfile=this.profiles()[this.baseSelect.selectedIndex()];const e=this.dataGrid;e.snapshot&&this.baseProfile.loadPromise.then(e.setBaseDataSource.bind(e)),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1)}changeFilter(){const e=this.filterSelect.selectedIndex()-1;this.dataGrid&&(this.dataGrid.filterSelectIndexChanged(this.profiles(),e),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1))}profiles(){return this.profile.profileType().getProfiles()}selectionChanged(e){const t=e.data;this.setSelectedNodeForDetailsView(t),this.inspectedObjectChanged(e)}onSelectAllocationNode(e){const t=e.data;this.constructorsDataGrid.setAllocationNodeId(t.allocationNodeId()),this.setSelectedNodeForDetailsView(null)}inspectedObjectChanged(e){const t=e.data,i=this.profile.heapProfilerModel();i&&t instanceof Ye&&i.addInspectedHeapObject(String(t.snapshotNodeId))}setSelectedNodeForDetailsView(e){const t=e&&e.retainersDataSource();t?(this.retainmentDataGrid.setDataSource(t.snapshot,t.snapshotNodeIndex),this.allocationStackView&&this.allocationStackView.setAllocatedObject(t.snapshot,t.snapshotNodeIndex)):(this.allocationStackView&&this.allocationStackView.clear(),this.retainmentDataGrid.reset())}async changePerspectiveAndWait(e){const t=this.perspectives.findIndex((t=>t.title()===e));if(-1===t||this.currentPerspectiveIndex===t)return;const i=this.perspectives[t].masterGrid(this);if(!i)return;const r=i.once(pt.ContentShown),s=this.perspectiveSelect.options().find((e=>e.value===String(t)));this.perspectiveSelect.select(s),this.changePerspective(t),await r}async updateDataSourceAndView(){const e=this.dataGrid;if(!e||e.snapshot)return;const t=await this.profile.loadPromise;if(this.dataGrid!==e)return;if(e.snapshot!==t&&e.setDataSource(t,0),e!==this.diffDataGrid)return;this.baseProfile||(this.baseProfile=this.profiles()[this.baseSelect.selectedIndex()]);const i=await this.baseProfile.loadPromise;this.diffDataGrid.baseSnapshot!==i&&this.diffDataGrid.setBaseDataSource(i)}onSelectedPerspectiveChanged(e){this.changePerspective(Number(e.target.selectedOptions[0].value))}changePerspective(e){if(e===this.currentPerspectiveIndex)return;this.currentPerspectiveIndex=e,this.currentPerspective.deactivate(this);const t=this.perspectives[e];this.currentPerspective=t,this.dataGrid=t.masterGrid(this),t.activate(this),this.refreshVisibleData(),this.dataGrid&&this.dataGrid.updateWidths(),this.updateDataSourceAndView(),this.currentQuery&&this.searchResults&&this.performSearch(this.currentQuery,!1)}async selectLiveObject(e,t){if(await this.changePerspectiveAndWait(e),!this.dataGrid)return;const i=await this.dataGrid.revealObjectByHeapSnapshotId(t);i?i.select():o.Console.Console.instance().error("Cannot find corresponding heap snapshot node")}getPopoverRequest(e){const t=s.UIUtils.enclosingNodeOrSelfWithNodeName(e.target,"span"),i=s.UIUtils.enclosingNodeOrSelfWithNodeName(e.target,"tr");if(!i)return null;if(!this.dataGrid)return null;const r=this.dataGrid.dataGridNodeFromNode(i)||this.containmentDataGrid.dataGridNodeFromNode(i)||this.constructorsDataGrid.dataGridNodeFromNode(i)||this.diffDataGrid.dataGridNodeFromNode(i)||this.allocationDataGrid&&this.allocationDataGrid.dataGridNodeFromNode(i)||this.retainmentDataGrid.dataGridNodeFromNode(i),o=this.profile.heapProfilerModel();if(!r||!t||!o)return null;let n;return{box:t.boxInWindow(),show:async e=>{if(!o)return!1;const t=await r.queryObjectContent(o,"popover");return!!t&&(n=await u.ObjectPopoverHelper.ObjectPopoverHelper.buildObjectPopover(t,e),!!n||(o.runtimeModel().releaseObjectGroup("popover"),!1))},hide:()=>{o.runtimeModel().releaseObjectGroup("popover"),n&&n.dispose()}}}updatePerspectiveOptions(){const e=this.profiles().length>1;this.perspectiveSelect.removeOptions(),this.perspectives.forEach(((t,i)=>{(e||t!==this.comparisonPerspective)&&this.perspectiveSelect.createOption(t.title(),String(i))}))}updateBaseOptions(){const e=this.profiles(),t=this.baseSelect.selectedIndex();this.baseSelect.removeOptions();for(const t of e)this.baseSelect.createOption(t.title);t>-1&&this.baseSelect.setSelectedIndex(t)}updateFilterOptions(){const e=this.profiles(),t=this.filterSelect.selectedIndex();this.filterSelect.removeOptions(),this.filterSelect.createOption(Mt(kt.allObjects));for(let t=0;t<e.length;++t){let i;i=t?Mt(kt.objectsAllocatedBetweenSAndS,{PH1:e[t-1].title,PH2:e[t].title}):Mt(kt.objectsAllocatedBeforeS,{PH1:e[t].title}),this.filterSelect.createOption(i)}t>-1&&this.filterSelect.setSelectedIndex(t)}updateControls(){this.updatePerspectiveOptions(),this.updateBaseOptions(),this.updateFilterOptions()}onReceiveSnapshot(e){this.updateControls();e.data.addEventListener(k.ProfileTitleChanged,this.updateControls,this)}onProfileHeaderRemoved(e){const t=e.data;t.removeEventListener(k.ProfileTitleChanged,this.updateControls,this),this.profile===t?(this.detach(),this.profile.profileType().removeEventListener("SnapshotReceived",this.onReceiveSnapshot,this),this.profile.profileType().removeEventListener(D.RemoveProfileHeader,this.onProfileHeaderRemoved,this),this.dispose()):this.updateControls()}dispose(){this.linkifier.dispose(),this.popoverHelper.dispose(),this.allocationStackView&&(this.allocationStackView.clear(),this.allocationDataGrid&&this.allocationDataGrid.dispose()),this.onStopTracking(),this.trackingOverviewGrid&&this.trackingOverviewGrid.removeEventListener("IdsRangeChanged",this.onIdsRangeChanged.bind(this))}}class jt{titleInternal;constructor(e){this.titleInternal=e}activate(e){}deactivate(e){e.baseSelect.setVisible(!1),e.filterSelect.setVisible(!1),e.classNameFilter.setVisible(!1),e.trackingOverviewGrid&&e.trackingOverviewGrid.detach(),e.allocationWidget&&e.allocationWidget.detach(),e.statisticsView&&e.statisticsView.detach(),e.splitWidget.detach(),e.splitWidget.detachChildWidgets()}masterGrid(e){return null}title(){return this.titleInternal}supportsSearch(){return!1}}class Ot extends jt{constructor(){super(Mt(kt.summary))}activate(e){e.splitWidget.setMainWidget(e.constructorsWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element),e.filterSelect.setVisible(!0),e.classNameFilter.setVisible(!0),e.trackingOverviewGrid&&(e.trackingOverviewGrid.show(e.searchableViewInternal.element,e.splitWidget.element),e.trackingOverviewGrid.update(),e.trackingOverviewGrid.updateGrid())}masterGrid(e){return e.constructorsDataGrid}supportsSearch(){return!0}}class zt extends jt{constructor(){super(Mt(kt.comparison))}activate(e){e.splitWidget.setMainWidget(e.diffWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element),e.baseSelect.setVisible(!0),e.classNameFilter.setVisible(!0)}masterGrid(e){return e.diffDataGrid}supportsSearch(){return!0}}class Bt extends jt{constructor(){super(Mt(kt.containment))}activate(e){e.splitWidget.setMainWidget(e.containmentWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView),e.splitWidget.show(e.searchableViewInternal.element)}masterGrid(e){return e.containmentDataGrid}}class Gt extends jt{allocationSplitWidget;constructor(){super(Mt(kt.allocation)),this.allocationSplitWidget=new s.SplitWidget.SplitWidget(!1,!0,"heapSnapshotAllocationSplitViewState",200,200),this.allocationSplitWidget.setSidebarWidget(new s.Widget.VBox)}activate(e){e.allocationWidget&&this.allocationSplitWidget.setMainWidget(e.allocationWidget),e.splitWidget.setMainWidget(e.constructorsWidget),e.splitWidget.setSidebarWidget(e.objectDetailsView);const t=new s.Widget.VBox,i=document.createElement("div");i.classList.add("heap-snapshot-view-resizer");const r=i.createChild("div","title").createChild("span");if(i.createChild("div","verticalResizerIcon"),r.textContent=Mt(kt.liveObjects),this.allocationSplitWidget.hideDefaultResizer(),this.allocationSplitWidget.installResizer(i),t.element.appendChild(i),e.splitWidget.show(t.element),this.allocationSplitWidget.setSidebarWidget(t),this.allocationSplitWidget.show(e.searchableViewInternal.element),e.constructorsDataGrid.clear(),e.allocationDataGrid){const t=e.allocationDataGrid.selectedNode;t&&e.constructorsDataGrid.setAllocationNodeId(t.allocationNodeId())}}deactivate(e){this.allocationSplitWidget.detach(),super.deactivate(e)}masterGrid(e){return e.allocationDataGrid}}class Vt extends jt{constructor(){super(Mt(kt.statistics))}activate(e){e.statisticsView.show(e.searchableViewInternal.element)}masterGrid(e){return null}}class Ut extends(o.ObjectWrapper.eventMixin(L)){exposeInternals;captureNumericValue;customContentInternal;constructor(e,t){super(e||Ut.TypeId,t||Mt(kt.heapSnapshot)),l.TargetManager.TargetManager.instance().observeModels(l.HeapProfilerModel.HeapProfilerModel,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.ResetProfiles,this.resetProfiles,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.AddHeapSnapshotChunk,this.addHeapSnapshotChunk,this),l.TargetManager.TargetManager.instance().addModelListener(l.HeapProfilerModel.HeapProfilerModel,l.HeapProfilerModel.Events.ReportHeapSnapshotProgress,this.reportHeapSnapshotProgress,this),this.exposeInternals=o.Settings.Settings.instance().createSetting("exposeInternals",!1),this.captureNumericValue=o.Settings.Settings.instance().createSetting("captureNumericValue",!1),this.customContentInternal=null}modelAdded(e){e.enable()}modelRemoved(e){}getProfiles(){return super.getProfiles()}fileExtension(){return".heapsnapshot"}get buttonTooltip(){return Mt(kt.takeHeapSnapshot)}isInstantProfile(){return!0}buttonClicked(){return this.takeHeapSnapshot(),a.userMetrics.actionTaken(a.UserMetrics.Action.ProfilesHeapProfileTaken),!1}get treeItemTitle(){return Mt(kt.heapSnapshots)}get description(){return Mt(kt.heapSnapshotProfilesShowMemory)}customContent(){const e=document.createElement("div"),t=c.Runtime.experiments.isEnabled("showOptionToExposeInternalsInHeapSnapshot"),i=!t;if(t){const t=s.SettingsUI.createSettingCheckbox(Mt(kt.exposeInternals),this.exposeInternals,i);e.appendChild(t)}const r=s.SettingsUI.createSettingCheckbox(Mt(kt.captureNumericValue),this.captureNumericValue,i);return e.appendChild(r),this.customContentInternal=e,e}setCustomContentEnabled(e){this.customContentInternal&&this.customContentInternal.querySelectorAll("[is=dt-checkbox]").forEach((t=>{t.checkboxElement.disabled=!e}))}createProfileLoadedFromFile(e){return new Wt(null,this,e)}async takeHeapSnapshot(){if(this.profileBeingRecorded())return;const e=s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel);if(!e)return;let t=new Wt(e,this);this.setProfileBeingRecorded(t),this.addProfile(t),t.updateStatus(Mt(kt.snapshotting)),await e.takeHeapSnapshot({reportProgress:!0,captureNumericValue:this.captureNumericValue.get(),exposeInternals:this.exposeInternals.get()}),t=this.profileBeingRecorded(),t&&(t.title=Mt(kt.snapshotD,{PH1:t.uid}),t.finishLoad(),this.setProfileBeingRecorded(null),this.dispatchEventToListeners(D.ProfileComplete,t))}addHeapSnapshotChunk(e){const t=this.profileBeingRecorded();t&&t.transferChunk(e.data)}reportHeapSnapshotProgress(e){const t=this.profileBeingRecorded();if(!t)return;const{done:i,total:r,finished:s}=e.data;t.updateStatus(Mt(kt.percentagePlaceholder,{PH1:(i/r*100).toFixed(0)}),!0),s&&t.prepareToLoad()}resetProfiles(e){const t=e.data;for(const e of this.getProfiles())e.heapProfilerModel()===t&&this.removeProfile(e)}snapshotReceived(e){this.profileBeingRecorded()===e&&this.setProfileBeingRecorded(null),this.dispatchEventToListeners("SnapshotReceived",e)}static TypeId="HEAP";static SnapshotReceived="SnapshotReceived"}class At extends(o.ObjectWrapper.eventMixin(Ut)){recordAllocationStacksSettingInternal;customContentInternal;recording;profileSamples;constructor(){super(At.TypeId,Mt(kt.allocationInstrumentationOn)),this.recordAllocationStacksSettingInternal=o.Settings.Settings.instance().createSetting("recordAllocationStacks",!1),this.customContentInternal=null,this.recording=!1}modelAdded(e){super.modelAdded(e),e.addEventListener(l.HeapProfilerModel.Events.HeapStatsUpdate,this.heapStatsUpdate,this),e.addEventListener(l.HeapProfilerModel.Events.LastSeenObjectId,this.lastSeenObjectId,this)}modelRemoved(e){super.modelRemoved(e),e.removeEventListener(l.HeapProfilerModel.Events.HeapStatsUpdate,this.heapStatsUpdate,this),e.removeEventListener(l.HeapProfilerModel.Events.LastSeenObjectId,this.lastSeenObjectId,this)}heapStatsUpdate(e){if(!this.profileSamples)return;const t=e.data;let i;for(let e=0;e<t.length;e+=3){i=t[e];const r=t[e+2];this.profileSamples.sizes[i]=r,this.profileSamples.max[i]||(this.profileSamples.max[i]=r)}}lastSeenObjectId(e){const t=this.profileSamples;if(!t)return;const{lastSeenObjectId:i,timestamp:r}=e.data,s=Math.max(t.ids.length,t.max.length-1);t.ids[s]=i,t.max[s]||(t.max[s]=0,t.sizes[s]=0),t.timestamps[s]=r,t.totalTime<r-t.timestamps[0]&&(t.totalTime*=2),this.profileSamples&&this.dispatchEventToListeners("HeapStatsUpdate",this.profileSamples);const o=this.profileBeingRecorded();o&&o.updateStatus(null,!0)}hasTemporaryView(){return!0}get buttonTooltip(){return this.recording?Mt(kt.stopRecordingHeapProfile):Mt(kt.startRecordingHeapProfile)}isInstantProfile(){return!1}buttonClicked(){return this.toggleRecording()}startRecordingProfile(){if(this.profileBeingRecorded())return;const e=this.addNewProfile();e&&e.startTrackingHeapObjects(this.recordAllocationStacksSettingInternal.get())}customContent(){const e=s.SettingsUI.createSettingCheckbox(Mt(kt.recordAllocationStacksExtra),this.recordAllocationStacksSettingInternal,!0);return this.customContentInternal=e,e}setCustomContentEnabled(e){this.customContentInternal&&(this.customContentInternal.checkboxElement.disabled=!e)}recordAllocationStacksSetting(){return this.recordAllocationStacksSettingInternal}addNewProfile(){const e=s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel);return e?(this.setProfileBeingRecorded(new Wt(e,this,void 0)),this.profileSamples=new Ne,this.profileBeingRecorded()._profileSamples=this.profileSamples,this.recording=!0,this.addProfile(this.profileBeingRecorded()),this.profileBeingRecorded().updateStatus(Mt(kt.recording)),this.dispatchEventToListeners("TrackingStarted"),e):null}async stopRecordingProfile(){let e=this.profileBeingRecorded();e.updateStatus(Mt(kt.snapshotting));const t=e.heapProfilerModel().stopTrackingHeapObjects(!0);this.recording=!1,this.dispatchEventToListeners("TrackingStopped"),await t,e=this.profileBeingRecorded(),e&&(e.finishLoad(),this.profileSamples=null,this.setProfileBeingRecorded(null),this.dispatchEventToListeners(D.ProfileComplete,e))}toggleRecording(){return this.recording?this.stopRecordingProfile():this.startRecordingProfile(),this.recording}fileExtension(){return".heaptimeline"}get treeItemTitle(){return Mt(kt.allocationTimelines)}get description(){return Mt(kt.AllocationTimelinesShowInstrumented)}resetProfiles(e){const t=this.recording;this.setProfileBeingRecorded(null),super.resetProfiles(e),this.profileSamples=null,t&&this.addNewProfile()}profileBeingRecordedRemoved(){this.stopRecordingProfile(),this.profileSamples=null}static TypeId="HEAP-RECORD";static HeapStatsUpdate="HeapStatsUpdate";static TrackingStarted="TrackingStarted";static TrackingStopped="TrackingStopped"}class Wt extends F{heapProfilerModelInternal;maxJSObjectId;workerProxy;receiver;snapshotProxy;loadPromise;fulfillLoad;totalNumberOfChunks;bufferedWriter;onTempFileReady;failedToCreateTempFile;wasDisposed;fileName;constructor(e,t,i){super(t,i||Mt(kt.snapshotD,{PH1:t.nextProfileUid()})),this.heapProfilerModelInternal=e,this.maxJSObjectId=-1,this.workerProxy=null,this.receiver=null,this.snapshotProxy=null,this.loadPromise=new Promise((e=>{this.fulfillLoad=e})),this.totalNumberOfChunks=0,this.bufferedWriter=null,this.onTempFileReady=null}heapProfilerModel(){return this.heapProfilerModelInternal}async getLocation(e){return this.snapshotProxy?this.snapshotProxy.getLocation(e):null}createSidebarTreeElement(e){return new A(e,this,"heap-snapshot-sidebar-tree-item")}createView(e){return new Lt(e,this)}prepareToLoad(){console.assert(!this.receiver,"Already loading"),this.setupWorker(),this.updateStatus(Mt(kt.loading),!0)}finishLoad(){!this.wasDisposed&&this.receiver&&this.receiver.close(),this.bufferedWriter&&this.didWriteToTempFile(this.bufferedWriter)}didWriteToTempFile(e){this.wasDisposed?e&&e.remove():(this.tempFile=e,e||(this.failedToCreateTempFile=!0),this.onTempFileReady&&(this.onTempFileReady(),this.onTempFileReady=null))}setupWorker(){console.assert(!this.workerProxy,"HeapSnapshotWorkerProxy already exists"),this.workerProxy=new xt(this.handleWorkerEvent.bind(this)),this.workerProxy.addEventListener("Wait",(e=>{this.updateStatus(null,e.data)}),this),this.receiver=this.workerProxy.createLoader(this.uid,this.snapshotReceived.bind(this))}handleWorkerEvent(e,i){if(p.HeapSnapshotModel.HeapSnapshotProgressEvent.BrokenSnapshot===e){const e=i;return void o.Console.Console.instance().error(e)}if(p.HeapSnapshotModel.HeapSnapshotProgressEvent.Update!==e)return;const r=i,s=t.i18n.deserializeUIString(r);this.updateStatus(Ht(s.string,s.values))}dispose(){this.workerProxy&&this.workerProxy.dispose(),this.removeTempFile(),this.wasDisposed=!0}didCompleteSnapshotTransfer(){this.snapshotProxy&&this.updateStatus(e.NumberUtilities.bytesToString(this.snapshotProxy.totalSize),!1)}transferChunk(e){this.bufferedWriter||(this.bufferedWriter=new h.TempFile.TempFile),this.bufferedWriter.write([e]),++this.totalNumberOfChunks,this.receiver&&this.receiver.write(e)}snapshotReceived(e){this.wasDisposed||(this.receiver=null,this.snapshotProxy=e,this.maxJSObjectId=e.maxJSObjectId(),this.didCompleteSnapshotTransfer(),this.workerProxy&&this.workerProxy.startCheckingForLongRunningCalls(),this.notifySnapshotReceived())}notifySnapshotReceived(){this.snapshotProxy&&this.fulfillLoad&&this.fulfillLoad(this.snapshotProxy),this.profileType().snapshotReceived(this),this.canSaveToFile()&&this.dispatchEventToListeners(k.ProfileReceived)}canSaveToFile(){return!this.fromFile()&&Boolean(this.snapshotProxy)}saveToFile(){const t=new h.FileUtils.FileOutputStream;this.fileName=this.fileName||"Heap-"+e.DateUtilities.toISO8601Compact(new Date)+this.profileType().fileExtension();const i=async e=>{if(e){if(this.failedToCreateTempFile)return o.Console.Console.instance().error("Failed to open temp file with heap snapshot"),void t.close();if(this.tempFile){const e=await this.tempFile.copyToOutputStream(t,this.onChunkTransferred.bind(this));return e&&o.Console.Console.instance().error("Failed to read heap snapshot from temp file: "+e.message),void this.didCompleteSnapshotTransfer()}this.onTempFileReady=()=>{i(e)},this.updateSaveProgress(0,1)}};t.open(this.fileName).then(i.bind(this))}onChunkTransferred(e){this.updateSaveProgress(e.loadedSize(),e.fileSize())}updateSaveProgress(e,t){const i=(100*(t&&e/t)).toFixed(0);this.updateStatus(Mt(kt.savingD,{PH1:i}))}async loadFromFile(e){this.updateStatus(Mt(kt.loading),!0),this.setupWorker();const t=new h.FileUtils.ChunkedFileReader(e,1e7),i=await t.read(this.receiver);if(!i){const e=t.error();e&&this.updateStatus(e.message)}return i?null:t.error()}profileType(){return super.profileType()}}class _t extends s.Widget.VBox{pieChart;constructor(){super(),this.element.classList.add("heap-snapshot-statistics-view"),this.pieChart=new n.PieChart.PieChart,this.setTotalAndRecords(0,[]),this.pieChart.classList.add("heap-snapshot-stats-pie-chart"),this.element.appendChild(this.pieChart)}static valueFormatter(t){return Mt(kt.sKb,{PH1:e.NumberUtilities.withThousandsSeparator(Math.round(t/1e3))})}setTotalAndRecords(e,t){this.pieChart.data={chartName:Mt(kt.heapMemoryUsage),size:150,formatter:_t.valueFormatter,showLegend:!0,total:e,slices:t}}}class Jt extends s.Widget.Widget{heapProfilerModel;linkifier;frameElements;constructor(e){super(),this.heapProfilerModel=e,this.linkifier=new d.Linkifier.Linkifier,this.frameElements=[]}onContextMenu(e,t){const i=new s.ContextMenu.ContextMenu(t);i.containsTarget(e)||i.appendApplicableItems(e),i.show(),t.consume(!0)}onStackViewKeydown(e){const t=e.target;if(!t)return;if("Enter"===e.key){const i=$t.get(t);if(!i)return;const r=d.Linkifier.Linkifier.linkInfo(i);if(!r)return;return void(d.Linkifier.Linkifier.invokeFirstAction(r)&&e.consume(!0))}let i;const r=e;if("ArrowUp"===r.key)i=!1;else{if("ArrowDown"!==r.key)return;i=!0}const s=this.frameElements.indexOf(t);if(-1===s)return;const o=i?s+1:s-1;if(o<0||o>=this.frameElements.length)return;const n=this.frameElements[o];n.tabIndex=0,t.tabIndex=-1,n.focus(),e.consume(!0)}async setAllocatedObject(e,t){this.clear();const i=await e.allocationStack(t);if(!i){const e=this.element.createChild("div","no-heap-allocation-stack");return void s.UIUtils.createTextChild(e,Mt(kt.stackWasNotRecordedForThisObject))}const r=this.element.createChild("div","heap-allocation-stack");r.addEventListener("keydown",this.onStackViewKeydown.bind(this),!1);for(const e of i){const t=r.createChild("div","stack-frame");this.frameElements.push(t),t.tabIndex=-1;if(t.createChild("div").textContent=s.UIUtils.beautifyFunctionName(e.functionName),!e.scriptId)continue;const i=this.heapProfilerModel?this.heapProfilerModel.target():null,o={columnNumber:e.column-1,inlineFrameIndex:0},n=this.linkifier.linkifyScriptLocation(i,String(e.scriptId),e.scriptName,e.line-1,o);t.appendChild(n),$t.set(t,n),t.addEventListener("contextmenu",this.onContextMenu.bind(this,n))}this.frameElements[0].tabIndex=0}clear(){this.element.removeChildren(),this.frameElements=[],this.linkifier.reset()}}const $t=new WeakMap;var qt=Object.freeze({__proto__:null,HeapSnapshotView:Lt,Perspective:jt,SummaryPerspective:Ot,ComparisonPerspective:zt,ContainmentPerspective:Bt,AllocationPerspective:Gt,StatisticsPerspective:Vt,HeapSnapshotProfileType:Ut,TrackingHeapSnapshotProfileType:At,HeapProfileHeader:Wt,HeapSnapshotStatisticsView:_t,HeapAllocationStackView:Jt});class Qt{cpuProfileType;heapSnapshotProfileType;samplingHeapProfileType;trackingHeapSnapshotProfileType;constructor(){this.cpuProfileType=new oe,this.heapSnapshotProfileType=new Ut,this.samplingHeapProfileType=new Be,this.trackingHeapSnapshotProfileType=new At}}const Kt=new Qt;var Yt=Object.freeze({__proto__:null,ProfileTypeRegistry:Qt,instance:Kt});const Zt={clearAllProfiles:"Clear all profiles",cantLoadFileSupportedFile:"Can’t load file. Supported file extensions: ''{PH1}''.",cantLoadProfileWhileAnother:"Can’t load profile while another profile is being recorded.",profileLoadingFailedS:"Profile loading failed: {PH1}.",load:"Load…",runD:"Run {PH1}",profiles:"Profiles",deprecationWarnMsg:"This panel will be deprecated in the upcoming version. Use the Performance panel to record JavaScript CPU profiles.",learnMore:"Learn more",feedback:"Feedback",goToPerformancePanel:"Go to Performance Panel",enableThisPanelTemporarily:"Enable this panel temporarily"},Xt=t.i18n.registerUIStrings("panels/profiler/ProfilesPanel.ts",Zt),ei=t.i18n.getLocalizedString.bind(void 0,Xt);class ti extends s.Panel.PanelWithSidebar{profileTypes;profilesItemTreeElement;sidebarTree;profileViews;toolbarElement;toggleRecordAction;toggleRecordButton;clearResultsButton;profileViewToolbar;profileGroups;launcherView;visibleView;profileToView;typeIdToSidebarSection;fileSelectorElement;selectedProfileType;constructor(e,t,i){super(e),this.profileTypes=t;const r=new s.Widget.VBox;this.splitWidget().setMainWidget(r),this.profilesItemTreeElement=new oi(this),this.sidebarTree=new s.TreeOutline.TreeOutlineInShadow,this.sidebarTree.element.classList.add("profiles-sidebar-tree-box"),this.panelSidebarElement().appendChild(this.sidebarTree.element),this.sidebarTree.appendChild(this.profilesItemTreeElement),this.sidebarTree.element.addEventListener("keydown",this.onKeyDown.bind(this),!1),this.profileViews=document.createElement("div"),this.profileViews.id="profile-views",this.profileViews.classList.add("vbox"),r.element.appendChild(this.profileViews),this.toolbarElement=document.createElement("div"),this.toolbarElement.classList.add("profiles-toolbar"),r.element.insertBefore(this.toolbarElement,r.element.firstChild),this.panelSidebarElement().classList.add("profiles-tree-sidebar");const o=document.createElement("div");o.classList.add("profiles-toolbar"),this.panelSidebarElement().insertBefore(o,this.panelSidebarElement().firstChild);const n=new s.Toolbar.Toolbar("",o);this.toggleRecordAction=s.ActionRegistry.ActionRegistry.instance().action(i),this.toggleRecordButton=s.Toolbar.Toolbar.createActionButton(this.toggleRecordAction),n.appendToolbarItem(this.toggleRecordButton),this.clearResultsButton=new s.Toolbar.ToolbarButton(ei(Zt.clearAllProfiles),"clear"),this.clearResultsButton.addEventListener(s.Toolbar.ToolbarButton.Events.Click,this.reset,this),n.appendToolbarItem(this.clearResultsButton),n.appendSeparator(),n.appendToolbarItem(s.Toolbar.Toolbar.createActionButtonForId("components.collect-garbage")),this.profileViewToolbar=new s.Toolbar.Toolbar("",this.toolbarElement),this.profileViewToolbar.makeWrappable(!0),this.profileGroups={},this.launcherView=new xe(this),this.launcherView.addEventListener(ye.ProfileTypeSelected,this.onProfileTypeSelected,this),this.profileToView=[],this.typeIdToSidebarSection={};const a=this.profileTypes;for(let e=0;e<a.length;e++)this.registerProfileType(a[e]);this.launcherView.restoreSelectedProfileType(),this.profilesItemTreeElement.select(),this.showLauncherView(),this.createFileSelectorElement(),this.element.addEventListener("contextmenu",this.handleContextMenuEvent.bind(this),!1),l.TargetManager.TargetManager.instance().addEventListener(l.TargetManager.Events.SuspendStateChanged,this.onSuspendStateChanged,this),s.Context.Context.instance().addFlavorChangeListener(l.CPUProfilerModel.CPUProfilerModel,this.updateProfileTypeSpecificUI,this),s.Context.Context.instance().addFlavorChangeListener(l.HeapProfilerModel.HeapProfilerModel,this.updateProfileTypeSpecificUI,this)}onKeyDown(e){const t=e;let i=!1;"ArrowDown"!==t.key||t.altKey?"ArrowUp"!==t.key||t.altKey||(i=this.sidebarTree.selectPrevious()):i=this.sidebarTree.selectNext(),i&&t.consume(!0)}searchableView(){const e=this.visibleView;return e&&e.searchableView?e.searchableView():null}createFileSelectorElement(){this.fileSelectorElement&&this.element.removeChild(this.fileSelectorElement),this.fileSelectorElement=s.UIUtils.createFileSelectorElement(this.loadFromFile.bind(this)),U(this.fileSelectorElement),this.element.appendChild(this.fileSelectorElement)}findProfileTypeByExtension(e){return this.profileTypes.find((t=>Boolean(t.fileExtension())&&e.endsWith(t.fileExtension()||"")))||null}async loadFromFile(e){this.createFileSelectorElement();const t=this.findProfileTypeByExtension(e.name);if(!t){const e=new Set(this.profileTypes.map((e=>e.fileExtension())).filter((e=>e)));return void o.Console.Console.instance().error(ei(Zt.cantLoadFileSupportedFile,{PH1:Array.from(e).join("', '")}))}if(Boolean(t.profileBeingRecorded()))return void o.Console.Console.instance().error(ei(Zt.cantLoadProfileWhileAnother));const i=await t.loadFromFile(e);i&&"message"in i&&s.UIUtils.MessageDialog.show(ei(Zt.profileLoadingFailedS,{PH1:i.message}))}toggleRecord(){if(!this.toggleRecordAction.enabled())return!0;const t=e.DOMUtilities.deepActiveElement(this.element.ownerDocument),i=this.selectedProfileType;if(!i)return!0;const r=i.buttonClicked();return this.updateToggleRecordAction(r),r?(this.launcherView.profileStarted(),i.hasTemporaryView()&&this.showProfile(i.profileBeingRecorded())):this.launcherView.profileFinished(),t&&t.focus(),!0}onSuspendStateChanged(){this.updateToggleRecordAction(this.toggleRecordAction.toggled())}updateToggleRecordAction(e){const t=Boolean(s.Context.Context.instance().flavor(l.CPUProfilerModel.CPUProfilerModel)||s.Context.Context.instance().flavor(l.HeapProfilerModel.HeapProfilerModel)),i=e||!l.TargetManager.TargetManager.instance().allTargetsSuspended()&&t;this.toggleRecordAction.setEnabled(i),this.toggleRecordAction.setToggled(e),i?this.toggleRecordButton.setTitle(this.selectedProfileType?this.selectedProfileType.buttonTooltip:""):this.toggleRecordButton.setTitle(s.UIUtils.anotherProfilerActiveLabel()),this.selectedProfileType&&this.launcherView.updateProfileType(this.selectedProfileType,i)}profileBeingRecordedRemoved(){this.updateToggleRecordAction(!1),this.launcherView.profileFinished()}onProfileTypeSelected(e){this.selectedProfileType=e.data,this.updateProfileTypeSpecificUI()}updateProfileTypeSpecificUI(){this.updateToggleRecordAction(this.toggleRecordAction.toggled())}reset(){this.profileTypes.forEach((e=>e.reset())),delete this.visibleView,this.profileGroups={},this.updateToggleRecordAction(!1),this.launcherView.profileFinished(),this.sidebarTree.element.classList.remove("some-expandable"),this.launcherView.detach(),this.profileViews.removeChildren(),this.profileViewToolbar.removeToolbarItems(),this.clearResultsButton.element.classList.remove("hidden"),this.profilesItemTreeElement.select(),this.showLauncherView()}showLauncherView(){this.closeVisibleView(),this.profileViewToolbar.removeToolbarItems(),this.launcherView.show(this.profileViews),this.visibleView=this.launcherView,this.toolbarElement.classList.add("hidden")}registerProfileType(e){this.launcherView.addProfileType(e);const t=new ii(this,e);this.typeIdToSidebarSection[e.id]=t,this.sidebarTree.appendChild(t),t.childrenListElement.addEventListener("contextmenu",this.handleContextMenuEvent.bind(this),!1),e.addEventListener(D.ViewUpdated,this.updateProfileTypeSpecificUI,this),e.addEventListener(D.AddProfileHeader,(function(e){this.addProfileHeader(e.data)}),this),e.addEventListener(D.RemoveProfileHeader,(function(e){this.removeProfileHeader(e.data)}),this),e.addEventListener(D.ProfileComplete,(function(e){this.showProfile(e.data)}),this);const i=e.getProfiles();for(let e=0;e<i.length;e++)this.addProfileHeader(i[e])}handleContextMenuEvent(e){const t=new s.ContextMenu.ContextMenu(e);this.panelSidebarElement().isSelfOrAncestor(e.target)&&t.defaultSection().appendItem(ei(Zt.load),this.fileSelectorElement.click.bind(this.fileSelectorElement)),t.show()}showLoadFromFileDialog(){this.fileSelectorElement.click()}addProfileHeader(e){const t=e.profileType().id;this.typeIdToSidebarSection[t].addProfileHeader(e),this.visibleView&&this.visibleView!==this.launcherView||this.showProfile(e)}removeProfileHeader(e){e.profileType().profileBeingRecorded()===e&&this.profileBeingRecordedRemoved();const t=this.indexOfViewForProfile(e);-1!==t&&this.profileToView.splice(t,1);const i=e.profileType().id;this.typeIdToSidebarSection[i].removeProfileHeader(e)&&(this.profilesItemTreeElement.select(),this.showLauncherView())}showProfile(e){if(!e||e.profileType().profileBeingRecorded()===e&&!e.profileType().hasTemporaryView())return null;const t=this.viewForProfile(e);if(t===this.visibleView)return t;this.closeVisibleView(),t.show(this.profileViews),this.toolbarElement.classList.remove("hidden"),this.visibleView=t;const i=this.typeIdToSidebarSection[e.profileType().id].sidebarElementForProfile(e);return i&&i.revealAndSelect(),this.profileViewToolbar.removeToolbarItems(),t.toolbarItems().then((e=>{e.map((e=>this.profileViewToolbar.appendToolbarItem(e)))})),t}showObject(e,t){}async linkifyObject(e){return null}viewForProfile(e){const t=this.indexOfViewForProfile(e);if(-1!==t)return this.profileToView[t].view;const i=e.createView(this);return i.element.classList.add("profile-view"),this.profileToView.push({profile:e,view:i}),i}indexOfViewForProfile(e){return this.profileToView.findIndex((t=>t.profile===e))}closeVisibleView(){this.visibleView&&this.visibleView.detach(),delete this.visibleView}focus(){this.sidebarTree.focus()}wasShown(){super.wasShown(),this.registerCSSFiles([he,pe,ce]),this.sidebarTree.registerCSSFiles([ue])}}class ii extends s.TreeOutline.TreeElement{dataDisplayDelegate;profileTreeElements;profileGroups;constructor(e,t){super(t.treeItemTitle,!0),this.selectable=!1,this.dataDisplayDelegate=e,this.profileTreeElements=[],this.profileGroups={},this.expand(),this.hidden=!0,this.setCollapsible(!1)}addProfileHeader(e){this.hidden=!1;const t=e.profileType();let i=this;const r=e.createSidebarTreeElement(this.dataDisplayDelegate);if(this.profileTreeElements.push(r),!e.fromFile()&&t.profileBeingRecorded()!==e){const t=e.title;let s=this.profileGroups[t];s||(s=new ri,this.profileGroups[t]=s),s.profileSidebarTreeElements.push(r);const o=s.profileSidebarTreeElements.length;if(2===o){s.sidebarTreeElement=new si(this.dataDisplayDelegate,e.title);const t=s.profileSidebarTreeElements[0],i=this.children().indexOf(t);this.insertChild(s.sidebarTreeElement,i);const r=t.selected;this.removeChild(t),s.sidebarTreeElement.appendChild(t),r&&t.revealAndSelect(),t.setSmall(!0),t.setMainTitle(ei(Zt.runD,{PH1:1})),this.treeOutline&&this.treeOutline.element.classList.add("some-expandable")}o>=2&&(i=s.sidebarTreeElement,r.setSmall(!0),r.setMainTitle(ei(Zt.runD,{PH1:o})))}i&&i.appendChild(r)}removeProfileHeader(e){const t=this.sidebarElementIndex(e);if(-1===t)return!1;const i=this.profileTreeElements[t];this.profileTreeElements.splice(t,1);let r=this;const s=this.profileGroups[e.title];if(s){const t=s.profileSidebarTreeElements;if(t.splice(t.indexOf(i),1),1===t.length){const i=r.children().indexOf(s.sidebarTreeElement);s.sidebarTreeElement&&s.sidebarTreeElement.removeChild(t[0]),this.insertChild(t[0],i),t[0].setSmall(!1),t[0].setMainTitle(e.title),s.sidebarTreeElement&&this.removeChild(s.sidebarTreeElement)}0!==t.length&&(r=s.sidebarTreeElement)}return r&&r.removeChild(i),i.dispose(),!this.childCount()&&(this.hidden=!0,!0)}sidebarElementForProfile(e){const t=this.sidebarElementIndex(e);return-1===t?null:this.profileTreeElements[t]}sidebarElementIndex(e){const t=this.profileTreeElements;for(let i=0;i<t.length;i++)if(t[i].profile===e)return i;return-1}onattach(){this.listItemElement.classList.add("profiles-tree-section")}}class ri{profileSidebarTreeElements;sidebarTreeElement;constructor(){this.profileSidebarTreeElements=[],this.sidebarTreeElement=null}}class si extends s.TreeOutline.TreeElement{dataDisplayDelegate;profileTitle;toggleOnClick;constructor(e,t){super("",!0),this.selectable=!1,this.dataDisplayDelegate=e,this.profileTitle=t,this.expand(),this.toggleOnClick=!0}onselect(){const e=this.childCount()>0;if(e){const e=this.lastChild();e instanceof A&&this.dataDisplayDelegate.showProfile(e.profile)}return e}onattach(){this.listItemElement.classList.add("profile-group-sidebar-tree-item"),this.listItemElement.createChild("div","icon"),this.listItemElement.createChild("div","titles no-subtitle").createChild("span","title-container").createChild("span","title").textContent=this.profileTitle}}class oi extends s.TreeOutline.TreeElement{panel;constructor(e){super("",!1),this.selectable=!0,this.panel=e}onselect(){return this.panel.showLauncherView(),!0}onattach(){this.listItemElement.classList.add("profile-launcher-view-tree-item"),this.listItemElement.createChild("div","icon"),this.listItemElement.createChild("div","titles no-subtitle").createChild("span","title-container").createChild("span","title").textContent=ei(Zt.profiles)}}let ni;class ai extends ti{constructor(){super("js_profiler",[Kt.cpuProfileType],"profiler.js-toggle-recording"),this.splitWidget().mainWidget()?.setMinimumSize(350,0),c.Runtime.experiments.isEnabled(c.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI)||(c.Runtime.experiments.isEnabled("jsProfilerTemporarilyEnable")?this.#t():this.#i())}static instance(e={forceNew:null}){const{forceNew:t}=e;return ni&&!t||(ni=new ai),ni}#t(){function e(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://github.com/ChromeDevTools/rfcs/discussions/2")}const t=new s.Infobar.Infobar(s.Infobar.Type.Warning,ei(Zt.deprecationWarnMsg),[{text:ei(Zt.learnMore),highlight:!1,delegate:e,dismiss:!1},{text:ei(Zt.feedback),highlight:!1,delegate:e,dismiss:!1},{text:ei(Zt.goToPerformancePanel),highlight:!0,delegate:async function(){await s.InspectorView.InspectorView.instance().showPanel("timeline")},dismiss:!1}],void 0);t.setParentView(this),this.splitWidget().mainWidget()?.element.prepend(t.element)}#i(){const e=this.splitWidget().mainWidget();if(e?.detachChildWidgets(),e){const t=new s.Widget.VBox;t.contentElement.classList.add("empty-landing-page","fill");const i=t.contentElement.createChild("div");i.createChild("p").textContent="This panel is deprecated and will be removed in the next version. Use the Performance panel to record JavaScript CPU profiles.",i.createChild("p").textContent="You can temporarily enable this panel with Settings > Experiments > Enable JavaScript Profiler.",i.appendChild(s.UIUtils.createTextButton(ei(Zt.goToPerformancePanel),(async function(){await s.InspectorView.InspectorView.instance().showPanel("timeline")}),"infobar-button primary-button")),i.appendChild(s.UIUtils.createTextButton(ei(Zt.learnMore),(function(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://developer.chrome.com/blog/js-profiler-deprecation/")}))),i.appendChild(s.UIUtils.createTextButton(ei(Zt.feedback),(function(){a.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab("https://bugs.chromium.org/p/chromium/issues/detail?id=1354548")}))),i.appendChild(s.UIUtils.createTextButton(ei(Zt.enableThisPanelTemporarily),(async function(){await s.ViewManager.ViewManager.instance().showView("experiments");(await s.ViewManager.ViewManager.instance().view("experiments").widget()).setFilter("Enable JavaScript Profiler temporarily")}))),t.show(e.element)}}wasShown(){super.wasShown(),s.Context.Context.instance().setFlavor(ai,this)}willHide(){s.Context.Context.instance().setFlavor(ai,null)}handleAction(e,t){const i=s.Context.Context.instance().flavor(ai);if(!(i instanceof ai))throw new Error("non-null JSProfilerPanel expected!");return i.toggleRecord(),!0}}var li=Object.freeze({__proto__:null,ProfilesPanel:ti,ProfileTypeSidebarSection:ii,ProfileGroup:ri,ProfileGroupSidebarTreeElement:si,ProfilesSidebarTreeElement:oi,JSProfilerPanel:ai});const di={revealInSummaryView:"Reveal in Summary view"},hi=t.i18n.registerUIStrings("panels/profiler/HeapProfilerPanel.ts",di),ci=t.i18n.getLocalizedString.bind(void 0,hi);let pi;class ui extends ti{constructor(){const e=Kt;super("heap_profiler",[e.heapSnapshotProfileType,e.trackingHeapSnapshotProfileType,e.samplingHeapProfileType],"profiler.heap-toggle-recording")}static instance(){return pi||(pi=new ui),pi}appendApplicableItems(e,t,i){if(!(i instanceof l.RemoteObject.RemoteObject))return;if(!this.isShowing())return;const r=i;if(!r.objectId)return;const s=r.objectId;if(!Kt.heapSnapshotProfileType.getProfiles().length)return;const o=r.runtimeModel().heapProfilerModel();o&&t.revealSection().appendItem(ci(di.revealInSummaryView),function(e){o.snapshotObjectIdForObjectId(s).then((t=>{this.isShowing()&&t&&this.showObject(t,e)}))}.bind(this,"Summary"))}handleAction(e,t){const i=s.Context.Context.instance().flavor(ui);return console.assert(Boolean(i)&&i instanceof ui),i&&i.toggleRecord(),!0}wasShown(){super.wasShown(),s.Context.Context.instance().setFlavor(ui,this),a.userMetrics.panelLoaded("heap_profiler","DevTools.Launch.HeapProfiler")}willHide(){s.Context.Context.instance().setFlavor(ui,null)}showObject(e,t){const i=Kt.heapSnapshotProfileType.getProfiles();for(let r=0;r<i.length;r++){const s=i[r];if(s.maxJSObjectId>=parseInt(e,10)){this.showProfile(s);this.viewForProfile(s).selectLiveObject(t,e);break}}}}var mi=Object.freeze({__proto__:null,HeapProfilerPanel:ui});const fi=new CSSStyleSheet;fi.replaceSync(".data-grid{border:none}.data-grid td .size-units{margin-left:4px;font-size:75%}.data-grid tr:not(.selected) td .size-units{color:var(--color-text-secondary)}.toolbar{border-bottom:1px solid var(--color-details-hairline)}\n/*# sourceURL=liveHeapProfile.css */\n");const gi={jsHeap:"JS Heap",allocatedJsHeapSizeCurrentlyIn:"Allocated JS heap size currently in use",vms:"VMs",numberOfVmsSharingTheSameScript:"Number of VMs sharing the same script source",scriptUrl:"Script URL",urlOfTheScriptSource:"URL of the script source",heapProfile:"Heap Profile",anonymousScriptS:"(Anonymous Script {PH1})",kb:"kB"},vi=t.i18n.registerUIStrings("panels/profiler/LiveHeapProfileView.ts",gi),wi=t.i18n.getLocalizedString.bind(void 0,vi);let Si,bi;class Ci extends s.Widget.VBox{gridNodeByUrl;setting;toggleRecordAction;toggleRecordButton;startWithReloadButton;dataGrid;currentPollId;constructor(){super(!0),this.gridNodeByUrl=new Map,this.setting=o.Settings.Settings.instance().moduleSetting("memoryLiveHeapProfile");const e=new s.Toolbar.Toolbar("live-heap-profile-toolbar",this.contentElement);this.toggleRecordAction=s.ActionRegistry.ActionRegistry.instance().action("live-heap-profile.toggle-recording"),this.toggleRecordButton=s.Toolbar.Toolbar.createActionButton(this.toggleRecordAction),this.toggleRecordButton.setToggled(this.setting.get()),e.appendToolbarItem(this.toggleRecordButton);const t=l.TargetManager.TargetManager.instance().primaryPageTarget();if(t&&t.model(l.ResourceTreeModel.ResourceTreeModel)){const t=s.ActionRegistry.ActionRegistry.instance().action("live-heap-profile.start-with-reload");this.startWithReloadButton=s.Toolbar.Toolbar.createActionButton(t),e.appendToolbarItem(this.startWithReloadButton)}this.dataGrid=this.createDataGrid(),this.dataGrid.asWidget().show(this.contentElement),this.currentPollId=0}static instance(){return Si||(Si=new Ci),Si}createDataGrid(){const e={id:"",title:o.UIString.LocalizedEmptyString,width:void 0,fixedWidth:!0,sortable:!0,align:r.DataGrid.Align.Right,sort:r.DataGrid.Order.Descending,titleDOMFragment:void 0,editable:void 0,nonSelectable:void 0,longText:void 0,disclosure:void 0,weight:void 0,allowInSortByEvenWhenHidden:void 0,dataType:void 0,defaultWeight:void 0},t=[{...e,id:"size",title:wi(gi.jsHeap),width:"72px",fixedWidth:!0,sortable:!0,align:r.DataGrid.Align.Right,sort:r.DataGrid.Order.Descending,tooltip:wi(gi.allocatedJsHeapSizeCurrentlyIn)},{...e,id:"isolates",title:wi(gi.vms),width:"40px",fixedWidth:!0,align:r.DataGrid.Align.Right,tooltip:wi(gi.numberOfVmsSharingTheSameScript)},{...e,id:"url",title:wi(gi.scriptUrl),fixedWidth:!1,sortable:!0,tooltip:wi(gi.urlOfTheScriptSource)}],i=new r.SortableDataGrid.SortableDataGrid({displayName:wi(gi.heapProfile),columns:t,editCallback:void 0,deleteCallback:void 0,refreshCallback:void 0});i.setResizeMethod(r.DataGrid.ResizeMethod.Last),i.element.classList.add("flex-auto"),i.element.addEventListener("keydown",this.onKeyDown.bind(this),!1),i.addEventListener(r.DataGrid.Events.OpenedNode,this.revealSourceForSelectedNode,this),i.addEventListener(r.DataGrid.Events.SortingChanged,this.sortingChanged,this);for(const e of t){const t=i.headerTableHeader(e.id);t&&t.setAttribute("title",e.tooltip)}return i}wasShown(){super.wasShown(),this.poll(),this.registerCSSFiles([fi]),this.setting.addChangeListener(this.settingChanged,this)}willHide(){++this.currentPollId,this.setting.removeChangeListener(this.settingChanged,this)}settingChanged(e){this.toggleRecordButton.setToggled(e.data)}async poll(){const e=this.currentPollId;do{const t=Array.from(l.IsolateManager.IsolateManager.instance().isolates()),i=await Promise.all(t.map((e=>{const t=e.heapProfilerModel();return t?t.getSamplingProfile():null})));if(this.currentPollId!==e)return;this.update(t,i),await new Promise((e=>window.setTimeout(e,3e3)))}while(this.currentPollId===e)}update(e,t){const i=new Map;t.forEach(((t,i)=>{t&&o(e[i],"",t.head)}));const r=this.dataGrid.rootNode(),s=new Set;for(const e of i){const t=e[0],i=e[1].size,o=e[1].isolates.size;if(!t){console.info(`Node with empty URL: ${i} bytes`);continue}let n=this.gridNodeByUrl.get(t);n?n.updateNode(i,o):(n=new Pi(t,i,o),this.gridNodeByUrl.set(t,n),r.appendChild(n)),s.add(n)}for(const e of r.children.slice()){s.has(e)||e.remove();const t=e;this.gridNodeByUrl.delete(t.url)}function o(e,t,r){const s=r.callFrame.url||t||function(e){const t=e.callFrame.functionName;return t.startsWith("(")&&"(root)"!==t?t:""}(r)||function(e){return Number(e.callFrame.scriptId)?wi(gi.anonymousScriptS,{PH1:e.callFrame.scriptId}):""}(r);if(r.children.forEach(o.bind(null,e,s)),!r.selfSize)return;let n=i.get(s);n||(n={size:0,isolates:new Set},i.set(s,n)),n.size+=r.selfSize,n.isolates.add(e)}this.sortingChanged()}onKeyDown(e){"Enter"===e.key&&(e.consume(!0),this.revealSourceForSelectedNode())}revealSourceForSelectedNode(){const e=this.dataGrid.selectedNode;if(!e||!e.url)return;const t=m.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(e.url);t&&o.Revealer.reveal(t)}sortingChanged(){const e=this.dataGrid.sortColumnId();if(!e)return;const t="url"===e?function(e,t){return t.url.localeCompare(e.url)}:function(e,t){return t.size-e.size};this.dataGrid.sortNodes(t,this.dataGrid.isSortOrderAscending())}toggleRecording(){!this.setting.get()?this.startRecording(!1):this.stopRecording()}startRecording(e){if(this.setting.set(!0),!e)return;const t=l.TargetManager.TargetManager.instance().primaryPageTarget();if(!t)return;const i=t.model(l.ResourceTreeModel.ResourceTreeModel);i&&i.reloadPage()}async stopRecording(){this.setting.set(!1)}}class Pi extends r.SortableDataGrid.SortableDataGridNode{url;size;isolateCount;constructor(e,t,i){super(),this.url=e,this.size=t,this.isolateCount=i}updateNode(e,t){this.size===e&&this.isolateCount===t||(this.size=e,this.isolateCount=t,this.refresh())}createCell(t){const i=this.createTD(t);switch(t){case"url":i.textContent=this.url;break;case"size":i.textContent=e.NumberUtilities.withThousandsSeparator(Math.round(this.size/1e3)),i.createChild("span","size-units").textContent=wi(gi.kb);break;case"isolates":i.textContent=`${this.isolateCount}`}return i}}class Ti{static instance(e={forceNew:null}){const{forceNew:t}=e;return bi&&!t||(bi=new Ti),bi}handleAction(e,t){return(async()=>{const e="live_heap_profile";await s.ViewManager.ViewManager.instance().showView(e);const i=s.ViewManager.ViewManager.instance().view(e);if(i){const e=await i.widget();this.innerHandleAction(e,t)}})(),!0}innerHandleAction(e,t){switch(t){case"live-heap-profile.toggle-recording":e.toggleRecording();break;case"live-heap-profile.start-with-reload":e.startRecording(!0);break;default:console.assert(!1,`Unknown action: ${t}`)}}}var xi=Object.freeze({__proto__:null,LiveHeapProfileView:Ci,GridNode:Pi,ActionDelegate:Ti});export{T as BottomUpProfileDataGrid,M as CPUProfileFlameChart,de as CPUProfileView,x as ChildrenProvider,_e as HeapProfileView,mi as HeapProfilerPanel,bt as HeapSnapshotDataGrids,ot as HeapSnapshotGridNodes,Nt as HeapSnapshotProxy,qt as HeapSnapshotView,De as HeapTimelineOverview,Se as IsolateSelector,xi as LiveHeapProfileView,b as ProfileDataGrid,j as ProfileHeader,Ie as ProfileLauncherView,W as ProfileSidebarTreeElement,Yt as ProfileTypeRegistry,ee as ProfileView,li as ProfilesPanel,$ as TopDownProfileDataGrid};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/panels/rn_welcome/rn_welcome.js b/packages/debugger-frontend/dist/third-party/front_end/panels/rn_welcome/rn_welcome.js
index 7f74fa4d8da6..1507012ddf5b 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/rn_welcome/rn_welcome.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/rn_welcome/rn_welcome.js
@@ -1 +1 @@
-import*as e from"../../ui/legacy/legacy.js";import*as t from"../../core/i18n/i18n.js";import*as n from"../../ui/lit-html/lit-html.js";const i=new CSSStyleSheet;i.replaceSync('.rn-welcome-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;background-color:var(--color-background-elevation-0)}.rn-welcome-header{display:flex;align-items:center;margin-bottom:16px}.rn-welcome-icon{width:30px;height:30px;border-radius:4px;margin-right:12px}.rn-welcome-title{font-size:20px;color:var(--color-text-primary)}.rn-welcome-tagline{margin-bottom:24px;font-size:1rem;line-height:1.3;color:var(--color-text-secondary)}.rn-welcome-links{display:flex;align-items:center}.rn-welcome-links > .devtools-link{position:relative;margin:0 16px;font-size:14px}.rn-welcome-links > .devtools-link:not(:last-child)::after{content:"";position:absolute;right:-16px;height:16px;border-right:1px solid var(--color-details-hairline)}\n/*# sourceURL=rnWelcome.css */\n');const o={debuggerBrandName:"React Native JS Inspector",welcomeMessage:"Welcome to debugging in React Native",docsLabel:"Debugging docs",whatsNewLabel:"What's new"},{render:r,html:l}=n,s=t.i18n.registerUIStrings("panels/rn_welcome/RNWelcome.ts",o),c=t.i18n.getLocalizedString.bind(void 0,s);let a;class d extends e.Widget.VBox{static instance(e={forceNew:null}){const{forceNew:t}=e;return a&&!t||(a=new d),a}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.registerCSSFiles([i]),this.render(),e.InspectorView.InspectorView.instance().showDrawer(!0)}render(){const e=new URL("../../Images/react_native/welcomeIcon.png",import.meta.url).toString();r(l` <div class="rn-welcome-panel"> <div class="rn-welcome-header"> <img class="rn-welcome-icon" src="${e}" role="presentation"> <div class="rn-welcome-title"> ${c(o.debuggerBrandName)} </div> </div> <div class="rn-welcome-tagline"> ${c(o.welcomeMessage)} </div> <div class="rn-welcome-links"> <x-link class="devtools-link" href="https://reactnative.dev/docs/next/debugging"> ${c(o.docsLabel)} </x-link> <x-link class="devtools-link" href="https://reactnative.dev/blog/tags/debugging"> ${c(o.whatsNewLabel)} </x-link> </div> </div> `,this.contentElement,{host:this})}}var g=Object.freeze({__proto__:null,RNWelcomeImpl:d});export{g as RNWelcome};
+import*as e from"../../ui/legacy/legacy.js";import*as r from"../../core/i18n/i18n.js";import*as t from"../../ui/lit-html/lit-html.js";const o=new CSSStyleSheet;o.replaceSync('.rn-welcome-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;background-color:var(--color-background-elevation-0)}.rn-welcome-header{display:flex;align-items:center;margin-bottom:16px}.rn-welcome-icon{width:30px;height:30px;border-radius:4px;margin-right:12px}.rn-welcome-title{font-size:20px;color:var(--color-text-primary)}.rn-welcome-title-accessory{margin-left:12px;padding:4px 8px;border-radius:4px;background-color:var(--color-purple-bright);font-size:12px;color:var(--color-on-primary)}.rn-welcome-tagline{margin-bottom:24px;font-size:1rem;line-height:1.3;color:var(--color-text-secondary)}.rn-welcome-links{display:flex;align-items:center}.rn-welcome-links > .devtools-link{position:relative;margin:0 16px;font-size:14px}.rn-welcome-links > .devtools-link:not(:last-child)::after{content:"";position:absolute;right:-16px;height:16px;border-right:1px solid var(--color-details-hairline)}\n/*# sourceURL=rnWelcome.css */\n');const n={debuggerBrandName:"React Native JS Inspector",techPreviewLabel:"Technology Preview",welcomeMessage:"Welcome to debugging in React Native",docsLabel:"Debugging docs",whatsNewLabel:"What's new"},{render:i,html:l}=t,s=r.i18n.registerUIStrings("panels/rn_welcome/RNWelcome.ts",n),c=r.i18n.getLocalizedString.bind(void 0,s);let a;class d extends e.Widget.VBox{static instance(e={forceNew:null}){const{forceNew:r}=e;return a&&!r||(a=new d),a}constructor(){super(!0,!0)}wasShown(){super.wasShown(),this.registerCSSFiles([o]),this.render(),e.InspectorView.InspectorView.instance().showDrawer(!0)}render(){const e=new URL("../../Images/react_native/welcomeIcon.png",import.meta.url).toString();i(l` <div class="rn-welcome-panel"> <div class="rn-welcome-header"> <img class="rn-welcome-icon" src="${e}" role="presentation"> <div class="rn-welcome-title"> ${c(n.debuggerBrandName)} </div> <div class="rn-welcome-title-accessory"> ${c(n.techPreviewLabel)} </div> </div> <div class="rn-welcome-tagline"> ${c(n.welcomeMessage)} </div> <div class="rn-welcome-links"> <x-link class="devtools-link" href="https://reactnative.dev/docs/debugging"> ${c(n.docsLabel)} </x-link> <x-link class="devtools-link" href="https://reactnative.dev/blog"> ${c(n.whatsNewLabel)} </x-link> </div> </div> `,this.contentElement,{host:this})}}var m=Object.freeze({__proto__:null,RNWelcomeImpl:d});export{m as RNWelcome};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/rn_inspector.html b/packages/debugger-frontend/dist/third-party/front_end/rn_inspector.html
index d06c98426a7d..8240cf910ef7 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/rn_inspector.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/rn_inspector.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/rn_inspector/rn_inspector.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/dist/third-party/front_end/worker_app.html b/packages/debugger-frontend/dist/third-party/front_end/worker_app.html
index c76371f81a3f..060998a61b47 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/worker_app.html
+++ b/packages/debugger-frontend/dist/third-party/front_end/worker_app.html
@@ -6,7 +6,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
-<title>DevTools</title>
+<title>DevTools (React Native)</title>
 <style>
   @media (prefers-color-scheme: dark) {
     body {
@@ -16,5 +16,6 @@
 </style>
 <meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'self' 'unsafe-eval' https://chrome-devtools-frontend.appspot.com">
 <meta name="referrer" content="no-referrer">
+<link rel="icon" href="./Images/favicon.ico">
 <script type="module" src="./entrypoints/worker_app/worker_app.js"></script>
 <body class="undocked" id="-blink-dev-tools">
diff --git a/packages/debugger-frontend/package.json b/packages/debugger-frontend/package.json
index 55ff9250d0b2..cc04b73cf6b6 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.88",
   "description": "Debugger frontend for React Native based on Chrome DevTools",
   "keywords": [
     "react-native",
diff --git a/packages/dev-middleware/README.md b/packages/dev-middleware/README.md
index 6edfa45dcf38..417f87e1de52 100644
--- a/packages/dev-middleware/README.md
+++ b/packages/dev-middleware/README.md
@@ -58,6 +58,10 @@ Returns the list of available WebSocket targets for all connected React Native a
 
 Returns version metadata used by Chrome DevTools.
 
+#### GET `/debugger-frontend`
+
+Subpaths of this endpoint are reserved to serve the JavaScript debugger frontend.
+
 #### POST `/open-debugger`
 
 Open the JavaScript debugger for a given CDP target (direct Hermes debugging).
diff --git a/packages/dev-middleware/package.json b/packages/dev-middleware/package.json
index cf44092dc1cc..1eb6d35b1dd8 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.88",
   "description": "Dev server middleware for React Native",
   "keywords": [
     "react-native",
@@ -23,16 +23,25 @@
   ],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "^0.73.0",
+    "@react-native/debugger-frontend": "0.74.88",
+    "@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 000000000000..9de0a10161bd
--- /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 000000000000..98fbe08d0b1e
--- /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 000000000000..0ccf1f397127
--- /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 000000000000..b537323e7f47
--- /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 000000000000..51545ecd9be7
--- /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 000000000000..6d76d304e846
--- /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__/InspectorProxyCustomMessageHandler-test.js b/packages/dev-middleware/src/__tests__/InspectorProxyCustomMessageHandler-test.js
new file mode 100644
index 000000000000..92c0eab475b3
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyCustomMessageHandler-test.js
@@ -0,0 +1,394 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 {baseUrlForServer, createServer} 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 device message middleware', () => {
+  const autoCleanup = withAbortSignalForEachTest();
+  const page = {
+    id: 'page1',
+    app: 'bar-app',
+    title: 'bar-title',
+    vm: 'bar-vm',
+  };
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('middleware is created with device, debugger, and page information', async () => {
+    const createCustomMessageHandler = jest.fn().mockImplementation(() => null);
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: createCustomMessageHandler,
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Ensure the middleware was created with the device information
+      await until(() =>
+        expect(createCustomMessageHandler).toBeCalledWith(
+          expect.objectContaining({
+            page: expect.objectContaining({
+              ...page,
+              capabilities: expect.any(Object),
+            }),
+            device: expect.objectContaining({
+              appId: expect.any(String),
+              id: expect.any(String),
+              name: expect.any(String),
+              sendMessage: expect.any(Function),
+            }),
+            debugger: expect.objectContaining({
+              userAgent: null,
+              sendMessage: expect.any(Function),
+            }),
+          }),
+        ),
+      );
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('middleware is created with device, debugger, and page information for synthetic reloadable page', async () => {
+    const createCustomMessageHandler = jest.fn().mockImplementation(() => null);
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: createCustomMessageHandler,
+    });
+    const {serverBaseUrl, serverBaseWsUrl} = serverRefUrls(server);
+
+    let device, debugger_;
+    try {
+      device = await createDeviceMock(
+        `${serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      // Mock the device to return a normal React (Native) page
+      device.getPages.mockImplementation(() => [
+        {
+          ...page,
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+        },
+      ]);
+
+      // Retrieve the full page list from device
+      let pageList;
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList.length).toBeGreaterThan(0);
+      });
+      invariant(pageList != null, '');
+
+      // Find the synthetic page
+      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 the debugger to this synthetic page
+      debugger_ = await createDebuggerMock(
+        syntheticPage.webSocketDebuggerUrl,
+        autoCleanup.signal,
+      );
+
+      // Ensure the middleware was created with the device information
+      await until(() =>
+        expect(createCustomMessageHandler).toBeCalledWith(
+          expect.objectContaining({
+            page: expect.objectContaining({
+              id: expect.any(String),
+              title: syntheticPage.title,
+              vm: syntheticPage.vm,
+              app: expect.any(String),
+              capabilities: expect.any(Object),
+            }),
+            device: expect.objectContaining({
+              appId: expect.any(String),
+              id: expect.any(String),
+              name: expect.any(String),
+              sendMessage: expect.any(Function),
+            }),
+            debugger: expect.objectContaining({
+              userAgent: null,
+              sendMessage: expect.any(Function),
+            }),
+          }),
+        ),
+      );
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('send message functions are passing messages to sockets', async () => {
+    const handleDebuggerMessage = jest.fn();
+    const handleDeviceMessage = jest.fn();
+    const createCustomMessageHandler = jest.fn().mockImplementation(() => ({
+      handleDebuggerMessage,
+      handleDeviceMessage,
+    }));
+
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: createCustomMessageHandler,
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Ensure the middleware was created with the send message methods
+      await until(() =>
+        expect(createCustomMessageHandler).toBeCalledWith(
+          expect.objectContaining({
+            device: expect.objectContaining({
+              sendMessage: expect.any(Function),
+            }),
+            debugger: expect.objectContaining({
+              sendMessage: expect.any(Function),
+            }),
+          }),
+        ),
+      );
+
+      // Send a message to the device
+      createCustomMessageHandler.mock.calls[0][0].device.sendMessage({
+        id: 1,
+      });
+      // Ensure the device received the message
+      await until(() =>
+        expect(device.wrappedEvent).toBeCalledWith({
+          event: 'wrappedEvent',
+          payload: {
+            pageId: page.id,
+            wrappedEvent: JSON.stringify({id: 1}),
+          },
+        }),
+      );
+
+      // Send a message to the debugger
+      createCustomMessageHandler.mock.calls[0][0].debugger.sendMessage({
+        id: 2,
+      });
+      // Ensure the debugger received the message
+      await until(() =>
+        expect(debugger_.handle).toBeCalledWith({
+          id: 2,
+        }),
+      );
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('device message is passed to message middleware', async () => {
+    const handleDeviceMessage = jest.fn();
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: () => ({
+        handleDeviceMessage,
+        handleDebuggerMessage() {},
+      }),
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Send a message from the device, and ensure the middleware received it
+      device.sendWrappedEvent(page.id, {id: 1337});
+
+      // Ensure the debugger received the message
+      await until(() => expect(debugger_.handle).toBeCalledWith({id: 1337}));
+      // Ensure the middleware received the message
+      await until(() => expect(handleDeviceMessage).toBeCalled());
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('device message stops propagating when handled by middleware', async () => {
+    const handleDeviceMessage = jest.fn();
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: () => ({
+        handleDeviceMessage,
+        handleDebuggerMessage() {},
+      }),
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Stop the first message from propagating by returning true (once) from middleware
+      handleDeviceMessage.mockReturnValueOnce(true);
+
+      // Send the first message which should NOT be received by the debugger
+      device.sendWrappedEvent(page.id, {id: -1});
+      await until(() => expect(handleDeviceMessage).toBeCalled());
+
+      // Send the second message which should be received by the debugger
+      device.sendWrappedEvent(page.id, {id: 1337});
+
+      // Ensure only the last message was received by the debugger
+      await until(() => expect(debugger_.handle).toBeCalledWith({id: 1337}));
+      // Ensure the first message was not received by the debugger
+      expect(debugger_.handle).not.toBeCalledWith({id: -1});
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('debugger message is passed to message middleware', async () => {
+    const handleDebuggerMessage = jest.fn();
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: () => ({
+        handleDeviceMessage() {},
+        handleDebuggerMessage,
+      }),
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Send a message from the debugger
+      const message = {
+        method: 'Runtime.enable',
+        id: 1337,
+      };
+      debugger_.send(message);
+
+      // Ensure the device received the message
+      await until(() => expect(device.wrappedEvent).toBeCalled());
+      // Ensure the middleware received the message
+      await until(() => expect(handleDebuggerMessage).toBeCalledWith(message));
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+
+  test('debugger message stops propagating when handled by middleware', async () => {
+    const handleDebuggerMessage = jest.fn();
+    const {server} = await createServer({
+      logger: undefined,
+      projectRoot: '',
+      unstable_customInspectorMessageHandler: () => ({
+        handleDeviceMessage() {},
+        handleDebuggerMessage,
+      }),
+    });
+
+    let device, debugger_;
+    try {
+      ({device, debugger_} = await createAndConnectTarget(
+        serverRefUrls(server),
+        autoCleanup.signal,
+        page,
+      ));
+
+      // Stop the first message from propagating by returning true (once) from middleware
+      handleDebuggerMessage.mockReturnValueOnce(true);
+
+      // Send the first emssage which should not be received by the device
+      debugger_.send({id: -1});
+      // Send the second message which should be received by the device
+      debugger_.send({id: 1337});
+
+      // Ensure only the last message was received by the device
+      await until(() =>
+        expect(device.wrappedEvent).toBeCalledWith({
+          event: 'wrappedEvent',
+          payload: {pageId: page.id, wrappedEvent: JSON.stringify({id: 1337})},
+        }),
+      );
+      // Ensure the first message was not received by the device
+      expect(device.wrappedEvent).not.toBeCalledWith({id: -1});
+    } finally {
+      device?.close();
+      debugger_?.close();
+      await closeServer(server);
+    }
+  });
+});
+
+function serverRefUrls(server: http$Server | https$Server) {
+  return {
+    serverBaseUrl: baseUrlForServer(server, 'http'),
+    serverBaseWsUrl: baseUrlForServer(server, 'ws'),
+  };
+}
+
+async function closeServer(server: http$Server | https$Server): Promise<void> {
+  return new Promise(resolve => server.close(() => resolve()));
+}
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 000000000000..e5501b8e3ceb
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js
@@ -0,0 +1,377 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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, fetchLocal} from './FetchUtils';
+import {createDeviceMock} from './InspectorDeviceUtils';
+import {withAbortSignalForEachTest} from './ResourceUtils';
+import {withServerForEachTest} from './ServerUtils';
+
+import nullthrows from 'nullthrows';
+
+// 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();
+        }
+      });
+    });
+
+    test('handles Unicode data safely', async () => {
+      const device = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app 📱',
+            id: 'page1 🛂',
+            title: 'bar-title 📰',
+            vm: 'bar-vm 🤖',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const json = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+        expect(json).toEqual([
+          expect.objectContaining({
+            description: 'bar-app 📱',
+            deviceName: 'foo',
+            id: 'device1-page1 🛂',
+            title: 'bar-title 📰',
+            vm: 'bar-vm 🤖',
+          }),
+        ]);
+      } finally {
+        device.close();
+      }
+    });
+
+    test('includes a valid Content-Length header', async () => {
+      // NOTE: This test is needed because chrome://inspect's HTTP client is picky
+      // and doesn't accept responses without a Content-Length header.
+      const device = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const response = await fetchLocal(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+        expect(response.headers.get('Content-Length')).not.toBeNull();
+      } finally {
+        device.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 000000000000..a89ddbd08ed5
--- /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 000000000000..0ad12756c64c
--- /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 000000000000..bcc3db08115c
--- /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 000000000000..257cc5642cb1
--- /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 000000000000..8c0813b40720
--- /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 000000000000..3d0818efc257
--- /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 2e5cf12b1c28..8766811b8885 100644
--- a/packages/dev-middleware/src/createDevMiddleware.js
+++ b/packages/dev-middleware/src/createDevMiddleware.js
@@ -9,20 +9,21 @@
  * @oncall react_native
  */
 
-import type {NextHandleFunction} from 'connect';
+import type {CreateCustomMessageHandlerFn} from './inspector-proxy/CustomMessageHandler';
 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';
-// $FlowFixMe[untyped-import] TODO: type serve-static
 import serveStaticMiddleware from 'serve-static';
-import openDebuggerMiddleware from './middleware/openDebuggerMiddleware';
-import InspectorProxy from './inspector-proxy/InspectorProxy';
-import DefaultBrowserLauncher from './utils/DefaultBrowserLauncher';
 
 type Options = $ReadOnly<{
   projectRoot: string,
@@ -59,6 +60,14 @@ type Options = $ReadOnly<{
    * This is an unstable API with no semver guarantees.
    */
   unstable_experiments?: ExperimentsConfig,
+
+  /**
+   * Create custom handler to add support for unsupported CDP events, or debuggers.
+   * This handler is instantiated per logical device and debugger pair.
+   *
+   * This is an unstable API with no semver guarantees.
+   */
+  unstable_customInspectorMessageHandler?: CreateCustomMessageHandlerFn,
 }>;
 
 type DevMiddlewareAPI = $ReadOnly<{
@@ -73,6 +82,7 @@ export default function createDevMiddleware({
   unstable_browserLauncher = DefaultBrowserLauncher,
   unstable_eventReporter,
   unstable_experiments: experimentConfig = {},
+  unstable_customInspectorMessageHandler,
 }: Options): DevMiddlewareAPI {
   const experiments = getExperiments(experimentConfig);
 
@@ -81,19 +91,24 @@ export default function createDevMiddleware({
     serverBaseUrl,
     unstable_eventReporter,
     experiments,
+    unstable_customInspectorMessageHandler,
   );
 
   const middleware = connect()
     .use(
       '/open-debugger',
-      openDebuggerMiddleware({
-        serverBaseUrl,
-        inspectorProxy,
-        browserLauncher: unstable_browserLauncher,
-        eventReporter: unstable_eventReporter,
-        experiments,
-        logger,
-      }),
+      experiments.enableNewDebugger
+        ? openDebuggerMiddleware({
+            serverBaseUrl,
+            inspectorProxy,
+            browserLauncher: unstable_browserLauncher,
+            eventReporter: unstable_eventReporter,
+            experiments,
+            logger,
+          })
+        : deprecated_openFlipperMiddleware({
+            logger,
+          }),
     )
     .use(
       '/debugger-frontend',
@@ -111,7 +126,8 @@ export default function createDevMiddleware({
 
 function getExperiments(config: ExperimentsConfig): Experiments {
   return {
-    enableCustomDebuggerFrontend: config.enableCustomDebuggerFrontend ?? false,
+    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 4060a2bb2d4c..7afbbdbd8894 100644
--- a/packages/dev-middleware/src/index.flow.js
+++ b/packages/dev-middleware/src/index.flow.js
@@ -13,3 +13,8 @@ export {default as createDevMiddleware} from './createDevMiddleware';
 
 export type {BrowserLauncher, LaunchedBrowser} from './types/BrowserLauncher';
 export type {EventReporter, ReportableEvent} from './types/EventReporter';
+export type {
+  CustomMessageHandler,
+  CustomMessageHandlerConnection,
+  CreateCustomMessageHandlerFn,
+} from './inspector-proxy/CustomMessageHandler';
diff --git a/packages/dev-middleware/src/inspector-proxy/CustomMessageHandler.js b/packages/dev-middleware/src/inspector-proxy/CustomMessageHandler.js
new file mode 100644
index 000000000000..1c3dd473b7c1
--- /dev/null
+++ b/packages/dev-middleware/src/inspector-proxy/CustomMessageHandler.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 strict-local
+ * @format
+ */
+
+import type {JSONSerializable, Page} from './types';
+
+type ExposedDevice = $ReadOnly<{
+  appId: string,
+  id: string,
+  name: string,
+  sendMessage: (message: JSONSerializable) => void,
+}>;
+
+type ExposedDebugger = $ReadOnly<{
+  userAgent: string | null,
+  sendMessage: (message: JSONSerializable) => void,
+}>;
+
+export type CustomMessageHandlerConnection = $ReadOnly<{
+  page: Page,
+  device: ExposedDevice,
+  debugger: ExposedDebugger,
+}>;
+
+export type CreateCustomMessageHandlerFn = (
+  connection: CustomMessageHandlerConnection,
+) => ?CustomMessageHandler;
+
+/**
+ * The device message middleware allows implementers to handle unsupported CDP messages.
+ * It is instantiated per device and may contain state that is specific to that device.
+ * The middleware can also mark messages from the device or debugger as handled, which stops propagating.
+ */
+export interface CustomMessageHandler {
+  /**
+   * Handle a CDP message coming from the device.
+   * This is invoked before the message is sent to the debugger.
+   * When returning true, the message is considered handled and will not be sent to the debugger.
+   */
+  handleDeviceMessage(message: JSONSerializable): true | void;
+
+  /**
+   * Handle a CDP message coming from the debugger.
+   * This is invoked before the message is sent to the device.
+   * When returning true, the message is considered handled and will not be sent to the device.
+   */
+  handleDebuggerMessage(message: JSONSerializable): true | void;
+}
diff --git a/packages/dev-middleware/src/inspector-proxy/Device.js b/packages/dev-middleware/src/inspector-proxy/Device.js
index 9666fa222ed9..b4ef0ad731ca 100644
--- a/packages/dev-middleware/src/inspector-proxy/Device.js
+++ b/packages/dev-middleware/src/inspector-proxy/Device.js
@@ -9,23 +9,29 @@
  * @oncall react_native
  */
 
+import type {EventReporter} from '../types/EventReporter';
+import type {
+  CDPClientMessage,
+  CDPRequest,
+  CDPResponse,
+  CDPServerMessage,
+} from './cdp-types/messages';
+import type {
+  CreateCustomMessageHandlerFn,
+  CustomMessageHandler,
+} from './CustomMessageHandler';
 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 +40,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://';
 
@@ -49,6 +55,11 @@ type DebuggerInfo = {
   userAgent: string | null,
 };
 
+type DebuggerConnection = {
+  ...DebuggerInfo,
+  customHandler: ?CustomMessageHandler,
+};
+
 const REACT_NATIVE_RELOADABLE_PAGE_ID = '-1';
 
 /**
@@ -57,41 +68,46 @@ 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: ?DebuggerConnection = 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;
+
+  #pagesPollingIntervalId: ReturnType<typeof setInterval>;
 
-  _deviceEventReporter: ?DeviceEventReporter;
+  // The device message middleware factory function allowing implementers to handle unsupported CDP messages.
+  #createCustomMessageHandler: ?CreateCustomMessageHandlerFn;
 
   constructor(
     id: string,
@@ -100,69 +116,69 @@ export default class Device {
     socket: WS,
     projectRoot: string,
     eventReporter: ?EventReporter,
+    createMessageMiddleware: ?CreateCustomMessageHandlerFn,
   ) {
-    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,
           appId: app,
         })
       : null;
+    this.#createCustomMessageHandler = createMessageMiddleware;
 
     // $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) {
-      const reactNativeReloadablePage = {
-        id: REACT_NATIVE_RELOADABLE_PAGE_ID,
-        title: 'React Native Experimental (Improved Chrome Reloads)',
-        vm: "don't use",
-        app: this._app,
-      };
-      return this._pages.concat(reactNativeReloadablePage);
+  getPagesList(): $ReadOnlyArray<Page> {
+    if (this.#lastConnectedLegacyReactNativePage) {
+      return [...this.#pages.values(), this.#createSyntheticPage()];
     } else {
-      return this._pages;
+      return [...this.#pages.values()];
     }
   }
 
@@ -178,17 +194,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 = {
@@ -196,15 +212,68 @@ export default class Device {
       prependedFilePrefix: false,
       pageId,
       userAgent: metadata.userAgent,
+      customHandler: null,
     };
-    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 =
+      pageId === REACT_NATIVE_RELOADABLE_PAGE_ID
+        ? this.#createSyntheticPage()
+        : this.#pages.get(pageId);
+
+    this.#debuggerConnection = debuggerInfo;
 
-    this._sendMessageToDevice({
+    debug(`Got new debugger connection for page ${pageId} of ${this.#name}`);
+
+    if (page && this.#debuggerConnection && this.#createCustomMessageHandler) {
+      this.#debuggerConnection.customHandler = this.#createCustomMessageHandler(
+        {
+          page,
+          debugger: {
+            userAgent: debuggerInfo.userAgent,
+            sendMessage: message => {
+              try {
+                const payload = JSON.stringify(message);
+                debug('(Debugger) <- (Proxy)    (Device): ' + payload);
+                socket.send(payload);
+              } catch {}
+            },
+          },
+          device: {
+            appId: this.#app,
+            id: this.#id,
+            name: this.#name,
+            sendMessage: message => {
+              try {
+                const payload = JSON.stringify({
+                  event: 'wrappedEvent',
+                  payload: {
+                    pageId: this.#mapToDevicePageId(pageId),
+                    wrappedEvent: JSON.stringify(message),
+                  },
+                });
+                debug('(Debugger) -> (Proxy)    (Device): ' + payload);
+                this.#deviceSocket.send(payload);
+              } catch {}
+            },
+          },
+        },
+      );
+
+      if (this.#debuggerConnection.customHandler) {
+        debug('Created new custom message handler for debugger connection');
+      } else {
+        debug(
+          'Skipping new custom message handler for debugger connection, factory function returned null',
+        );
+      }
+    }
+
+    this.#sendMessageToDevice({
       event: 'connect',
       payload: {
-        pageId: this._mapToDevicePageId(pageId),
+        pageId: this.#mapToDevicePageId(pageId),
       },
     });
 
@@ -212,36 +281,48 @@ 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 (!handled) {
-        this._sendMessageToDevice({
+      if (
+        this.#debuggerConnection?.customHandler?.handleDebuggerMessage(
+          debuggerRequest,
+        ) === true
+      ) {
+        return;
+      }
+
+      if (!page || !this.#pageHasCapability(page, 'nativeSourceCodeFetching')) {
+        processedReq = this.#interceptClientMessageForSourceFetching(
+          debuggerRequest,
+          debuggerInfo,
+          socket,
+        );
+      }
+
+      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 +345,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 +368,74 @@ 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;
+  }
+
+  /**
+   * Returns the synthetic "React Native Experimental (Improved Chrome Reloads)" page.
+   */
+  #createSyntheticPage(): Page {
+    return {
+      id: REACT_NATIVE_RELOADABLE_PAGE_ID,
+      title: 'React Native Experimental (Improved Chrome Reloads)',
+      vm: "don't use",
+      app: this.#app,
+      capabilities: {},
+    };
+  }
+
   // 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 +444,102 @@ 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) {
+      const debuggerConnection = this.#debuggerConnection;
+      if (debuggerConnection != null) {
+        if (
+          debuggerConnection.customHandler?.handleDeviceMessage(
+            parsedPayload,
+          ) === true
+        ) {
+          return;
+        }
+
         // Wrapping just to make flow happy :)
         // $FlowFixMe[unused-promise]
-        this._processMessageFromDevice(
+        this.#processMessageFromDeviceLegacy(
           parsedPayload,
-          this._debuggerConnection,
+          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 +547,7 @@ export default class Device {
     // page.
 
     if (oldPageId != null) {
-      this._sendMessageToDevice({
+      this.#sendMessageToDevice({
         event: 'disconnect',
         payload: {
           pageId: oldPageId,
@@ -412,7 +555,7 @@ export default class Device {
       });
     }
 
-    this._sendMessageToDevice({
+    this.#sendMessageToDevice({
       event: 'connect',
       payload: {
         pageId: page.id,
@@ -425,14 +568,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 +583,28 @@ export default class Device {
   }
 
   // Allows to make changes in incoming message from device.
-  async _processMessageFromDevice(
-    payload: {method: string, params: {sourceMapURL: string, url: string}},
-    debuggerInfo: DebuggerInfo,
+  async #processMessageFromDeviceLegacy(
+    payload: CDPServerMessage,
+    debuggerInfo: DebuggerConnection,
+    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 +613,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 +621,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 +637,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 +648,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 +679,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,
-    debuggerInfo: DebuggerInfo,
+  /**
+   * 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: DebuggerConnection,
     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,
-    debuggerInfo: DebuggerInfo,
-  ) {
+  #processDebuggerSetBreakpointByUrl(
+    req: CDPRequest<'Debugger.setBreakpointByUrl'>,
+    debuggerInfo: DebuggerConnection,
+  ): 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 +801,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 +816,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 +843,12 @@ 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') {
-      throw new Error('remote fetches not permitted');
-    }
-
+  async #fetchText(url: URL): Promise<string> {
     // $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 +858,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 e87761709322..57462b9df562 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 0cfb55a05ff1..9b9916dc220d 100644
--- a/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
+++ b/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
@@ -9,19 +9,21 @@
  * @oncall react_native
  */
 
+import type {EventReporter} from '../types/EventReporter';
+import type {Experiments} from '../types/Experiments';
+import type {CreateCustomMessageHandlerFn} from './CustomMessageHandler';
 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,43 +44,48 @@ 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;
+  // custom message handler factory allowing implementers to handle unsupported CDP messages.
+  #customMessageHandler: ?CreateCustomMessageHandlerFn;
 
   constructor(
     projectRoot: string,
     serverBaseUrl: string,
     eventReporter: ?EventReporter,
     experiments: Experiments,
+    customMessageHandler: ?CreateCustomMessageHandlerFn,
   ) {
-    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;
+    this.#customMessageHandler = customMessageHandler;
   }
 
   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 +101,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 +121,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 +156,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 +173,7 @@ 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(),
+      'Content-Length': Buffer.byteLength(data).toString(),
       Connection: 'close',
     });
     response.end(data);
@@ -172,43 +184,47 @@ 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,
+      // Don't crash on exceptionally large messages - assume the device is
+      // well-behaved and the debugger is prepared to handle large messages.
+      maxPayload: 0,
     });
     // $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,
+          this.#customMessageHandler,
         );
 
         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) {
@@ -224,10 +240,13 @@ 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,
+      // Don't crash on exceptionally large messages - assume the debugger is
+      // well-behaved and the device is prepared to handle large messages.
+      maxPayload: 0,
     });
     // $FlowFixMe[value-as-type]
     wss.on('connection', async (socket: WS, req) => {
@@ -240,18 +259,18 @@ 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);
         }
 
         device.handleDebuggerConnection(socket, pageId, {
-          userAgent: req.headers['user-agent'] ?? null,
+          userAgent: req.headers['user-agent'] ?? query.userAgent ?? null,
         });
       } 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 000000000000..79eb1458a995
--- /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 000000000000..4b7500c4070b
--- /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 94b21aba10e8..a89bfc9a914d 100644
--- a/packages/dev-middleware/src/inspector-proxy/types.js
+++ b/packages/dev-middleware/src/inspector-proxy/types.js
@@ -4,57 +4,85 @@
  * 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,
+
+  /**
+   * The target supports native network inspection.
+   *
+   * In the proxy, this disables intercepting and storing network requests.
+   */
+  nativeNetworkInspection?: 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 +99,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 +107,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
new file mode 100644
index 000000000000..da6c6bc5c25b
--- /dev/null
+++ b/packages/dev-middleware/src/middleware/deprecated_openFlipperMiddleware.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-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {Logger} from '../types/Logger';
+import type {NextHandleFunction} from 'connect';
+import type {IncomingMessage, ServerResponse} from 'http';
+
+import open from 'open';
+
+const FLIPPER_SELF_CONNECT_URL =
+  'flipper://null/Hermesdebuggerrn?device=React%20Native';
+
+type Options = $ReadOnly<{
+  logger?: Logger,
+}>;
+
+/**
+ * Open the legacy Flipper debugger (Hermes).
+ *
+ * @deprecated This replicates the pre-0.73 workflow of opening Flipper via the
+ * `flipper://` URL scheme, failing if Flipper is not installed locally. This
+ * flow will be removed in a future version.
+ */
+export default function deprecated_openFlipperMiddleware({
+  logger,
+}: Options): NextHandleFunction {
+  return async (
+    req: IncomingMessage,
+    res: ServerResponse,
+    next: (err?: Error) => void,
+  ) => {
+    if (req.method === 'POST') {
+      logger?.info('Launching JS debugger...');
+
+      try {
+        logger?.warn(
+          'Attempting to debug JS in Flipper (deprecated). This requires ' +
+            'Flipper to be installed on your system to handle the ' +
+            "'flipper://' URL scheme.",
+        );
+        logger?.info(
+          'In React Native 0.74, Flipper is no longer included for new React ' +
+            'Native projects. The Flipper React Native plugin is also ' +
+            'unsupported. You can continue to use Flipper to debug ' +
+            "your app's JavaScript code, however we recommend switching to " +
+            'a modern alternative.\nSee ' +
+            'https://reactnative.dev/docs/debugging#opening-the-debugger.',
+        );
+        await open(FLIPPER_SELF_CONNECT_URL);
+        res.end();
+      } catch (e) {
+        logger?.error(
+          'Error launching Flipper: ' + e.message ?? 'Unknown error',
+        );
+        res.writeHead(500);
+        res.end();
+      }
+    }
+  };
+}
diff --git a/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js b/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js
index 2e3e1f5594bf..1f3b4d743585 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...',
+            ' 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,14 +110,18 @@ 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,
-                  experiments,
                 ),
               ),
             );
@@ -117,10 +130,10 @@ export default function openDebuggerMiddleware({
           case 'redirect':
             res.writeHead(302, {
               Location: getDevToolsFrontendUrl(
+                experiments,
                 target.webSocketDebuggerUrl,
                 // Use a relative URL.
                 '',
-                experiments,
               ),
             });
             res.end();
@@ -132,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 ec8e77d521b0..51ae36d081dd 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 8e0db090f44f..c5c2c9af439b 100644
--- a/packages/dev-middleware/src/types/Experiments.js
+++ b/packages/dev-middleware/src/types/Experiments.js
@@ -10,10 +10,11 @@
 
 export type Experiments = $ReadOnly<{
   /**
-   * Enables the use of the custom debugger frontend (@react-native/debugger-frontend)
-   * in the /open-debugger endpoint.
+   * Enables the new JS debugger launch flow and custom debugger frontend
+   * (@react-native/debugger-frontend). When disabled, /open-debugger will
+   * trigger the legacy Flipper connection flow.
    */
-  enableCustomDebuggerFrontend: boolean,
+  enableNewDebugger: boolean,
 
   /**
    * Enables the handling of GET requests in the /open-debugger endpoint,
@@ -22,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 9e2b728dd33f..9438d3f07408 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
@@ -51,12 +51,23 @@ const DefaultBrowserLauncher: BrowserLauncher = {
       `react-native-debugger-frontend-${browserType}`,
     );
     const launchedChrome = await ChromeLauncher.launch({
-      chromePath,
       chromeFlags: [
+        ...ChromeLauncher.Launcher.defaultFlags().filter(
+          /**
+           * This flag controls whether Chrome treats a visually covered (occluded) tab
+           * as "backgrounded". We launch CDT as a single tab/window via `--app`, so we
+           * do want Chrome to treat our tab as "backgrounded" when the UI is covered.
+           * Omitting this flag allows "visibilitychange" events to fire properly.
+           */
+          flag => flag !== '--disable-backgrounding-occluded-windows',
+        ),
         `--app=${url}`,
         `--user-data-dir=${userDataDir}`,
         '--window-size=1200,600',
+        '--guest',
       ],
+      chromePath,
+      ignoreDefaultFlags: true,
     });
 
     return {
diff --git a/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js b/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
index 4d95f18bf484..4623616292fe 100644
--- a/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
+++ b/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
@@ -12,37 +12,27 @@
 import type {Experiments} from '../types/Experiments';
 
 /**
- * The Chrome DevTools frontend revision to use. This should be set to the
- * latest version known to be compatible with Hermes.
- *
- * Revision should be the full identifier from:
- * https://chromium.googlesource.com/chromium/src.git
- */
-const DEVTOOLS_FRONTEND_REV = 'd9568d04d7dd79269c5a655d7ada69650c5a8336'; // Chrome 100.0.4896.75
-
-/**
- * Construct the URL to Chrome DevTools connected to a given debugger target.
+ * Get the DevTools frontend URL to debug a given React Native CDP target.
  */
 export default function getDevToolsFrontendUrl(
+  experiments: Experiments,
   webSocketDebuggerUrl: string,
   devServerUrl: string,
-  experiments: Experiments,
 ): string {
   const scheme = new URL(webSocketDebuggerUrl).protocol.slice(0, -1);
   const webSocketUrlWithoutProtocol = webSocketDebuggerUrl.replace(
     /^wss?:\/\//,
     '',
   );
+  const appUrl = `${devServerUrl}/debugger-frontend/rn_inspector.html`;
 
-  if (experiments.enableCustomDebuggerFrontend) {
-    const urlBase = `${devServerUrl}/debugger-frontend/rn_inspector.html`;
-    return `${urlBase}?${scheme}=${encodeURIComponent(
-      webSocketUrlWithoutProtocol,
-    )}&sources.hide_add_folder=true`;
+  const searchParams = new URLSearchParams([
+    [scheme, webSocketUrlWithoutProtocol],
+    ['sources.hide_add_folder', 'true'],
+  ]);
+  if (experiments.enableNetworkInspector) {
+    searchParams.append('unstable_enableNetworkPanel', 'true');
   }
 
-  const urlBase = `https://chrome-devtools-frontend.appspot.com/serve_rev/@${DEVTOOLS_FRONTEND_REV}/devtools_app.html`;
-  return `${urlBase}?panel=console&${scheme}=${encodeURIComponent(
-    webSocketUrlWithoutProtocol,
-  )}`;
+  return appUrl + '?' + searchParams.toString();
 }
diff --git a/packages/eslint-config-react-native/index.js b/packages/eslint-config-react-native/index.js
index 8de08008e5c9..b1d0ee3cf366 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 343b5f2e27bc..ebcfc9c90b7f 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.88",
   "description": "ESLint config for React Native",
   "license": "MIT",
   "repository": {
@@ -22,13 +22,13 @@
   "dependencies": {
     "@babel/core": "^7.20.0",
     "@babel/eslint-parser": "^7.20.0",
-    "@react-native/eslint-plugin": "^0.73.0",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@react-native/eslint-plugin": "0.74.88",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-ft-flow": "^2.0.1",
-    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.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 76e799f3cb5b..fceb13bb7acd 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 3b098f815728..ee19742435f1 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.88",
   "description": "ESLint rules for @react-native/eslint-config",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,12 @@
     "directory": "packages/eslint-plugin-react-native"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/eslint-plugin-react-native#readme",
-  "keywords": ["eslint", "rules", "eslint-config", "react-native"],
+  "keywords": [
+    "eslint",
+    "rules",
+    "eslint-config",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
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 ae3b5c62ac66..0704665af237 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 3c5c534e2359..70123e2460bd 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.88",
   "description": "ESLint rules to validate NativeModule and Component Specs",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,14 @@
     "directory": "packages/eslint-plugin-specs"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/eslint-plugin-specs#readme",
-  "keywords": ["eslint", "rules", "react-native", "native-modules", "components", "specs"],
+  "keywords": [
+    "eslint",
+    "rules",
+    "react-native",
+    "native-modules",
+    "components",
+    "specs"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
@@ -24,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.88",
     "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 9f142919d9e0..7cbcc03eef26 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 c84003677527..a468c7b6d715 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 e4fe1450367b..77f9fb6e1bfb 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 5ba2bb2a1158..e793c803cdfc 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 6ad01e08231a..8d83a9cc67c5 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/package.json b/packages/hermes-inspector-msggen/package.json
index 0124f83b5419..a0b17d22c92b 100644
--- a/packages/hermes-inspector-msggen/package.json
+++ b/packages/hermes-inspector-msggen/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/hermes-inspector-msggen",
-  "version": "0.72.0",
+  "version": "0.74.88",
   "private": true,
   "description": "Hermes Inspector Message Generator for React Native",
   "license": "MIT",
diff --git a/packages/hermes-inspector-msggen/src/Command.js b/packages/hermes-inspector-msggen/src/Command.js
index feed094bb12d..f6da8dffa8c6 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 10e9ee97422e..bb9f2c4f5658 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 49e20c62b33f..612e44e783a5 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 955b8f352bd8..030cee099f05 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 fdad9bc6f7b3..a67391603575 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 eef2a4265a81..9371fbce0f2a 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 dd6c488f6050..761390faca7c 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 000000000000..40d93a0332c9
--- /dev/null
+++ b/packages/metro-config/.gitignore
@@ -0,0 +1,5 @@
+# Dependencies
+/node_modules
+
+# Build output
+/dist
diff --git a/packages/metro-config/index.js b/packages/metro-config/index.js
deleted file mode 100644
index 2abf2c8757d4..000000000000
--- a/packages/metro-config/index.js
+++ /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.
- *
- * @flow
- * @noformat
- */
-
-/*:: import type {ConfigT} from 'metro-config'; */
-
-const {getDefaultConfig: getBaseConfig, mergeConfig} = require('metro-config');
-
-const INTERNAL_CALLSITES_REGEX = new RegExp(
-  [
-    '/Libraries/BatchedBridge/MessageQueue\\.js$',
-    '/Libraries/Core/.+\\.js$',
-    '/Libraries/LogBox/.+\\.js$',
-    '/Libraries/Network/.+\\.js$',
-    '/Libraries/Pressability/.+\\.js$',
-    '/Libraries/Renderer/implementations/.+\\.js$',
-    '/Libraries/Utilities/.+\\.js$',
-    '/Libraries/vendor/.+\\.js$',
-    '/Libraries/WebSocket/.+\\.js$',
-    '/Libraries/YellowBox/.+\\.js$',
-    '/metro-runtime/.+\\.js$',
-    '/node_modules/@babel/runtime/.+\\.js$',
-    '/node_modules/event-target-shim/.+\\.js$',
-    '/node_modules/invariant/.+\\.js$',
-    '/node_modules/react-devtools-core/.+\\.js$',
-    '/node_modules/react-native/index.js$',
-    '/node_modules/react-refresh/.+\\.js$',
-    '/node_modules/scheduler/.+\\.js$',
-    '^\\[native code\\]$',
-  ].join('|'),
-);
-
-/**
- * Get the base Metro configuration for a React Native project.
- */
-function getDefaultConfig(
-  projectRoot /*: string */
-) /*: ConfigT */ {
-  const config = {
-    resolver: {
-      resolverMainFields: ['react-native', 'browser', 'main'],
-      platforms: ['android', 'ios'],
-      unstable_conditionNames: ['require', 'import', 'react-native'],
-    },
-    serializer: {
-      // Note: This option is overridden in cli-plugin-metro (getOverrideConfig)
-      getModulesRunBeforeMainModule: () => [
-        require.resolve('react-native/Libraries/Core/InitializeCore'),
-      ],
-      getPolyfills: () => require('@react-native/js-polyfills')(),
-    },
-    server: {
-      port: Number(process.env.RCT_METRO_PORT) || 8081,
-    },
-    symbolicator: {
-      customizeFrame: (frame /*: $ReadOnly<{file: ?string, ...}>*/) => {
-        const collapse = Boolean(
-          frame.file && INTERNAL_CALLSITES_REGEX.test(frame.file),
-        );
-        return {collapse};
-      },
-    },
-    transformer: {
-      allowOptionalDependencies: true,
-      assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
-      asyncRequireModulePath: require.resolve(
-        'metro-runtime/src/modules/asyncRequire',
-      ),
-      babelTransformerPath: require.resolve(
-        '@react-native/metro-babel-transformer',
-      ),
-      getTransformOptions: async () => ({
-        transform: {
-          experimentalImportSupport: false,
-          inlineRequires: true,
-        },
-      }),
-    },
-    watchFolders: [],
-  };
-
-  // 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,
-  );
-}
-
-module.exports = {getDefaultConfig, mergeConfig};
diff --git a/packages/metro-config/package.json b/packages/metro-config/package.json
index 39e03521aa32..7a60e3fd515a 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.88",
   "description": "Metro configuration for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,16 +9,26 @@
     "directory": "packages/metro-config"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/metro-config#readme",
-  "keywords": ["metro", "config", "react-native"],
+  "keywords": [
+    "metro",
+    "config",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
   },
-  "exports": "./index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@react-native/metro-babel-transformer": "^0.73.11",
-    "@react-native/js-polyfills": "^0.73.0",
-    "metro-config": "0.79.1",
-    "metro-runtime": "0.79.1"
+    "@react-native/js-polyfills": "0.74.88",
+    "@react-native/metro-babel-transformer": "0.74.88",
+    "metro-config": "^0.80.3",
+    "metro-runtime": "^0.80.3"
   }
 }
diff --git a/packages/metro-config/src/index.flow.js b/packages/metro-config/src/index.flow.js
new file mode 100644
index 000000000000..6aad1cb74da2
--- /dev/null
+++ b/packages/metro-config/src/index.flow.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-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {ConfigT} from 'metro-config';
+
+import {getDefaultConfig as getBaseConfig, mergeConfig} from 'metro-config';
+
+const INTERNAL_CALLSITES_REGEX = new RegExp(
+  [
+    '/Libraries/BatchedBridge/MessageQueue\\.js$',
+    '/Libraries/Core/.+\\.js$',
+    '/Libraries/LogBox/.+\\.js$',
+    '/Libraries/Network/.+\\.js$',
+    '/Libraries/Pressability/.+\\.js$',
+    '/Libraries/Renderer/implementations/.+\\.js$',
+    '/Libraries/Utilities/.+\\.js$',
+    '/Libraries/vendor/.+\\.js$',
+    '/Libraries/WebSocket/.+\\.js$',
+    '/Libraries/YellowBox/.+\\.js$',
+    '/metro-runtime/.+\\.js$',
+    '/node_modules/@babel/runtime/.+\\.js$',
+    '/node_modules/event-target-shim/.+\\.js$',
+    '/node_modules/invariant/.+\\.js$',
+    '/node_modules/react-devtools-core/.+\\.js$',
+    '/node_modules/react-native/index.js$',
+    '/node_modules/react-refresh/.+\\.js$',
+    '/node_modules/scheduler/.+\\.js$',
+    '^\\[native code\\]$',
+  ].join('|'),
+);
+
+export {mergeConfig} from 'metro-config';
+
+/**
+ * Get the base Metro configuration for a React Native project.
+ */
+export function getDefaultConfig(projectRoot: string): ConfigT {
+  const config = {
+    resolver: {
+      resolverMainFields: ['react-native', 'browser', 'main'],
+      platforms: ['android', 'ios'],
+      unstable_conditionNames: ['require', 'import', 'react-native'],
+    },
+    serializer: {
+      // Note: This option is overridden in cli-plugin-metro (getOverrideConfig)
+      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, ...}>) => {
+        const collapse = Boolean(
+          frame.file != null && INTERNAL_CALLSITES_REGEX.test(frame.file),
+        );
+        return {collapse};
+      },
+    },
+    transformer: {
+      allowOptionalDependencies: true,
+      assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
+      asyncRequireModulePath: require.resolve(
+        'metro-runtime/src/modules/asyncRequire',
+      ),
+      babelTransformerPath: require.resolve(
+        '@react-native/metro-babel-transformer',
+      ),
+      getTransformOptions: async () => ({
+        transform: {
+          experimentalImportSupport: false,
+          inlineRequires: true,
+        },
+      }),
+    },
+    watchFolders: [],
+  };
+
+  // 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);
+}
diff --git a/packages/metro-config/src/index.js b/packages/metro-config/src/index.js
new file mode 100644
index 000000000000..b1cd97b5d455
--- /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 ab3fa6fd89f2..a8da2b972a6d 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.88",
   "description": "Color normalization for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,9 +9,11 @@
     "directory": "packages/normalize-color"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/normalize-color#readme",
-  "keywords": ["color", "normalization", "normalize-colors", "react-native"],
-  "bugs": "https://github.com/facebook/react-native/issues",
-  "engines": {
-    "node": ">=18"
-  }
+  "keywords": [
+    "color",
+    "normalization",
+    "normalize-colors",
+    "react-native"
+  ],
+  "bugs": "https://github.com/facebook/react-native/issues"
 }
diff --git a/packages/polyfills/Object.es8.js b/packages/polyfills/Object.es8.js
deleted file mode 100644
index 4925f6e2dee0..000000000000
--- a/packages/polyfills/Object.es8.js
+++ /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.
- *
- * @format
- * @polyfill
- * @nolint
- */
-
-(function () {
-  'use strict';
-
-  const hasOwnProperty = Object.prototype.hasOwnProperty;
-
-  /**
-   * Returns an array of the given object's own enumerable entries.
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
-   */
-  if (typeof Object.entries !== 'function') {
-    Object.entries = function (object) {
-      // `null` and `undefined` values are not allowed.
-      if (object == null) {
-        throw new TypeError('Object.entries called on non-object');
-      }
-
-      const entries = [];
-      for (const key in object) {
-        if (hasOwnProperty.call(object, key)) {
-          entries.push([key, object[key]]);
-        }
-      }
-      return entries;
-    };
-  }
-
-  /**
-   * Returns an array of the given object's own enumerable entries.
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values
-   */
-  if (typeof Object.values !== 'function') {
-    Object.values = function (object) {
-      // `null` and `undefined` values are not allowed.
-      if (object == null) {
-        throw new TypeError('Object.values called on non-object');
-      }
-
-      const values = [];
-      for (const key in object) {
-        if (hasOwnProperty.call(object, key)) {
-          values.push(object[key]);
-        }
-      }
-      return values;
-    };
-  }
-})();
diff --git a/packages/polyfills/__tests__/Object.es8-test.js b/packages/polyfills/__tests__/Object.es8-test.js
deleted file mode 100644
index c53512f17561..000000000000
--- a/packages/polyfills/__tests__/Object.es8-test.js
+++ /dev/null
@@ -1,140 +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
- * @oncall jsinfra
- */
-
-'use strict';
-
-describe('Object (ES8)', () => {
-  beforeEach(() => {
-    delete Object.entries;
-    delete Object.values;
-    jest.resetModules();
-    require('../Object.es8');
-  });
-
-  describe('Object.entries', () => {
-    it('should have a length of 1', () => {
-      expect(Object.entries.length).toBe(1);
-    });
-
-    it('should check for type', () => {
-      expect(Object.entries.bind(null, null)).toThrow(
-        TypeError('Object.entries called on non-object'),
-      );
-      expect(Object.entries.bind(null, undefined)).toThrow(
-        TypeError('Object.entries called on non-object'),
-      );
-      expect(Object.entries.bind(null, [])).not.toThrow();
-      expect(Object.entries.bind(null, () => {})).not.toThrow();
-      expect(Object.entries.bind(null, {})).not.toThrow();
-      expect(Object.entries.bind(null, 'abc')).not.toThrow();
-    });
-
-    it('should return enumerable entries', () => {
-      const foo = Object.defineProperties(
-        {},
-        {
-          x: {value: 10, enumerable: true},
-          y: {value: 20},
-        },
-      );
-
-      expect(Object.entries(foo)).toEqual([['x', 10]]);
-
-      const bar = {x: 10, y: 20};
-      expect(Object.entries(bar)).toEqual([
-        ['x', 10],
-        ['y', 20],
-      ]);
-    });
-
-    it('should work with proto-less objects', () => {
-      const foo = Object.create(null, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
-
-      expect(Object.entries(foo)).toEqual([['x', 10]]);
-    });
-
-    it('should return only own entries', () => {
-      const foo = Object.create(
-        {z: 30},
-        {
-          x: {value: 10, enumerable: true},
-          y: {value: 20},
-        },
-      );
-
-      expect(Object.entries(foo)).toEqual([['x', 10]]);
-    });
-
-    it('should convert to object primitive string', () => {
-      expect(Object.entries('ab')).toEqual([
-        ['0', 'a'],
-        ['1', 'b'],
-      ]);
-    });
-  });
-
-  describe('Object.values', () => {
-    it('should have a length of 1', () => {
-      expect(Object.values.length).toBe(1);
-    });
-
-    it('should check for type', () => {
-      expect(Object.values.bind(null, null)).toThrow(
-        TypeError('Object.values called on non-object'),
-      );
-      expect(Object.values.bind(null, [])).not.toThrow();
-      expect(Object.values.bind(null, () => {})).not.toThrow();
-      expect(Object.values.bind(null, {})).not.toThrow();
-    });
-
-    it('should return enumerable values', () => {
-      const foo = Object.defineProperties(
-        {},
-        {
-          x: {value: 10, enumerable: true},
-          y: {value: 20},
-        },
-      );
-
-      expect(Object.values(foo)).toEqual([10]);
-
-      const bar = {x: 10, y: 20};
-      expect(Object.values(bar)).toEqual([10, 20]);
-    });
-
-    it('should work with proto-less objects', () => {
-      const foo = Object.create(null, {
-        x: {value: 10, enumerable: true},
-        y: {value: 20},
-      });
-
-      expect(Object.values(foo)).toEqual([10]);
-    });
-
-    it('should return only own values', () => {
-      const foo = Object.create(
-        {z: 30},
-        {
-          x: {value: 10, enumerable: true},
-          y: {value: 20},
-        },
-      );
-
-      expect(Object.values(foo)).toEqual([10]);
-    });
-
-    it('should convert to object primitive string', () => {
-      expect(Object.values('ab')).toEqual(['a', 'b']);
-    });
-  });
-});
diff --git a/packages/polyfills/index.js b/packages/polyfills/index.js
index 5979051ac301..90aa1dc08343 100644
--- a/packages/polyfills/index.js
+++ b/packages/polyfills/index.js
@@ -12,5 +12,4 @@
 module.exports = () => [
   require.resolve('./console.js'),
   require.resolve('./error-guard.js'),
-  require.resolve('./Object.es8.js'),
 ];
diff --git a/packages/polyfills/package.json b/packages/polyfills/package.json
index 8cefc9909f6b..66cf37b5ebe3 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.88",
   "description": "Polyfills for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,13 @@
     "directory": "packages/polyfills"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/polyfills#readme",
-  "keywords": ["polyfill", "polyfills", "js", "js-polyfills", "react-native"],
+  "keywords": [
+    "polyfill",
+    "polyfills",
+    "js",
+    "js-polyfills",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
diff --git a/packages/react-native-babel-preset/package.json b/packages/react-native-babel-preset/package.json
index 2e6dbc5985cf..3d14041b05bc 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.88",
   "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.88",
     "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 e921b1b15eab..4a483730e8ab 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 0862b76d176f..fcd90a29701d 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.88",
   "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.15.0",
+    "@react-native/babel-preset": "0.74.88",
+    "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 8cc902378954..b82be63b12fe 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');
 
@@ -202,12 +202,13 @@ const transform /*: BabelTransformer['transform'] */ = ({
       // You get this behavior by default when using Babel's `transform` method directly.
       cloneInputAst: false,
     };
-    const sourceAst =
+    const sourceAst /*: BabelNodeFile */ =
       isTypeScriptSource(filename) ||
       isTSXSource(filename) ||
       !options.hermesParser
         ? parseSync(src, babelConfig)
-        : require('hermes-parser').parse(src, {
+        : // $FlowFixMe[incompatible-exact]
+          require('hermes-parser').parse(src, {
             babel: true,
             sourceType: babelConfig.sourceType,
           });
diff --git a/packages/react-native-bots/dangerfile.js b/packages/react-native-bots/dangerfile.js
index 55994da24521..032a788e4214 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 40dfe8c2c18e..754b2e86dfbc 100644
--- a/packages/react-native-bots/package.json
+++ b/packages/react-native-bots/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@react-native/bots",
   "description": "React Native Bots",
-  "version": "0.0.0",
+  "version": "0.74.88",
   "private": true,
   "license": "MIT",
   "repository": {
@@ -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.4"
   },
diff --git a/packages/react-native-bots/report-bundle-size.js b/packages/react-native-bots/report-bundle-size.js
index 35d1f468c423..411332cf26da 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 24f37ab65cf2..e5ff95e2ccf6 100644
--- a/packages/react-native-codegen-typescript-test/package.json
+++ b/packages/react-native-codegen-typescript-test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/codegen-typescript-test",
-  "version": "0.0.1",
+  "version": "0.74.88",
   "private": true,
   "description": "TypeScript related unit test for @react-native/codegen",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "prepare": "yarn run build"
   },
   "dependencies": {
-    "@react-native/codegen": "*"
+    "@react-native/codegen": "0.74.88"
   },
   "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 95806046fae0..1b46fd1b88e4 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 f42d3ef33b45..31d277596837 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 a83dd75323a3..09ad4baeee36 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 5cd34dd81a4e..4ca8fc37a2a3 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 08dba01767c5..95a701647558 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 121435c30543..d4394e662e24 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 59086b66b855..8e0b0fc5d7c1 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 5b5d4a9cfeec..4d414adbcebc 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 db170d5961ee..1bd65ccd564d 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 77f56799d8c5..8c08d112f70e 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 cbffaa601743..8f7400a8f055 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 4832d0608e72..8a5e39ce000a 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 41169339f738..883ff8a398e1 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 3ff7f1f41041..af1b2fb1eba9 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 a8ba611ce933..6ac37dda0ce9 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 09c518fc1a46..85ad5d590aee 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 7c27ce01958a..772e079c032c 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 a34d17dab94c..3246f622970e 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 5b7d621a6557..c132fce4776b 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 a898b1302883..2eeae4e6c537 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 71bb14cf72f8..5bac9222bebb 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 1dbeeec74d8e..1a24614fecdb 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 e56e0346ad1d..41b524a86817 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 e47a31a2d3ed..ac86df6b053f 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 e3b2d5df8c5a..7dbc21c6c816 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 692bd52ff73c..37d1a5c47cb4 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 42b15f68d47c..3e01c1cc5edb 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 610b3bab899a..023524505d6e 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 12496b4ec75d..57871b1035a9 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 d320bd2fb338..940cc75fd8c5 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 2a736f08e927..a96b0ae731d8 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 b8981a22ab2d..fb5b66631f3d 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 d1b56f989388..820e99a5cad1 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 b78372382b82..810351eb1aad 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 3e12f2afa956..8ddac9a7b8cd 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 50959ea33a80..0fefa3b2c988 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 177ec1dccb9e..62976215b011 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 962c57ef4041..2be17160beba 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 b6d0f5e9792b..37af11c17d2e 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 6c60a966c345..41588ee3c02d 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 3a3a2135cb22..9384ad968ccc 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 14a807fd02b4..1cc29a6b7ccb 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 a7a766b1a56b..6a5f508d9013 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 87cc703a17aa..543732fad465 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 833866e473df..a5ab0bb74151 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 74f0e533357b..46757e6c95c0 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 433dcad81d40..a53541759bf3 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 57f16617fe96..9ae54de91b30 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 bcb7abfc4404..84ae14b514f5 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 83866b74863d..50a2d4dbae28 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;
 
@@ -83,7 +82,7 @@ static inline std::string toString(const ArrayPropsNativeComponentViewSizesMask
     return result;
 }
 struct ArrayPropsNativeComponentViewObjectStruct {
-  std::string prop;
+  std::string prop{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentViewObjectStruct &result) {
@@ -110,8 +109,8 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
 
 
 struct ArrayPropsNativeComponentViewArrayOfObjectsStruct {
-  Float prop1;
-  int prop2;
+  Float prop1{0.0};
+  int prop2{0};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentViewArrayOfObjectsStruct &result) {
@@ -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 };
 
@@ -787,12 +756,12 @@ static inline std::string toString(const ObjectPropsNativeComponentIntEnumProp &
   }
 }
 struct ObjectPropsNativeComponentObjectPropStruct {
-  std::string stringProp;
-  bool booleanProp;
-  Float floatProp;
-  int intProp;
-  ObjectPropsNativeComponentStringEnumProp stringEnumProp;
-  ObjectPropsNativeComponentIntEnumProp intEnumProp;
+  std::string stringProp{\\"\\"};
+  bool booleanProp{false};
+  Float floatProp{0.0};
+  int intProp{0};
+  ObjectPropsNativeComponentStringEnumProp stringEnumProp{ObjectPropsNativeComponentStringEnumProp::Small};
+  ObjectPropsNativeComponentIntEnumProp intEnumProp{ObjectPropsNativeComponentIntEnumProp::IntEnumProp0};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsNativeComponentObjectPropStruct &result) {
@@ -829,7 +798,7 @@ static inline std::string toString(const ObjectPropsNativeComponentObjectPropStr
 }
 
 struct ObjectPropsNativeComponentObjectArrayPropStruct {
-  std::vector<std::string> array;
+  std::vector<std::string> array{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsNativeComponentObjectArrayPropStruct &result) {
@@ -846,9 +815,9 @@ static inline std::string toString(const ObjectPropsNativeComponentObjectArrayPr
 }
 
 struct ObjectPropsNativeComponentObjectPrimitiveRequiredPropStruct {
-  ImageSource image;
-  SharedColor color;
-  Point point;
+  ImageSource image{};
+  SharedColor color{};
+  Point point{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsNativeComponentObjectPrimitiveRequiredPropStruct &result) {
@@ -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 224a02cc2ca7..71b984b27fe4 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 d4d33cc34ad9..0d9839e13568 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 fcfb25d973f4..d74bb73cc85e 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 662a8fd0ddb3..b105c40966a6 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 51b6c8e37b67..ae9364936ecd 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 9e0434286073..607afcf771bf 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 34993ada7eac..21946d645994 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 fb9a915712a9..5473654dc10c 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 a1238aa502e1..a59e8e0a1d0a 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 45f23b160b78..d2044a518ac4 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.88",
   "description": "Code generation tools for React Native",
   "license": "MIT",
   "repository": {
@@ -30,9 +30,13 @@
   ],
   "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",
-    "nullthrows": "^1.1.1"
+    "mkdirp": "^0.5.1",
+    "nullthrows": "^1.1.1",
+    "yargs": "^17.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
@@ -46,10 +50,8 @@
     "@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"
   },
diff --git a/packages/react-native-codegen/scripts/oss/build.sh b/packages/react-native-codegen/scripts/oss/build.sh
index 215911a34588..84daf5dea68f 100755
--- a/packages/react-native-codegen/scripts/oss/build.sh
+++ b/packages/react-native-codegen/scripts/oss/build.sh
@@ -29,9 +29,10 @@ EDEN_SAFE_MV="mv"
 if [ -x "$(command -v eden)" ]; then
   pushd "$THIS_DIR"
 
-  # Detect if we are in an EdenFS checkout
+  # Detect if we are in an EdenFS checkout, but be sure to use /bin/cp
+  # incase users have GNU coreutils installed which is incompatible with -X
   if [[ "$OSTYPE" == "darwin"* ]] && eden info; then
-    EDEN_SAFE_MV="cp -R -X"
+    EDEN_SAFE_MV="/bin/cp -R -X"
   fi
 
   popd >/dev/null
@@ -60,7 +61,7 @@ else
   if [ "$OSTYPE" = "msys" ] || [ "$OSTYPE" = "cygwin" ]; then
     tar cf - --exclude='*.lock' "$CODEGEN_DIR" | (cd "$TMP_DIR" && tar xvf - );
   else
-    cp -R "$CODEGEN_DIR/." "$TMP_DIR";
+    /bin/cp -R "$CODEGEN_DIR/." "$TMP_DIR";
   fi
 
   pushd "$TMP_DIR" >/dev/null
diff --git a/packages/react-native-codegen/src/CodegenSchema.d.ts b/packages/react-native-codegen/src/CodegenSchema.d.ts
index 3482172d9900..306067eb5a56 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 1708e8939b4e..d286d3a79fdc 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 87ded8848457..dc59d9cd77b2 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 4d18b80c4d8d..a983168311f8 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 84acd9ee5562..7f523b758229 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 6aeff3418a2a..f2c98912efeb 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 a2dcef55c43d..108edf99d813 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 000000000000..f7a7b6f6ef0a
--- /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 5dad6e041b6b..8f120fb687f6 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 40a599c9ff9c..850e27fff4c8 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 9cf647abfcce..f73eb2e0fa51 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 61441c715dc2..d363ceb0957c 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 000000000000..fcde7828a856
--- /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 000000000000..6253ea37d4d2
--- /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 000000000000..529bfe64a9ad
--- /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 44a70349ab2e..5ac188624903 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 c43768a15934..3a0138224c0b 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 000000000000..0ee2c4afa76a
--- /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 ccecb1bcd080..d1bf2f61599a 100644
--- a/packages/react-native-codegen/src/generators/components/CppHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/CppHelpers.js
@@ -166,6 +166,14 @@ function getEnumMaskName(enumName: string): string {
   return `${enumName}Mask`;
 }
 
+function getDefaultInitializerString(
+  componentName: string,
+  prop: NamedShape<PropTypeAnnotation>,
+): string {
+  const defaultValue = convertDefaultTypeToString(componentName, prop);
+  return `{${defaultValue}}`;
+}
+
 function convertDefaultTypeToString(
   componentName: string,
   prop: NamedShape<PropTypeAnnotation>,
@@ -256,7 +264,21 @@ function convertDefaultTypeToString(
   }
 }
 
+const IncludeTemplate = ({
+  headerPrefix,
+  file,
+}: {
+  headerPrefix: string,
+  file: string,
+}): string => {
+  if (headerPrefix === '') {
+    return `#include "${file}"`;
+  }
+  return `#include <${headerPrefix}${file}>`;
+};
+
 module.exports = {
+  getDefaultInitializerString,
   convertDefaultTypeToString,
   getCppArrayTypeForAnnotation,
   getCppTypeForAnnotation,
@@ -265,4 +287,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 000000000000..794e04765742
--- /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 a7c795622f90..0a68446cd1af 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 ee619f4617f7..79724d1810eb 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 7a43aea0a2b5..2f2a829d1995 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 b5d55033f063..0e753e24d2c5 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 ad9d6aac61f4..d925abce9984 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 479c82cd50aa..e8af50435546 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,
+  getDefaultInitializerString,
+  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 = ({
@@ -461,13 +456,21 @@ function generateEnumString(
 function generatePropsString(
   componentName: string,
   props: $ReadOnlyArray<NamedShape<PropTypeAnnotation>>,
+  nameParts: $ReadOnlyArray<string>,
 ) {
   return props
     .map(prop => {
-      const nativeType = getNativeTypeFromAnnotation(componentName, prop, []);
-      const defaultValue = convertDefaultTypeToString(componentName, prop);
+      const nativeType = getNativeTypeFromAnnotation(
+        componentName,
+        prop,
+        nameParts,
+      );
+      const defaultInitializer = getDefaultInitializerString(
+        componentName,
+        prop,
+      );
 
-      return `${nativeType} ${prop.name}{${defaultValue}};`;
+      return `${nativeType} ${prop.name}${defaultInitializer};`;
     })
     .join('\n' + '  ');
 }
@@ -634,16 +637,11 @@ function generateStruct(
 ): void {
   const structNameParts = nameParts;
   const structName = generateStructName(componentName, structNameParts);
-
-  const fields = properties
-    .map(property => {
-      return `${getNativeTypeFromAnnotation(
-        componentName,
-        property,
-        structNameParts,
-      )} ${property.name};`;
-    })
-    .join('\n' + '  ');
+  const fields = generatePropsString(
+    componentName,
+    properties,
+    structNameParts,
+  );
 
   properties.forEach((property: NamedShape<PropTypeAnnotation>) => {
     const name = property.name;
@@ -711,6 +709,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'Props.h';
 
@@ -742,6 +741,7 @@ module.exports = {
             const propsString = generatePropsString(
               componentName,
               component.props,
+              [],
             );
             const extendString = getClassExtendString(component);
             const extendsImports = getExtendsImports(component.extendsProps);
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
index 68875b3b6caa..e45a4df573bc 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 a71f9b696ede..28888b203e24 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 7aaa6d297bf5..6f5e19e88fd2 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 66b11f26c8c3..a60583debc54 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 f9f7234931fe..7ca6df11d081 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 82cb8ffd5ab5..c6d9f7b738f6 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 3e7cf71117ef..8218495e9400 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 36c843398192..87d734a10a7a 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 658142eaea04..3aee725fca30 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 95f51da618d3..8017f933ef44 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 40b168372af7..cc42edb5a04b 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 06e964845d3f..ad99c964437e 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 c8d96823129b..f09b38c7885f 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 48556d47db66..9b835bb6f918 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 65f7a46d25ba..9121c8ad6878 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
@@ -871,6 +871,38 @@ const OBJECT_PROPS: SchemaType = {
                       default: 0,
                     },
                   },
+                  {
+                    name: 'stringUserDefaultProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                      default: 'user_default',
+                    },
+                  },
+                  {
+                    name: 'booleanUserDefaultProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                      default: true,
+                    },
+                  },
+                  {
+                    name: 'floatUserDefaultProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'FloatTypeAnnotation',
+                      default: 3.14,
+                    },
+                  },
+                  {
+                    name: 'intUserDefaultProp',
+                    optional: true,
+                    typeAnnotation: {
+                      type: 'Int32TypeAnnotation',
+                      default: 9999,
+                    },
+                  },
                   {
                     name: 'stringEnumProp',
                     optional: true,
@@ -1726,6 +1758,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 000000000000..ebef5169033a
--- /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 4074282cc57a..e82eddd170c3 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 11c6328ab729..65edf61ff7c5 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 ff77b09ca49b..0ee57230d1c1 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 3acb8162fe65..71903e8b92e3 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 cafe5cf886f7..0ab80f0b559e 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 1ccba96ba02d..218bf057b4aa 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 000000000000..84accf396ae9
--- /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 72653d4c56f2..605f4a219389 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 b232a9446ff1..c8b74b0aeb27 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 2ec6051506ea..ff3dea1de62b 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 ca4237ab4d74..b6de40820ccb 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 2dd8e73764b4..8d21560f105d 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 d22ef6b85965..fea966233c4e 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;
 
@@ -82,7 +81,7 @@ static inline std::string toString(const ArrayPropsNativeComponentSizesMask &val
     return result;
 }
 struct ArrayPropsNativeComponentObjectStruct {
-  std::string stringProp;
+  std::string stringProp{\\"\\"};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentObjectStruct &result) {
@@ -109,7 +108,7 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
 
 
 struct ArrayPropsNativeComponentArrayObjectStruct {
-  std::string stringProp;
+  std::string stringProp{\\"\\"};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentArrayObjectStruct &result) {
@@ -136,7 +135,7 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
 
 
 struct ArrayPropsNativeComponentArrayStruct {
-  std::vector<ArrayPropsNativeComponentArrayObjectStruct> object;
+  std::vector<ArrayPropsNativeComponentArrayObjectStruct> object{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentArrayStruct &result) {
@@ -163,7 +162,7 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
 
 
 struct ArrayPropsNativeComponentArrayOfArrayOfObjectStruct {
-  std::string stringProp;
+  std::string stringProp{\\"\\"};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentArrayOfArrayOfObjectStruct &result) {
@@ -213,8 +212,7 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
   std::vector<std::vector<ArrayPropsNativeComponentArrayOfArrayOfObjectStruct>> arrayOfArrayOfObject{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -241,13 +239,12 @@ Map {
 #include <react/renderer/imagemanager/primitives.h>
 #include <vector>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 struct ArrayPropsNativeComponentNativePrimitivesStruct {
-  std::vector<SharedColor> colors;
-  std::vector<ImageSource> srcs;
-  std::vector<Point> points;
+  std::vector<SharedColor> colors{};
+  std::vector<ImageSource> srcs{};
+  std::vector<Point> points{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ArrayPropsNativeComponentNativePrimitivesStruct &result) {
@@ -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 };
 
@@ -1147,7 +1100,7 @@ static inline std::string toString(const ObjectPropsIntEnumProp &value) {
   }
 }
 struct ObjectPropsObjectPropObjectArrayPropStruct {
-  std::vector<std::string> array;
+  std::vector<std::string> array{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropObjectArrayPropStruct &result) {
@@ -1164,9 +1117,9 @@ static inline std::string toString(const ObjectPropsObjectPropObjectArrayPropStr
 }
 
 struct ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct {
-  ImageSource image;
-  SharedColor color;
-  Point point;
+  ImageSource image{};
+  SharedColor color{};
+  Point point{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct &result) {
@@ -1191,7 +1144,7 @@ static inline std::string toString(const ObjectPropsObjectPropObjectPrimitiveReq
 }
 
 struct ObjectPropsObjectPropNestedPropANestedPropBStruct {
-  std::string nestedPropC;
+  std::string nestedPropC{\\"\\"};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropNestedPropANestedPropBStruct &result) {
@@ -1208,7 +1161,7 @@ static inline std::string toString(const ObjectPropsObjectPropNestedPropANestedP
 }
 
 struct ObjectPropsObjectPropNestedPropAStruct {
-  ObjectPropsObjectPropNestedPropANestedPropBStruct nestedPropB;
+  ObjectPropsObjectPropNestedPropANestedPropBStruct nestedPropB{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropNestedPropAStruct &result) {
@@ -1225,7 +1178,7 @@ static inline std::string toString(const ObjectPropsObjectPropNestedPropAStruct
 }
 
 struct ObjectPropsObjectPropNestedArrayAsPropertyArrayPropStruct {
-  std::string stringProp;
+  std::string stringProp{\\"\\"};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropNestedArrayAsPropertyArrayPropStruct &result) {
@@ -1252,7 +1205,7 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
 
 
 struct ObjectPropsObjectPropNestedArrayAsPropertyStruct {
-  std::vector<ObjectPropsObjectPropNestedArrayAsPropertyArrayPropStruct> arrayProp;
+  std::vector<ObjectPropsObjectPropNestedArrayAsPropertyArrayPropStruct> arrayProp{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropNestedArrayAsPropertyStruct &result) {
@@ -1269,16 +1222,20 @@ static inline std::string toString(const ObjectPropsObjectPropNestedArrayAsPrope
 }
 
 struct ObjectPropsObjectPropStruct {
-  std::string stringProp;
-  bool booleanProp;
-  Float floatProp;
-  int intProp;
-  ObjectPropsStringEnumProp stringEnumProp;
-  ObjectPropsIntEnumProp intEnumProp;
-  ObjectPropsObjectPropObjectArrayPropStruct objectArrayProp;
-  ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct objectPrimitiveRequiredProp;
-  ObjectPropsObjectPropNestedPropAStruct nestedPropA;
-  ObjectPropsObjectPropNestedArrayAsPropertyStruct nestedArrayAsProperty;
+  std::string stringProp{\\"\\"};
+  bool booleanProp{false};
+  Float floatProp{0.0};
+  int intProp{0};
+  std::string stringUserDefaultProp{\\"user_default\\"};
+  bool booleanUserDefaultProp{true};
+  Float floatUserDefaultProp{3.14};
+  int intUserDefaultProp{9999};
+  ObjectPropsStringEnumProp stringEnumProp{ObjectPropsStringEnumProp::Option1};
+  ObjectPropsIntEnumProp intEnumProp{ObjectPropsIntEnumProp::IntEnumProp0};
+  ObjectPropsObjectPropObjectArrayPropStruct objectArrayProp{};
+  ObjectPropsObjectPropObjectPrimitiveRequiredPropStruct objectPrimitiveRequiredProp{};
+  ObjectPropsObjectPropNestedPropAStruct nestedPropA{};
+  ObjectPropsObjectPropNestedArrayAsPropertyStruct nestedArrayAsProperty{};
 };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ObjectPropsObjectPropStruct &result) {
@@ -1300,6 +1257,22 @@ static inline void fromRawValue(const PropsParserContext& context, const RawValu
   if (tmp_intProp != map.end()) {
     fromRawValue(context, tmp_intProp->second, result.intProp);
   }
+  auto tmp_stringUserDefaultProp = map.find(\\"stringUserDefaultProp\\");
+  if (tmp_stringUserDefaultProp != map.end()) {
+    fromRawValue(context, tmp_stringUserDefaultProp->second, result.stringUserDefaultProp);
+  }
+  auto tmp_booleanUserDefaultProp = map.find(\\"booleanUserDefaultProp\\");
+  if (tmp_booleanUserDefaultProp != map.end()) {
+    fromRawValue(context, tmp_booleanUserDefaultProp->second, result.booleanUserDefaultProp);
+  }
+  auto tmp_floatUserDefaultProp = map.find(\\"floatUserDefaultProp\\");
+  if (tmp_floatUserDefaultProp != map.end()) {
+    fromRawValue(context, tmp_floatUserDefaultProp->second, result.floatUserDefaultProp);
+  }
+  auto tmp_intUserDefaultProp = map.find(\\"intUserDefaultProp\\");
+  if (tmp_intUserDefaultProp != map.end()) {
+    fromRawValue(context, tmp_intUserDefaultProp->second, result.intUserDefaultProp);
+  }
   auto tmp_stringEnumProp = map.find(\\"stringEnumProp\\");
   if (tmp_stringEnumProp != map.end()) {
     fromRawValue(context, tmp_stringEnumProp->second, result.stringEnumProp);
@@ -1339,8 +1312,7 @@ class ObjectPropsProps final : public ViewProps {
   ObjectPropsObjectPropStruct objectProp{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1362,8 +1334,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 +1346,7 @@ class PointPropNativeComponentProps final : public ViewProps {
   Point startPoint{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1397,8 +1367,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 +1397,7 @@ class StringEnumPropsNativeComponentProps final : public ViewProps {
   StringEnumPropsNativeComponentAlignment alignment{StringEnumPropsNativeComponentAlignment::Center};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1450,8 +1418,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 +1431,7 @@ class StringPropComponentProps final : public ViewProps {
   std::string accessibilityRole{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1486,8 +1452,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 +1474,7 @@ class MultiFile2NativeComponentProps final : public ViewProps {
   bool disabled{true};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1531,8 +1495,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 +1517,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 9bec5993102b..3e4de5ef9848 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 5b828b122d85..777839277545 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__/GeneratePropsJavaPojo-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaPojo-test.js.snap
index 47ce16d68f18..fe1eaec379e5 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaPojo-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaPojo-test.js.snap
@@ -1024,6 +1024,10 @@ public class ObjectPropsPropsObjectProp {
   private boolean mBooleanProp;
   private float mFloatProp;
   private int mIntProp;
+  private @Nullable String mStringUserDefaultProp;
+  private boolean mBooleanUserDefaultProp;
+  private float mFloatUserDefaultProp;
+  private int mIntUserDefaultProp;
   private @Nullable String mStringEnumProp;
   private @Nullable Integer mIntEnumProp;
   private ObjectPropsPropsObjectPropObjectArrayProp mObjectArrayProp;
@@ -1047,6 +1051,22 @@ public class ObjectPropsPropsObjectProp {
     return mIntProp;
   }
   @DoNotStrip
+  public @Nullable String getStringUserDefaultProp() {
+    return mStringUserDefaultProp;
+  }
+  @DoNotStrip
+  public boolean getBooleanUserDefaultProp() {
+    return mBooleanUserDefaultProp;
+  }
+  @DoNotStrip
+  public float getFloatUserDefaultProp() {
+    return mFloatUserDefaultProp;
+  }
+  @DoNotStrip
+  public int getIntUserDefaultProp() {
+    return mIntUserDefaultProp;
+  }
+  @DoNotStrip
   public @Nullable String getStringEnumProp() {
     return mStringEnumProp;
   }
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 6172d9ae6257..fb6c6404a1ee 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 f8e76bfa9e41..00c65ca1865c 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 81112bcefb78..0a4a8d39f160 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 c295dcfc57a1..58b9b1d9ca3d 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 f1b25981b317..e20b751dda78 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 eb6d622917a2..7543550f9946 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 e88cd1abe901..8212d94634c7 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 fa02920516e5..e435945e5c7f 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 e2107bde8f8f..6cfbdd060972 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 02ccc2668989..7f19db7e5d95 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('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 (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 ad23221bc4ce..d4544873fa2a 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
 `;
 };
 
@@ -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 fb9808075545..0bb2b35d15cb 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 ef7af6ae44a1..d85d093948ad 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 0fa67683e662..ad7918d686f8 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 e6c73c733888..9ea93a1da7a1 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 9524327b8713..ce4c1048cd36 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 9dcf621c7096..14f0ed724c78 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 2d9eb34d2564..62cc5e204ff0 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 8d172d32abc8..20e7a482b245 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 8f96919d4c38..387126e40ed8 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 b04d1afa0b57..cef33f44c2ef 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 20fb6911293a..8fcc178ac211 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 fdd04f630546..d65cd4166702 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 177f066876aa..27f98851161d 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 cc203a0927bd..72877187166b 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 d9936be271e6..630f41fbbb2b 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 36eafbe5884a..12d42258b985 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 bd62076f6e3d..44e25e768764 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 770f78a04b33..02aa6b3a535f 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 32eef3dcf5ca..41014b875069 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 65b681bc736f..31b396be3610 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 b06dd17789c9..907de44d7d3a 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 1e1fe3909c10..846598b46799 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 1fedbe252991..eb11370bd004 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 b0e42ecad955..6a13264b2c80 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 64cefa676f6b..7b93444feca6 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 dbcae681e81b..c99cf8de1629 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 e01d1ade6e1f..50f0dfdc5567 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 bf789178d996..c8ce0b157cbc 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 e827bcecbbd7..4d6ab405eb8f 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 17b3c933b326..940706e086c3 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 9b7acbba2082..0cae27b06079 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 a7a81e017831..c661f988517c 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 00d66fd81de9..64e6ed07e66b 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 6cda41648a00..e66808ba6a2b 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 ec20817c2bfb..0fb4e8a15e6c 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 c50c45f2d699..93e689553239 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 000000000000..8ffb03422e4f
--- /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 b0d1f2df2b50..91cac322b93b 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 73e71760df44..02af59166068 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 7835107642da..4c0d0257ed54 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 1a775b3079cb..7b0cc7ed53f0 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 f2f5a3839d55..81b7a446aa87 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 e632570db09c..dbc2c564cc4f 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 0fdf3c375114..2ebf6158b2dc 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 7f81b17e6cc3..ed237a0b6c9e 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 59699c28576f..5c31630cb3c8 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 dd56de0b1351..cd31e4f4d71e 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 390a6d71b960..882f7002d9a4 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 bbe56a973e5b..f6eb2f12042d 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 0be6d104d580..a0672ac35704 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 fa0ed221a957..6e29af9caf13 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 4d3523c6a194..fa95c8f7e41b 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 5f6377869afb..09a26837f093 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 870a93494166..e18ec2843dd1 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 04b471ac808d..58b9444b46e5 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 68b1e694dbf2..d375d0bbae99 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 4668924375cc..0b92061702db 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 9e8dc836b4ed..7262b60301bf 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 5c904c6c80fe..77c302759512 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/.gitignore b/packages/react-native-gradle-plugin/.gitignore
new file mode 100644
index 000000000000..a03a24d2cd8e
--- /dev/null
+++ b/packages/react-native-gradle-plugin/.gitignore
@@ -0,0 +1,3 @@
+build/
+react-native-gradle-plugin/build/
+settings-plugin/build/
\ No newline at end of file
diff --git a/packages/react-native-gradle-plugin/build.gradle.kts b/packages/react-native-gradle-plugin/build.gradle.kts
index 8934f0f30ba3..f14ffcd1726e 100644
--- a/packages/react-native-gradle-plugin/build.gradle.kts
+++ b/packages/react-native-gradle-plugin/build.gradle.kts
@@ -5,75 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import org.gradle.api.internal.classpath.ModuleRegistry
-import org.gradle.api.tasks.testing.logging.TestExceptionFormat
-import org.gradle.configurationcache.extensions.serviceOf
-import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
-
 plugins {
-  alias(libs.plugins.kotlin.jvm)
+  alias(libs.plugins.kotlin.jvm).apply(false)
   id("java-gradle-plugin")
-}
-
-repositories {
-  google()
-  mavenCentral()
-}
-
-gradlePlugin {
-  plugins {
-    create("react") {
-      id = "com.facebook.react"
-      implementationClass = "com.facebook.react.ReactPlugin"
-    }
-  }
-}
-
-group = "com.facebook.react"
-
-dependencies {
-  implementation(gradleApi())
-
-  // The KGP/AGP version is defined by React Native Gradle plugin.
-  // Therefore we specify an implementation dep rather than a compileOnly.
-  implementation(libs.kotlin.gradle.plugin)
-  implementation(libs.android.gradle.plugin)
-
-  implementation(libs.gson)
-  implementation(libs.guava)
-  implementation(libs.javapoet)
-
-  testImplementation(libs.junit)
-
-  testRuntimeOnly(
-      files(
-          serviceOf<ModuleRegistry>()
-              .getModule("gradle-tooling-api-builders")
-              .classpath
-              .asFiles
-              .first()))
-}
-
-// We intentionally don't build for Java 17 as users will see a cryptic bytecode version
-// error first. Instead we produce a Java 11-compatible Gradle Plugin, so that AGP can print their
-// nice message showing that JDK 11 (or 17) is required first
-java { targetCompatibility = JavaVersion.VERSION_11 }
-
-kotlin { jvmToolchain(17) }
-
-tasks.withType<KotlinCompile>().configureEach {
-  kotlinOptions {
-    apiVersion = "1.5"
-    // See comment above on JDK 11 support
-    jvmTarget = "11"
-  }
-}
-
-tasks.withType<Test>().configureEach {
-  testLogging {
-    exceptionFormat = TestExceptionFormat.FULL
-    showExceptions = true
-    showCauses = true
-    showStackTraces = true
-  }
-}
+}
\ No newline at end of file
diff --git a/packages/react-native-gradle-plugin/gradle/libs.versions.toml b/packages/react-native-gradle-plugin/gradle/libs.versions.toml
index f2a1d2edab76..24a77d1f56d0 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 7f93135c49b7..d64cd4917707 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 d11cdd907dd9..2ea3535dc058 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.3-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 b/packages/react-native-gradle-plugin/gradlew
index 0adc8e1a5321..1aa94a426907 100755
--- a/packages/react-native-gradle-plugin/gradlew
+++ b/packages/react-native-gradle-plugin/gradlew
@@ -145,7 +145,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
         # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
@@ -153,7 +153,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
       '' | soft) :;; #(
       *)
         # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -202,11 +202,11 @@ fi
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
-# Collect all arguments for the java command;
-#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
-#     shell script including quotes and variable substitutions, so put them in
-#     double quotes to make sure that they get re-expanded; and
-#   * put everything else in single quotes, so that it's not re-expanded.
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
 
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
diff --git a/packages/react-native-gradle-plugin/gradlew.bat b/packages/react-native-gradle-plugin/gradlew.bat
index 6689b85beecd..7101f8e4676f 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 a1b8f3a2ce75..af928e7d875e 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.88",
   "description": "Gradle Plugin for React Native",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,11 @@
     "directory": "packages/react-native-gradle-plugin"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/react-native-gradle-plugin#readme",
-  "keywords": ["gradle", "plugin", "react-native"],
+  "keywords": [
+    "gradle",
+    "plugin",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
@@ -25,9 +29,8 @@
     "gradle",
     "gradlew",
     "gradlew.bat",
-    "src/main",
-    "README.md"
-  ],
-  "dependencies": {},
-  "devDependencies": {}
+    "README.md",
+    "react-native-gradle-plugin",
+    "settings-plugin"
+  ]
 }
diff --git a/packages/react-native-gradle-plugin/react-native-gradle-plugin/build.gradle.kts b/packages/react-native-gradle-plugin/react-native-gradle-plugin/build.gradle.kts
new file mode 100644
index 000000000000..6e09a3e22a75
--- /dev/null
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/build.gradle.kts
@@ -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.
+ */
+
+import org.gradle.api.internal.classpath.ModuleRegistry
+import org.gradle.api.tasks.testing.logging.TestExceptionFormat
+import org.gradle.configurationcache.extensions.serviceOf
+import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
+
+plugins {
+  alias(libs.plugins.kotlin.jvm)
+  id("java-gradle-plugin")
+}
+
+repositories {
+  google()
+  mavenCentral()
+}
+
+gradlePlugin {
+  plugins {
+    create("react") {
+      id = "com.facebook.react"
+      implementationClass = "com.facebook.react.ReactPlugin"
+    }
+    create("reactrootproject") {
+      id = "com.facebook.react.rootproject"
+      implementationClass = "com.facebook.react.ReactRootProjectPlugin"
+    }
+  }
+}
+
+group = "com.facebook.react"
+
+dependencies {
+  implementation(gradleApi())
+
+  // The KGP/AGP version is defined by React Native Gradle plugin.
+  // Therefore we specify an implementation dep rather than a compileOnly.
+  implementation(libs.kotlin.gradle.plugin)
+  implementation(libs.android.gradle.plugin)
+
+  implementation(libs.gson)
+  implementation(libs.guava)
+  implementation(libs.javapoet)
+
+  testImplementation(libs.junit)
+
+  testRuntimeOnly(
+      files(
+          serviceOf<ModuleRegistry>()
+              .getModule("gradle-tooling-api-builders")
+              .classpath
+              .asFiles
+              .first()))
+}
+
+// We intentionally don't build for Java 17 as users will see a cryptic bytecode version
+// error first. Instead we produce a Java 11-compatible Gradle Plugin, so that AGP can print their
+// nice message showing that JDK 11 (or 17) is required first
+java { targetCompatibility = JavaVersion.VERSION_11 }
+
+kotlin { jvmToolchain(17) }
+
+tasks.withType<KotlinCompile>().configureEach {
+  kotlinOptions {
+    apiVersion = "1.6"
+    // See comment above on JDK 11 support
+    jvmTarget = "11"
+    allWarningsAsErrors = true
+  }
+}
+
+tasks.withType<Test>().configureEach {
+  testLogging {
+    exceptionFormat = TestExceptionFormat.FULL
+    showExceptions = true
+    showCauses = true
+    showStackTraces = true
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactExtension.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactExtension.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactExtension.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactExtension.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
similarity index 82%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
index 6ab11a38c079..2c5bea4099c5 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
+++ b/packages/react-native-gradle-plugin/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
@@ -22,6 +24,7 @@ import com.facebook.react.utils.JdkConfiguratorUtils.configureJavaToolChains
 import com.facebook.react.utils.JsonUtils
 import com.facebook.react.utils.NdkConfiguratorUtils.configureReactNativeNdk
 import com.facebook.react.utils.ProjectUtils.needsCodegenFromPackageJson
+import com.facebook.react.utils.ProjectUtils.shouldWarnIfNewArchFlagIsSetInPrealpha
 import com.facebook.react.utils.findPackageJsonFile
 import java.io.File
 import kotlin.system.exitProcess
@@ -36,6 +39,7 @@ class ReactPlugin : Plugin<Project> {
   override fun apply(project: Project) {
     checkJvmVersion(project)
     val extension = project.extensions.create("react", ReactExtension::class.java, project)
+    checkIfNewArchFlagIsSet(project, extension)
 
     // We register a private extension on the rootProject so that project wide configs
     // like codegen config can be propagated from app project to libraries.
@@ -64,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 ->
@@ -77,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) {
@@ -104,6 +108,23 @@ class ReactPlugin : Plugin<Project> {
     }
   }
 
+  private fun checkIfNewArchFlagIsSet(project: Project, extension: ReactExtension) {
+    if (project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension)) {
+      project.logger.warn(
+          """
+
+      ********************************************************************************
+
+      WARNING: This version of React Native is ignoring the `newArchEnabled` flag you set. Please set it to true or remove it to suppress this warning.
+
+
+      ********************************************************************************
+
+      """
+              .trimIndent())
+    }
+  }
+
   /** This function sets up `react-native-codegen` in our Gradle plugin. */
   @Suppress("UnstableApiUsage")
   private fun configureCodegen(
@@ -140,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 {
@@ -147,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.
@@ -167,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/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactRootProjectPlugin.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactRootProjectPlugin.kt
new file mode 100644
index 000000000000..5f232cd0e581
--- /dev/null
+++ b/packages/react-native-gradle-plugin/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/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
similarity index 98%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
index ed5551d0987f..b676d471b4c6 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
@@ -23,6 +23,7 @@ internal fun Project.configureReactTasks(variant: Variant, config: ReactExtensio
   val targetName = variant.name.capitalizeCompat()
   val targetPath = variant.name
 
+  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/internal/PrivateReactExtension.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/internal/PrivateReactExtension.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/internal/PrivateReactExtension.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/internal/PrivateReactExtension.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
similarity index 79%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
index 26d7f08d95d3..afd02bc06ab4 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
+++ b/packages/react-native-gradle-plugin/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/model/ModelCodegenConfigAndroid.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfigAndroid.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfigAndroid.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfigAndroid.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelPackageJson.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelPackageJson.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelPackageJson.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelPackageJson.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/BundleHermesCTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/BundleHermesCTask.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/BundleHermesCTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/BundleHermesCTask.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTask.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTask.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
similarity index 97%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
index 3c65387a4036..828a145b0076 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
+++ b/packages/react-native-gradle-plugin/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/BuildCodegenCLITask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITask.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITask.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
similarity index 94%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
index ee680337af49..e3da9e4aa448 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
+++ b/packages/react-native-gradle-plugin/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/PrepareGlogTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareGlogTask.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareGlogTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareGlogTask.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareJSCTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareJSCTask.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareJSCTask.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareJSCTask.kt
diff --git a/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTask.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTask.kt
new file mode 100644
index 000000000000..6b0739176830
--- /dev/null
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTask.kt
@@ -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.
+ */
+
+package com.facebook.react.tasks.internal
+
+import com.facebook.react.tasks.internal.utils.PrefabPreprocessingEntry
+import java.io.File
+import javax.inject.Inject
+import org.gradle.api.DefaultTask
+import org.gradle.api.file.DirectoryProperty
+import org.gradle.api.file.FileSystemOperations
+import org.gradle.api.file.RegularFile
+import org.gradle.api.provider.ListProperty
+import org.gradle.api.tasks.Input
+import org.gradle.api.tasks.OutputDirectory
+import org.gradle.api.tasks.TaskAction
+
+/**
+ * A task that takes care of copying headers and filtering them so that can be consumed by the
+ * Prefab protocol. This task handles also the header prefixes.
+ *
+ * It currently filters out some of the Boost headers as they're not used by React Native and are
+ * resulting in bigger .aar (250Mb+).
+ *
+ * You should provide in input a list fo [PrefabPreprocessingEntry] that will be used by this task
+ * to do the necessary copy operations.
+ */
+abstract class PreparePrefabHeadersTask : DefaultTask() {
+
+  @get:Input abstract val input: ListProperty<PrefabPreprocessingEntry>
+
+  @get:OutputDirectory abstract val outputDir: DirectoryProperty
+
+  @get:Inject abstract val fs: FileSystemOperations
+
+  @TaskAction
+  fun taskAction() {
+    input.get().forEach { (libraryName, pathToPrefixCouples) ->
+      val outputFolder: RegularFile = outputDir.file(libraryName).get()
+      pathToPrefixCouples.forEach { (headerPath, headerPrefix) ->
+        fs.copy {
+          it.from(headerPath)
+          it.include("**/*.h")
+          it.exclude("**/*.cpp")
+          it.exclude("**/*.txt")
+          // We don't want to copy all the boost headers as they are 250Mb+
+          it.include("boost/config.hpp")
+          it.include("boost/config/**/*.hpp")
+          it.include("boost/core/*.hpp")
+          it.include("boost/detail/workaround.hpp")
+          it.include("boost/operators.hpp")
+          it.include("boost/preprocessor/**/*.hpp")
+          // Headers needed for exposing rrc_text and rrc_textinput
+          it.include("boost/container_hash/**/*.hpp")
+          it.include("boost/detail/**/*.hpp")
+          it.include("boost/intrusive/**/*.hpp")
+          it.include("boost/iterator/**/*.hpp")
+          it.include("boost/move/**/*.hpp")
+          it.include("boost/mpl/**/*.hpp")
+          it.include("boost/mp11/**/*.hpp")
+          it.include("boost/describe/**/*.hpp")
+          it.include("boost/preprocessor/**/*.hpp")
+          it.include("boost/type_traits/**/*.hpp")
+          it.include("boost/utility/**/*.hpp")
+          it.include("boost/detail/workaround.hpp")
+          it.include("boost/assert.hpp")
+          it.include("boost/static_assert.hpp")
+          it.include("boost/cstdint.hpp")
+          it.include("boost/operators.hpp")
+          it.include("boost/config.hpp")
+          it.include("boost/utility.hpp")
+          it.include("boost/version.hpp")
+          it.into(File(outputFolder.asFile, headerPrefix))
+        }
+      }
+    }
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntry.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntry.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntry.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntry.kt
diff --git a/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
new file mode 100644
index 000000000000..39344aac7716
--- /dev/null
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
@@ -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.
+ */
+
+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 configureBuildConfigFieldsForApp(project: Project, extension: ReactExtension) {
+    val action =
+        Action<AppliedPlugin> {
+          project.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
+            ext.buildFeatures.buildConfig = true
+            ext.defaultConfig.buildConfigField(
+                "boolean",
+                "IS_NEW_ARCHITECTURE_ENABLED",
+                project.isNewArchEnabled(extension).toString())
+            ext.defaultConfig.buildConfigField(
+                "boolean", "IS_HERMES_ENABLED", project.isHermesEnabled.toString())
+          }
+        }
+    project.pluginManager.withPlugin("com.android.application", action)
+    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 action =
+        Action<AppliedPlugin> {
+          project.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
+            ext.defaultConfig.resValue("integer", "react_native_dev_server_port", devServerPort)
+          }
+        }
+
+    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/BackwardCompatUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/BackwardCompatUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/BackwardCompatUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/BackwardCompatUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
similarity index 92%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
index eb91dc556343..aedd296d40ee 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
+++ b/packages/react-native-gradle-plugin/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/FileUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/FileUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/FileUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/FileUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JdkConfiguratorUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JdkConfiguratorUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JdkConfiguratorUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JdkConfiguratorUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JsonUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JsonUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JsonUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/JsonUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
similarity index 99%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
index 9434b5a3c52f..d24a9ee99021 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
+++ b/packages/react-native-gradle-plugin/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/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
similarity index 98%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
index 6b3fa4a3e88b..e00a793ca86d 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
+++ b/packages/react-native-gradle-plugin/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/PathUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PathUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PathUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PathUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
similarity index 86%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
index bc04a48c4b40..62f4019ae33e 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
@@ -111,7 +111,22 @@ internal object ProjectUtils {
       return false
     }
 
-    val major = matchResult.groupValues[1].toInt()
-    return major > 0 && major < 1000
+    val prerelease = matchResult.groupValues[4].toString()
+    return prerelease.contains("prealpha")
   }
+
+  internal fun Project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension: ReactExtension): Boolean {
+
+    val propertySetToFalse =
+        (this.hasPropertySetToFalse(NEW_ARCH_ENABLED)) ||
+            (this.hasPropertySetToFalse(SCOPED_NEW_ARCH_ENABLED))
+
+    val shouldEnableNewArch =
+        shouldEnableNewArchForReactNativeVersion(this.reactNativeDir(extension))
+
+    return shouldEnableNewArch && propertySetToFalse
+  }
+
+  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/main/kotlin/com/facebook/react/utils/PropertyUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PropertyUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PropertyUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/PropertyUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/TaskUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/TaskUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/TaskUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/TaskUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/TestReactExtension.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/TestReactExtension.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/TestReactExtension.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/TestReactExtension.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/BundleHermesCTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/BundleHermesCTaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/BundleHermesCTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/BundleHermesCTaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
similarity index 98%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
index 780710cce455..447c58aaa4cb 100644
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
+++ b/packages/react-native-gradle-plugin/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/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
similarity index 97%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
index b97c1b29a204..0d0f15992382 100644
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
+++ b/packages/react-native-gradle-plugin/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/BuildCodegenCLITaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/BuildCodegenCLITaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareBoostTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareBoostTaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareBoostTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareBoostTaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareGlogTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareGlogTaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareGlogTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareGlogTaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareJSCTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareJSCTaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareJSCTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareJSCTaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTaskTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTaskTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTaskTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTaskTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntryTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntryTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntryTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/utils/PrefabPreprocessingEntryTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/OsRule.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/OsRule.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/OsRule.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/OsRule.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/TaskTestUtils.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/TaskTestUtils.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/TaskTestUtils.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/TaskTestUtils.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/WithOs.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/WithOs.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/WithOs.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tests/WithOs.kt
diff --git a/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/AgpConfiguratorUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/AgpConfiguratorUtilsTest.kt
new file mode 100644
index 000000000000..1c9c07eb0b6f
--- /dev/null
+++ b/packages/react-native-gradle-plugin/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/BackwardCompatUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/BackwardCompatUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/BackwardCompatUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/BackwardCompatUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/DependencyUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/DependencyUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/DependencyUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/DependencyUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/FileUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/FileUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/FileUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/FileUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/JsonUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/JsonUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/JsonUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/JsonUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/KotlinStdlibCompatUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/NdkConfiguratorUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/NdkConfiguratorUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/NdkConfiguratorUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/NdkConfiguratorUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/OsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/OsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/OsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/OsTest.kt
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/PathUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/PathUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/PathUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/PathUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
new file mode 100644
index 000000000000..6c87c88edac6
--- /dev/null
+++ b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
@@ -0,0 +1,533 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 com.facebook.react.TestReactExtension
+import com.facebook.react.model.ModelCodegenConfig
+import com.facebook.react.model.ModelPackageJson
+import com.facebook.react.tests.createProject
+import com.facebook.react.utils.ProjectUtils.getReactNativeArchitectures
+import com.facebook.react.utils.ProjectUtils.isHermesEnabled
+import com.facebook.react.utils.ProjectUtils.isNewArchEnabled
+import com.facebook.react.utils.ProjectUtils.needsCodegenFromPackageJson
+import com.facebook.react.utils.ProjectUtils.shouldWarnIfNewArchFlagIsSetInPrealpha
+import java.io.File
+import org.junit.Assert.*
+import org.junit.Rule
+import org.junit.Test
+import org.junit.rules.TemporaryFolder
+
+class ProjectUtilsTest {
+
+  @get:Rule val tempFolder = TemporaryFolder()
+
+  @Test
+  fun isNewArchEnabled_returnsFalseByDefault() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    assertFalse(createProject().isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withDisabled_returnsFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "false")
+    val extension = TestReactExtension(project)
+    assertFalse(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withEnabled_returnsTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    assertTrue(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withInvalid_returnsFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "¯\\_(ツ)_/¯")
+    val extension = TestReactExtension(project)
+    assertFalse(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersion0_returnFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.73.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersionPrealpha_returnTrue() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-202310916"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersion1PrereleaseString_returnTrue() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "1.2.3-prealpha0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersion1PrereleaseStringDotNumber_returnTrue() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "1.2.3-prealpha.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersion1PrereleaseStringDashNumber_returnTrue() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "1.2.3-prealpha-0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isNewArchEnabled_withRNVersion1000_returnFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "1000.0.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.isNewArchEnabled(extension))
+  }
+
+  @Test
+  fun isHermesEnabled_returnsTrueByDefault() {
+    assertTrue(createProject().isHermesEnabled)
+  }
+
+  @Test
+  fun isNewArchEnabled_withDisabledViaProperty_returnsFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("hermesEnabled", "false")
+    assertFalse(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withEnabledViaProperty_returnsTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("hermesEnabled", "true")
+    assertTrue(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withInvalidViaProperty_returnsTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("hermesEnabled", "¯\\_(ツ)_/¯")
+    assertTrue(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withDisabledViaExt_returnsFalse() {
+    val project = createProject()
+    val extMap = mapOf("enableHermes" to false)
+    project.extensions.extraProperties.set("react", extMap)
+    assertFalse(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withEnabledViaExt_returnsTrue() {
+    val project = createProject()
+    val extMap = mapOf("enableHermes" to true)
+    project.extensions.extraProperties.set("react", extMap)
+    assertTrue(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withDisabledViaExtAsString_returnsFalse() {
+    val project = createProject()
+    val extMap = mapOf("enableHermes" to "false")
+    project.extensions.extraProperties.set("react", extMap)
+    assertFalse(project.isHermesEnabled)
+  }
+
+  @Test
+  fun isHermesEnabled_withInvalidViaExt_returnsTrue() {
+    val project = createProject()
+    val extMap = mapOf("enableHermes" to "¯\\_(ツ)_/¯")
+    project.extensions.extraProperties.set("react", extMap)
+    assertTrue(project.isHermesEnabled)
+  }
+
+  @Test
+  fun needsCodegenFromPackageJson_withCodegenConfigInPackageJson_returnsTrue() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "name": "a-library",
+        "codegenConfig": {}
+      }
+      """
+              .trimIndent())
+    }
+    extension.root.set(tempFolder.root)
+    assertTrue(project.needsCodegenFromPackageJson(extension.root))
+  }
+
+  @Test
+  fun needsCodegenFromPackageJson_withMissingCodegenConfigInPackageJson_returnsFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "name": "a-library"
+      }
+      """
+              .trimIndent())
+    }
+    extension.root.set(tempFolder.root)
+    assertFalse(project.needsCodegenFromPackageJson(extension.root))
+  }
+
+  @Test
+  fun needsCodegenFromPackageJson_withCodegenConfigInModel_returnsTrue() {
+    val project = createProject()
+    val model = ModelPackageJson("1000.0.0", ModelCodegenConfig(null, null, null, null, false))
+
+    assertTrue(project.needsCodegenFromPackageJson(model))
+  }
+
+  @Test
+  fun needsCodegenFromPackageJson_withMissingCodegenConfigInModel_returnsFalse() {
+    val project = createProject()
+    val model = ModelPackageJson("1000.0.0", null)
+
+    assertFalse(project.needsCodegenFromPackageJson(model))
+  }
+
+  @Test
+  fun needsCodegenFromPackageJson_withMissingPackageJson_returnsFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+
+    assertFalse(project.needsCodegenFromPackageJson(extension.root))
+  }
+
+  @Test
+  fun getReactNativeArchitectures_withMissingProperty_returnsEmptyList() {
+    val project = createProject()
+    assertTrue(project.getReactNativeArchitectures().isEmpty())
+  }
+
+  @Test
+  fun getReactNativeArchitectures_withEmptyProperty_returnsEmptyList() {
+    val project = createProject()
+    project.extensions.extraProperties.set("reactNativeArchitectures", "")
+    assertTrue(project.getReactNativeArchitectures().isEmpty())
+  }
+
+  @Test
+  fun getReactNativeArchitectures_withSingleArch_returnsSingleton() {
+    val project = createProject()
+    project.extensions.extraProperties.set("reactNativeArchitectures", "x86")
+
+    val archs = project.getReactNativeArchitectures()
+    assertEquals(1, archs.size)
+    assertEquals("x86", archs[0])
+  }
+
+  @Test
+  fun getReactNativeArchitectures_withMultipleArch_returnsList() {
+    val project = createProject()
+    project.extensions.extraProperties.set(
+        "reactNativeArchitectures", "armeabi-v7a,arm64-v8a,x86,x86_64")
+
+    val archs = project.getReactNativeArchitectures()
+    assertEquals(4, archs.size)
+    assertEquals("armeabi-v7a", archs[0])
+    assertEquals("arm64-v8a", archs[1])
+    assertEquals("x86", archs[2])
+    assertEquals("x86_64", archs[3])
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenNewArchIsSetToFalseAndOnPrealpha_returnTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "false")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenScopedNewArchIsSetToFalseAndOnPrealpha_returnTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("react.newArchEnabled", "false")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenBothAreSetToFalseAndOnPrealpha_returnTrue() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "false")
+    project.extensions.extraProperties.set("react.newArchEnabled", "false")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertTrue(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenNewArchIsSetToTrueAndOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenScopedNewArchIsSetToTrueAndOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("react.newArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenBothAreSetToTrueAndOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "true")
+    project.extensions.extraProperties.set("react.newArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenNoneAreSetAndOnPrealpha_returnFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.0.0-prealpha-2023100915"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenNewArchIsSetToTrueAndNotOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newxArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.73.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenScopedNewArchIsSetToTrueAndNotOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("react.newxArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.73.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenBothAreSetToTrueAndNotOnPrealpha_returnFalse() {
+    val project = createProject()
+    project.extensions.extraProperties.set("newArchEnabled", "true")
+    project.extensions.extraProperties.set("react.newxArchEnabled", "true")
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.73.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+
+  @Test
+  fun shouldWarnIfNewArchFlagIsSetInPrealpha_whenNoneAreSetAndNotOnPrealpha_returnFalse() {
+    val project = createProject()
+    val extension = TestReactExtension(project)
+    File(tempFolder.root, "package.json").apply {
+      writeText(
+          // language=json
+          """
+      {
+        "version": "0.73.0"
+      }
+      """
+              .trimIndent())
+    }
+    extension.reactNativeDir.set(tempFolder.root)
+    assertFalse(project.shouldWarnIfNewArchFlagIsSetInPrealpha(extension))
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/TaskUtilsTest.kt b/packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/TaskUtilsTest.kt
similarity index 100%
rename from packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/TaskUtilsTest.kt
rename to packages/react-native-gradle-plugin/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/TaskUtilsTest.kt
diff --git a/packages/react-native-gradle-plugin/settings-plugin/build.gradle.kts b/packages/react-native-gradle-plugin/settings-plugin/build.gradle.kts
new file mode 100644
index 000000000000..dad34aaa9c4e
--- /dev/null
+++ b/packages/react-native-gradle-plugin/settings-plugin/build.gradle.kts
@@ -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.
+ */
+
+import org.gradle.api.tasks.testing.logging.TestExceptionFormat
+import org.jetbrains.kotlin.gradle.tasks.KotlinCompile
+
+plugins {
+  alias(libs.plugins.kotlin.jvm)
+  id("java-gradle-plugin")
+}
+
+repositories {
+  google()
+  mavenCentral()
+}
+
+gradlePlugin {
+  plugins {
+    create("react.settings") {
+      id = "com.facebook.react.settings"
+      implementationClass = "com.facebook.react.ReactSettingsPlugin"
+    }
+  }
+}
+
+group = "com.facebook.react"
+
+dependencies {
+  implementation(gradleApi())
+}
+
+// We intentionally don't build for Java 17 as users will see a cryptic bytecode version
+// error first. Instead we produce a Java 11-compatible Gradle Plugin, so that AGP can print their
+// nice message showing that JDK 11 (or 17) is required first
+java { targetCompatibility = JavaVersion.VERSION_11 }
+
+kotlin { jvmToolchain(17) }
+
+tasks.withType<KotlinCompile>().configureEach {
+  kotlinOptions {
+    apiVersion = "1.6"
+    // See comment above on JDK 11 support
+    jvmTarget = "11"
+    allWarningsAsErrors = true
+  }
+}
\ No newline at end of file
diff --git a/packages/react-native-gradle-plugin/settings-plugin/src/main/kotlin/com/facebook/react/ReactSettingsPlugin.kt b/packages/react-native-gradle-plugin/settings-plugin/src/main/kotlin/com/facebook/react/ReactSettingsPlugin.kt
new file mode 100644
index 000000000000..6e4da24d13f7
--- /dev/null
+++ b/packages/react-native-gradle-plugin/settings-plugin/src/main/kotlin/com/facebook/react/ReactSettingsPlugin.kt
@@ -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
+
+import org.gradle.api.Plugin
+import org.gradle.api.initialization.Settings
+
+/**
+ * This is a stub of the com.facebook.react.settings plugin.
+ * 
+ * The plugin got added in 0.75, but to make it easier for 0.74 users to upgrade to 0.75, we're
+ * creating a stub plugin that does nothing. This way, users can include a `id("com.facebook.react.settings")`
+ * in their settings.gradle file without causing a build failure on 0.74.
+ */
+class ReactSettingsPlugin : Plugin<Settings> {
+  override fun apply(settings: Settings) {
+    // Do nothing, just register the plugin.
+  }
+}
\ No newline at end of file
diff --git a/packages/react-native-gradle-plugin/settings.gradle.kts b/packages/react-native-gradle-plugin/settings.gradle.kts
index 8a0ecaa26f44..b6492c8ad95e 100644
--- a/packages/react-native-gradle-plugin/settings.gradle.kts
+++ b/packages/react-native-gradle-plugin/settings.gradle.kts
@@ -15,4 +15,9 @@ pluginManagement {
 
 plugins { id("org.gradle.toolchains.foojay-resolver-convention").version("0.5.0") }
 
-rootProject.name = "react-native-gradle-plugin"
+include(
+    ":react-native-gradle-plugin",
+    ":settings-plugin",
+)
+
+rootProject.name = "gradle-plugin-root"
\ No newline at end of file
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 fb00626557f3..000000000000
--- 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/tasks/internal/PreparePrefabHeadersTask.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTask.kt
deleted file mode 100644
index f3b55e091104..000000000000
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PreparePrefabHeadersTask.kt
+++ /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.tasks.internal
-
-import com.facebook.react.tasks.internal.utils.PrefabPreprocessingEntry
-import java.io.File
-import javax.inject.Inject
-import org.gradle.api.DefaultTask
-import org.gradle.api.file.DirectoryProperty
-import org.gradle.api.file.FileSystemOperations
-import org.gradle.api.file.RegularFile
-import org.gradle.api.provider.ListProperty
-import org.gradle.api.tasks.Input
-import org.gradle.api.tasks.OutputDirectory
-import org.gradle.api.tasks.TaskAction
-
-/**
- * A task that takes care of copying headers and filtering them so that can be consumed by the
- * Prefab protocol. This task handles also the header prefixes.
- *
- * It currently filters out some of the Boost headers as they're not used by React Native and are
- * resulting in bigger .aar (250Mb+).
- *
- * You should provide in input a list fo [PrefabPreprocessingEntry] that will be used by this task
- * to do the necessary copy operations.
- */
-abstract class PreparePrefabHeadersTask : DefaultTask() {
-
-  @get:Input abstract val input: ListProperty<PrefabPreprocessingEntry>
-
-  @get:OutputDirectory abstract val outputDir: DirectoryProperty
-
-  @get:Inject abstract val fs: FileSystemOperations
-
-  @TaskAction
-  fun taskAction() {
-    input.get().forEach { (libraryName, pathToPrefixCouples) ->
-      val outputFolder: RegularFile = outputDir.file(libraryName).get()
-      pathToPrefixCouples.forEach { (headerPath, headerPrefix) ->
-        fs.copy {
-          it.from(headerPath)
-          it.include("**/*.h")
-          it.exclude("**/*.cpp")
-          it.exclude("**/*.txt")
-          // We don't want to copy all the boost headers as they are 250Mb+
-          it.include("boost/config.hpp")
-          it.include("boost/config/**/*.hpp")
-          it.include("boost/core/*.hpp")
-          it.include("boost/detail/workaround.hpp")
-          it.include("boost/operators.hpp")
-          it.include("boost/preprocessor/**/*.hpp")
-          it.into(File(outputFolder.asFile, headerPrefix))
-        }
-      }
-    }
-  }
-}
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
deleted file mode 100644
index 0312095b0fe7..000000000000
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
+++ /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.
- */
-
-package com.facebook.react.utils
-
-import com.android.build.api.variant.AndroidComponentsExtension
-import com.facebook.react.ReactExtension
-import com.facebook.react.utils.ProjectUtils.isHermesEnabled
-import com.facebook.react.utils.ProjectUtils.isNewArchEnabled
-import org.gradle.api.Action
-import org.gradle.api.Project
-import org.gradle.api.plugins.AppliedPlugin
-
-@Suppress("UnstableApiUsage")
-internal object AgpConfiguratorUtils {
-
-  fun configureBuildConfigFields(project: Project, extension: ReactExtension) {
-    val action =
-        Action<AppliedPlugin> {
-          project.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
-            ext.buildFeatures.buildConfig = true
-            ext.defaultConfig.buildConfigField(
-                "boolean",
-                "IS_NEW_ARCHITECTURE_ENABLED",
-                project.isNewArchEnabled(extension).toString())
-            ext.defaultConfig.buildConfigField(
-                "boolean", "IS_HERMES_ENABLED", project.isHermesEnabled.toString())
-          }
-        }
-    project.pluginManager.withPlugin("com.android.application", action)
-    project.pluginManager.withPlugin("com.android.library", action)
-  }
-
-  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)
-  }
-}
-
-const val DEFAULT_DEV_SERVER_PORT = "8081"
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 f5085df947a4..000000000000
--- 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/ProjectUtilsTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
deleted file mode 100644
index 3d8fd6e1d48b..000000000000
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
+++ /dev/null
@@ -1,322 +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.utils
-
-import com.facebook.react.TestReactExtension
-import com.facebook.react.model.ModelCodegenConfig
-import com.facebook.react.model.ModelPackageJson
-import com.facebook.react.tests.createProject
-import com.facebook.react.utils.ProjectUtils.getReactNativeArchitectures
-import com.facebook.react.utils.ProjectUtils.isHermesEnabled
-import com.facebook.react.utils.ProjectUtils.isNewArchEnabled
-import com.facebook.react.utils.ProjectUtils.needsCodegenFromPackageJson
-import java.io.File
-import org.junit.Assert.*
-import org.junit.Rule
-import org.junit.Test
-import org.junit.rules.TemporaryFolder
-
-class ProjectUtilsTest {
-
-  @get:Rule val tempFolder = TemporaryFolder()
-
-  @Test
-  fun isNewArchEnabled_returnsFalseByDefault() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    assertFalse(createProject().isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withDisabled_returnsFalse() {
-    val project = createProject()
-    project.extensions.extraProperties.set("newArchEnabled", "false")
-    val extension = TestReactExtension(project)
-    assertFalse(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withEnabled_returnsTrue() {
-    val project = createProject()
-    project.extensions.extraProperties.set("newArchEnabled", "true")
-    val extension = TestReactExtension(project)
-    assertTrue(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withInvalid_returnsFalse() {
-    val project = createProject()
-    project.extensions.extraProperties.set("newArchEnabled", "¯\\_(ツ)_/¯")
-    val extension = TestReactExtension(project)
-    assertFalse(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion0_returnFalse() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "0.73.0"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertFalse(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion1_returnTrue() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "1.2.3"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertTrue(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion1PrereleaseString_returnTrue() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "1.2.3-prealpha0"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertTrue(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion1PrereleaseStringDotNumber_returnTrue() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "1.2.3-prealpha.0"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertTrue(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion1PrereleaseStringDashNumber_returnTrue() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "1.2.3-prealpha-0"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertTrue(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isNewArchEnabled_withRNVersion1000_returnFalse() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "version": "1000.0.0"
-      }
-      """
-              .trimIndent())
-    }
-    extension.reactNativeDir.set(tempFolder.root)
-    assertFalse(project.isNewArchEnabled(extension))
-  }
-
-  @Test
-  fun isHermesEnabled_returnsTrueByDefault() {
-    assertTrue(createProject().isHermesEnabled)
-  }
-
-  @Test
-  fun isNewArchEnabled_withDisabledViaProperty_returnsFalse() {
-    val project = createProject()
-    project.extensions.extraProperties.set("hermesEnabled", "false")
-    assertFalse(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withEnabledViaProperty_returnsTrue() {
-    val project = createProject()
-    project.extensions.extraProperties.set("hermesEnabled", "true")
-    assertTrue(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withInvalidViaProperty_returnsTrue() {
-    val project = createProject()
-    project.extensions.extraProperties.set("hermesEnabled", "¯\\_(ツ)_/¯")
-    assertTrue(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withDisabledViaExt_returnsFalse() {
-    val project = createProject()
-    val extMap = mapOf("enableHermes" to false)
-    project.extensions.extraProperties.set("react", extMap)
-    assertFalse(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withEnabledViaExt_returnsTrue() {
-    val project = createProject()
-    val extMap = mapOf("enableHermes" to true)
-    project.extensions.extraProperties.set("react", extMap)
-    assertTrue(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withDisabledViaExtAsString_returnsFalse() {
-    val project = createProject()
-    val extMap = mapOf("enableHermes" to "false")
-    project.extensions.extraProperties.set("react", extMap)
-    assertFalse(project.isHermesEnabled)
-  }
-
-  @Test
-  fun isHermesEnabled_withInvalidViaExt_returnsTrue() {
-    val project = createProject()
-    val extMap = mapOf("enableHermes" to "¯\\_(ツ)_/¯")
-    project.extensions.extraProperties.set("react", extMap)
-    assertTrue(project.isHermesEnabled)
-  }
-
-  @Test
-  fun needsCodegenFromPackageJson_withCodegenConfigInPackageJson_returnsTrue() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "name": "a-library",
-        "codegenConfig": {}
-      }
-      """
-              .trimIndent())
-    }
-    extension.root.set(tempFolder.root)
-    assertTrue(project.needsCodegenFromPackageJson(extension.root))
-  }
-
-  @Test
-  fun needsCodegenFromPackageJson_withMissingCodegenConfigInPackageJson_returnsFalse() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-    File(tempFolder.root, "package.json").apply {
-      writeText(
-          // language=json
-          """
-      {
-        "name": "a-library"
-      }
-      """
-              .trimIndent())
-    }
-    extension.root.set(tempFolder.root)
-    assertFalse(project.needsCodegenFromPackageJson(extension.root))
-  }
-
-  @Test
-  fun needsCodegenFromPackageJson_withCodegenConfigInModel_returnsTrue() {
-    val project = createProject()
-    val model = ModelPackageJson("1000.0.0", ModelCodegenConfig(null, null, null, null))
-
-    assertTrue(project.needsCodegenFromPackageJson(model))
-  }
-
-  @Test
-  fun needsCodegenFromPackageJson_withMissingCodegenConfigInModel_returnsFalse() {
-    val project = createProject()
-    val model = ModelPackageJson("1000.0.0", null)
-
-    assertFalse(project.needsCodegenFromPackageJson(model))
-  }
-
-  @Test
-  fun needsCodegenFromPackageJson_withMissingPackageJson_returnsFalse() {
-    val project = createProject()
-    val extension = TestReactExtension(project)
-
-    assertFalse(project.needsCodegenFromPackageJson(extension.root))
-  }
-
-  @Test
-  fun getReactNativeArchitectures_withMissingProperty_returnsEmptyList() {
-    val project = createProject()
-    assertTrue(project.getReactNativeArchitectures().isEmpty())
-  }
-
-  @Test
-  fun getReactNativeArchitectures_withEmptyProperty_returnsEmptyList() {
-    val project = createProject()
-    project.extensions.extraProperties.set("reactNativeArchitectures", "")
-    assertTrue(project.getReactNativeArchitectures().isEmpty())
-  }
-
-  @Test
-  fun getReactNativeArchitectures_withSingleArch_returnsSingleton() {
-    val project = createProject()
-    project.extensions.extraProperties.set("reactNativeArchitectures", "x86")
-
-    val archs = project.getReactNativeArchitectures()
-    assertEquals(1, archs.size)
-    assertEquals("x86", archs[0])
-  }
-
-  @Test
-  fun getReactNativeArchitectures_withMultipleArch_returnsList() {
-    val project = createProject()
-    project.extensions.extraProperties.set(
-        "reactNativeArchitectures", "armeabi-v7a,arm64-v8a,x86,x86_64")
-
-    val archs = project.getReactNativeArchitectures()
-    assertEquals(4, archs.size)
-    assertEquals("armeabi-v7a", archs[0])
-    assertEquals("arm64-v8a", archs[1])
-    assertEquals("x86", archs[2])
-    assertEquals("x86_64", archs[3])
-  }
-}
diff --git a/packages/react-native-popup-menu-android/android/build.gradle.kts b/packages/react-native-popup-menu-android/android/build.gradle.kts
new file mode 100644
index 000000000000..d861b977491e
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/build.gradle.kts
@@ -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.
+ */
+
+plugins {
+  id("com.facebook.react")
+  alias(libs.plugins.android.library)
+  alias(libs.plugins.kotlin.android)
+}
+
+android {
+  compileSdk = libs.versions.compileSdk.get().toInt()
+  buildToolsVersion = libs.versions.buildTools.get()
+  namespace = "com.facebook.react.popupmenu"
+
+  defaultConfig {
+    minSdk = libs.versions.minSdk.get().toInt()
+    targetSdk = libs.versions.targetSdk.get().toInt()
+  }
+
+  compileOptions {
+    sourceCompatibility = JavaVersion.VERSION_17
+    targetCompatibility = JavaVersion.VERSION_17
+  }
+
+  kotlinOptions { jvmTarget = "17" }
+}
+
+dependencies {
+  // Build React Native from source
+  implementation(project(":packages:react-native:ReactAndroid"))
+}
diff --git a/packages/react-native-popup-menu-android/android/gradle.properties b/packages/react-native-popup-menu-android/android/gradle.properties
new file mode 100644
index 000000000000..f436a7474fed
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/gradle.properties
@@ -0,0 +1,3 @@
+# 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
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ComponentDescriptors.h b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ComponentDescriptors.h
new file mode 100644
index 000000000000..af069cd67fc8
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ComponentDescriptors.h
@@ -0,0 +1,20 @@
+
+/**
+ * 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: GenerateComponentDescriptorH.js
+ */
+
+#pragma once
+
+#include "ShadowNodes.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+
+using AndroidPopupMenuComponentDescriptor = ConcreteComponentDescriptor<AndroidPopupMenuShadowNode>;
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.cpp b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.cpp
new file mode 100644
index 000000000000..0c18d59e3a63
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.cpp
@@ -0,0 +1,24 @@
+
+/**
+ * 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: GenerateEventEmitterCpp.js
+ */
+
+#include "EventEmitters.h"
+
+
+namespace facebook::react {
+
+void AndroidPopupMenuEventEmitter::onSelectionChange(OnSelectionChange $event) const {
+  dispatchEvent("selectionChange", [$event=std::move($event)](jsi::Runtime &runtime) {
+    auto $payload = jsi::Object(runtime);
+    $payload.setProperty(runtime, "item", $event.item);
+    return $payload;
+  });
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.h b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.h
new file mode 100644
index 000000000000..a0387907710f
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/EventEmitters.h
@@ -0,0 +1,25 @@
+
+/**
+ * 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: GenerateEventEmitterH.js
+ */
+#pragma once
+
+#include <react/renderer/components/view/ViewEventEmitter.h>
+
+
+namespace facebook::react {
+class AndroidPopupMenuEventEmitter : public ViewEventEmitter {
+ public:
+  using ViewEventEmitter::ViewEventEmitter;
+
+  struct OnSelectionChange {
+      int item;
+    };
+  void onSelectionChange(OnSelectionChange value) const;
+};
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.cpp b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.cpp
new file mode 100644
index 000000000000..ddcdcff88ebf
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.cpp
@@ -0,0 +1,25 @@
+
+/**
+ * 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: GeneratePropsCpp.js
+ */
+
+#include "Props.h"
+#include <react/renderer/core/PropsParserContext.h>
+#include <react/renderer/core/propsConversions.h>
+
+namespace facebook::react {
+
+AndroidPopupMenuProps::AndroidPopupMenuProps(
+    const PropsParserContext &context,
+    const AndroidPopupMenuProps &sourceProps,
+    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
+
+    menuItems(convertRawProp(context, rawProps, "menuItems", sourceProps.menuItems, {}))
+      {}
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.h b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.h
new file mode 100644
index 000000000000..191f0b15776b
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/Props.h
@@ -0,0 +1,28 @@
+
+/**
+ * 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: GeneratePropsH.js
+ */
+#pragma once
+
+#include <react/renderer/components/view/ViewProps.h>
+#include <react/renderer/core/PropsParserContext.h>
+#include <vector>
+
+namespace facebook::react {
+
+class AndroidPopupMenuProps final : public ViewProps {
+ public:
+  AndroidPopupMenuProps() = default;
+  AndroidPopupMenuProps(const PropsParserContext& context, const AndroidPopupMenuProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  std::vector<std::string> menuItems{};
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.cpp b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.cpp
new file mode 100644
index 000000000000..5fd96dbbadaa
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.cpp
@@ -0,0 +1,17 @@
+
+/**
+ * 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: GenerateShadowNodeCpp.js
+ */
+
+#include "ShadowNodes.h"
+
+namespace facebook::react {
+
+extern const char AndroidPopupMenuComponentName[] = "AndroidPopupMenu";
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.h b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.h
new file mode 100644
index 000000000000..0fd9852b1bca
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/ShadowNodes.h
@@ -0,0 +1,32 @@
+
+/**
+ * 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: GenerateShadowNodeH.js
+ */
+
+#pragma once
+
+#include "EventEmitters.h"
+#include "Props.h"
+#include "States.h"
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char AndroidPopupMenuComponentName[];
+
+/*
+ * `ShadowNode` for <AndroidPopupMenu> component.
+ */
+using AndroidPopupMenuShadowNode = ConcreteViewShadowNode<
+    AndroidPopupMenuComponentName,
+    AndroidPopupMenuProps,
+    AndroidPopupMenuEventEmitter,
+    AndroidPopupMenuState>;
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.cpp b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.cpp
new file mode 100644
index 000000000000..1dbb184cbddb
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.cpp
@@ -0,0 +1,16 @@
+
+/**
+ * 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: GenerateStateCpp.js
+ */
+#include "States.h"
+
+namespace facebook::react {
+
+
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.h b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.h
new file mode 100644
index 000000000000..62c048033b70
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/jni/react/renderer/components/ReactPopupMenuAndroidSpecs/States.h
@@ -0,0 +1,34 @@
+/**
+ * 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: GenerateStateH.js
+ */
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook::react {
+
+class AndroidPopupMenuState {
+public:
+  AndroidPopupMenuState() = default;
+
+#ifdef ANDROID
+  AndroidPopupMenuState(AndroidPopupMenuState const &previousState, folly::dynamic data){};
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+  MapBuffer getMapBuffer() const {
+    return MapBufferBuilder::EMPTY();
+  };
+#endif
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuPackage.kt b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuPackage.kt
new file mode 100644
index 000000000000..0a351d28643e
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuPackage.kt
@@ -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.
+ */
+
+package com.facebook.react.popupmenu
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.ViewManagerOnDemandReactPackage
+import com.facebook.react.bridge.ModuleSpec
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.annotations.ReactModuleList
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+
+@ReactModuleList(nativeModules = arrayOf())
+class PopupMenuPackage() : BaseReactPackage(), ViewManagerOnDemandReactPackage {
+  private var viewManagersMap: Map<String, ModuleSpec>? = null
+
+  override fun getModule(name: String, context: ReactApplicationContext): NativeModule? {
+    return null
+  }
+
+  private fun getViewManagersMap(): Map<String, ModuleSpec> {
+    val viewManagers =
+        viewManagersMap
+            ?: mapOf(
+                ReactPopupMenuManager.REACT_CLASS to
+                    ModuleSpec.viewManagerSpec({ ReactPopupMenuManager() }))
+    viewManagersMap = viewManagers
+    return viewManagers
+  }
+
+  protected override fun getViewManagers(context: ReactApplicationContext): List<ModuleSpec> {
+    return ArrayList(getViewManagersMap().values)
+  }
+
+  override fun getViewManagerNames(context: ReactApplicationContext): Collection<String> {
+    return getViewManagersMap().keys
+  }
+
+  override fun createViewManager(
+      reactContext: ReactApplicationContext,
+      viewManagerName: String
+  ): ViewManager<*, *>? {
+    val spec: ModuleSpec? = getViewManagersMap().get(viewManagerName)
+    return if (spec != null) (spec.getProvider().get() as ViewManager<*, *>) else null
+  }
+
+  override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+    return ReactModuleInfoProvider { emptyMap() }
+  }
+}
diff --git a/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuSelectionEvent.kt b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuSelectionEvent.kt
new file mode 100644
index 000000000000..289b70d566c8
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/PopupMenuSelectionEvent.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.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-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/ReactPopupMenuContainer.kt b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/ReactPopupMenuContainer.kt
new file mode 100644
index 000000000000..6be3bfc916d0
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/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.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-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/ReactPopupMenuManager.kt b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/popupmenu/ReactPopupMenuManager.kt
new file mode 100644
index 000000000000..3758f154c874
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/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.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-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerDelegate.java b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerDelegate.java
new file mode 100644
index 000000000000..736b778e5948
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerDelegate.java
@@ -0,0 +1,41 @@
+/**
+* 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: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.BaseViewManagerInterface;
+
+public class AndroidPopupMenuManagerDelegate<T extends View, U extends BaseViewManagerInterface<T> & AndroidPopupMenuManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public AndroidPopupMenuManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "menuItems":
+        mViewManager.setMenuItems(view, (ReadableArray) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+
+  @Override
+  public void receiveCommand(T view, String commandName, ReadableArray args) {
+    switch (commandName) {
+      case "show":
+        mViewManager.show(view);
+        break;
+    }
+  }
+}
diff --git a/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerInterface.java b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerInterface.java
new file mode 100644
index 000000000000..83e94ab5e295
--- /dev/null
+++ b/packages/react-native-popup-menu-android/android/src/main/java/com/facebook/react/viewmanagers/AndroidPopupMenuManagerInterface.java
@@ -0,0 +1,19 @@
+/**
+* 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: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+
+public interface AndroidPopupMenuManagerInterface<T extends View> {
+  void setMenuItems(T view, @Nullable ReadableArray value);
+  void show(T view);
+}
diff --git a/packages/react-native-popup-menu-android/index.d.ts b/packages/react-native-popup-menu-android/index.d.ts
new file mode 100644
index 000000000000..9539572f1727
--- /dev/null
+++ b/packages/react-native-popup-menu-android/index.d.ts
@@ -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.
+ *
+ * @format
+ */
+
+export type {default} from './js/PopupMenuAndroid';
+export type {PopupMenuAndroidInstance} from './js/PopupMenuAndroid';
diff --git a/packages/react-native-popup-menu-android/index.js b/packages/react-native-popup-menu-android/index.js
new file mode 100644
index 000000000000..f433cc133138
--- /dev/null
+++ b/packages/react-native-popup-menu-android/index.js
@@ -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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+export {default} from './js/PopupMenuAndroid';
+export type {PopupMenuAndroidInstance} from './js/PopupMenuAndroid';
diff --git a/packages/react-native-popup-menu-android/js/PopupMenuAndroid.android.js b/packages/react-native-popup-menu-android/js/PopupMenuAndroid.android.js
new file mode 100644
index 000000000000..b97d45cb5a47
--- /dev/null
+++ b/packages/react-native-popup-menu-android/js/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 {RefObject} from 'react';
+import type {HostComponent} from 'react-native';
+import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+
+import PopupMenuAndroidNativeComponent, {
+  Commands,
+} from './PopupMenuAndroidNativeComponent.android';
+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-popup-menu-android/js/PopupMenuAndroid.d.ts b/packages/react-native-popup-menu-android/js/PopupMenuAndroid.d.ts
new file mode 100644
index 000000000000..8eab4875f383
--- /dev/null
+++ b/packages/react-native-popup-menu-android/js/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 'react-native';
+
+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-popup-menu-android/js/PopupMenuAndroid.js b/packages/react-native-popup-menu-android/js/PopupMenuAndroid.js
new file mode 100644
index 000000000000..1331d32bd297
--- /dev/null
+++ b/packages/react-native-popup-menu-android/js/PopupMenuAndroid.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {RefObject} from 'react';
+import type {Node} from 'react';
+
+import * as React from 'react';
+import {StyleSheet, View} from 'react-native';
+
+/**
+ * Common implementation for a simple stubbed view. Simply applies the view's styles to the inner
+ * View component and renders its children.
+ */
+class UnimplementedView extends React.Component<{children: Node}> {
+  render(): React.Node {
+    return (
+      <View style={[styles.unimplementedView]}>{this.props.children}</View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  unimplementedView: __DEV__
+    ? {
+        alignSelf: 'flex-start',
+        borderColor: 'red',
+        borderWidth: 1,
+      }
+    : {},
+});
+
+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>{props.children}</UnimplementedView>;
+}
+
+export default PopupMenuAndroid;
diff --git a/packages/react-native-popup-menu-android/js/PopupMenuAndroidNativeComponent.android.js b/packages/react-native-popup-menu-android/js/PopupMenuAndroidNativeComponent.android.js
new file mode 100644
index 000000000000..7558d75415bf
--- /dev/null
+++ b/packages/react-native-popup-menu-android/js/PopupMenuAndroidNativeComponent.android.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 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  DirectEventHandler,
+  Int32,
+} 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 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-popup-menu-android/package.json b/packages/react-native-popup-menu-android/package.json
new file mode 100644
index 000000000000..2d968ab3283e
--- /dev/null
+++ b/packages/react-native-popup-menu-android/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "@react-native/popup-menu-android",
+  "version": "0.74.88",
+  "description": "PopupMenu for the Android platform",
+  "main": "index.js",
+  "files": [
+    "js",
+    "android",
+    "!android/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "keywords": [
+    "react-native",
+    "android"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@react-native/codegen": "0.74.88"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.2.6",
+    "react": "*",
+    "react-native": "*"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "nullthrows": "^1.1.1"
+  },
+  "codegenConfig": {
+    "name": "ReactPopupMenuAndroidSpecs",
+    "type": "components",
+    "jsSrcsDir": "js",
+    "outputDir": {
+      "android": "android"
+    },
+    "includesGeneratedCode": true,
+    "android": {
+      "javaPackageName": "com.facebook.react.viewmanagers"
+    }
+  }
+}
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 000000000000..7cd251d78259
--- /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 000000000000..d1c17f8cc89c
--- /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 000000000000..4de16e8c3ed1
--- /dev/null
+++ b/packages/react-native-test-renderer/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "@react-native/test-renderer",
+  "private": true,
+  "version": "0.74.88",
+  "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"
+  },
+  "dependencies": {},
+  "main": "src/index.js",
+  "peerDependencies": {
+    "jest": "^29.7.0"
+  }
+}
diff --git a/packages/react-native-test-renderer/src/index.js b/packages/react-native-test-renderer/src/index.js
new file mode 100644
index 000000000000..4317334b5625
--- /dev/null
+++ b/packages/react-native-test-renderer/src/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.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+export {render} from './renderer/index.js';
+
+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 000000000000..166bba2c2140
--- /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 000000000000..6dc49eedab97
--- /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 000000000000..edd8a0c422df
--- /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 000000000000..f1776daee9c8
--- /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 000000000000..0beebea01573
--- /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.d.ts b/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.d.ts
index 89bdd3732399..bafdeb65e421 100644
--- a/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.d.ts
+++ b/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.d.ts
@@ -74,6 +74,12 @@ export interface ActionSheetIOSStatic {
     failureCallback: (error: Error) => void,
     successCallback: (success: boolean, method: string) => void,
   ) => void;
+
+  /**
+   * Dismisses the most upper iOS action sheet presented, if no action sheet is
+   * present a warning is displayed.
+   */
+  dismissActionSheet: () => void;
 }
 
 export const ActionSheetIOS: ActionSheetIOSStatic;
diff --git a/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js b/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js
index b5959aca24f6..e970cdc06a68 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,
       },
@@ -145,6 +147,10 @@ const ActionSheetIOS = {
     );
   },
 
+  /**
+   * Dismisses the most upper iOS action sheet presented, if no action sheet is
+   * present a warning is displayed.
+   */
   dismissActionSheet: () => {
     invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
     if (typeof RCTActionSheetManager.dismissActionSheet === 'function') {
diff --git a/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js b/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js
index 8247ac260aff..06fec75530e4 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 7f7b1cf6a9b6..33d2102f6e3d 100644
--- a/packages/react-native/Libraries/Alert/NativeAlertManager.js
+++ b/packages/react-native/Libraries/Alert/NativeAlertManager.js
@@ -4,32 +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,
-|};
-
-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 a9df993ad298..509e33880db5 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 fb0b52f3f1c8..c495cedb6696 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 a96287de26dd..17b7d23758f8 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 5094739f4fd9..74a9cbb3f464 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 35a4ffa16bf5..36086746940f 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 96802ebf575a..b58175ac46e2 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 d8e955f9fda4..c93dc21f58b7 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 a3a24355cba0..adfb86395856 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 e2b48d0ce9af..029563d4bb90 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 083d9be05eb3..5b2f80c2c53e 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 878b1d34a439..78b66e094812 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 8fdc6532aeb2..840e1264ddb5 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 c112ba99aca6..0a780617e483 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 2d87e367d81c..6be9fac9cd86 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+Protected.h b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate+Protected.h
new file mode 100644
index 000000000000..2321b43c4da9
--- /dev/null
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate+Protected.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.
+ */
+
+#if defined(__cplusplus)
+
+#import <ReactCommon/RCTTurboModuleManager.h>
+#import "RCTAppDelegate.h"
+
+@interface RCTAppDelegate () <RCTTurboModuleManagerDelegate>
+@end
+
+#endif
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
index ca029d2f4ba4..d61c3d115e30 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
@@ -5,13 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <React/RCTBridgeDelegate.h>
 #import <UIKit/UIKit.h>
+#import "RCTRootViewFactory.h"
 
 @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.
@@ -38,7 +43,6 @@
  *   - (UIViewController *)createRootViewController;
  *   - (void)setRootView:(UIView *)rootView toRootViewController:(UIViewController *)rootViewController;
  * New Architecture:
- *   - (BOOL)concurrentRootEnabled
  *   - (BOOL)turboModuleEnabled;
  *   - (BOOL)fabricEnabled;
  *   - (NSDictionary *)prepareInitialProps
@@ -53,10 +57,13 @@
 @interface RCTAppDelegate : UIResponder <UIApplicationDelegate, UISceneDelegate, RCTBridgeDelegate>
 
 /// The window object, used to render the UViewControllers
-@property (nonatomic, strong) UIWindow *window;
-@property (nonatomic, strong) RCTBridge *bridge;
-@property (nonatomic, strong) NSString *moduleName;
-@property (nonatomic, strong) NSDictionary *initialProps;
+@property (nonatomic, strong, nonnull) UIWindow *window;
+@property (nonatomic, nullable) RCTBridge *bridge;
+@property (nonatomic, strong, nullable) NSString *moduleName;
+@property (nonatomic, strong, nullable) NSDictionary *initialProps;
+@property (nonatomic, strong, nonnull) RCTRootViewFactory *rootViewFactory;
+
+@property (nonatomic, nullable) RCTSurfacePresenterBridgeAdapter *bridgeAdapter;
 
 /**
  * It creates a `RCTBridge` using a delegate and some launch options.
@@ -85,6 +92,26 @@
 - (UIView *)createRootViewWithBridge:(RCTBridge *)bridge
                           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.
@@ -100,19 +127,9 @@
  * 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:(UIView *)rootView toRootViewController:(UIViewController *)rootViewController;
 
-/// This method controls whether the App will use RuntimeScheduler. Only applicable in the legacy architecture.
-///
-/// @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
 /// new renderer. The Component Descriptor is a string which represent the name used in JS to refer to the native
 /// component. The default implementation returns an empty dictionary. Subclasses can override this method to register
@@ -138,8 +155,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 d16b85ce9e97..18b299b53919 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm
@@ -7,19 +7,26 @@
 
 #import "RCTAppDelegate.h"
 #import <React/RCTCxxBridgeDelegate.h>
+#import <React/RCTLog.h>
 #import <React/RCTRootView.h>
 #import <React/RCTSurfacePresenterBridgeAdapter.h>
-#import <react/renderer/runtimescheduler/RuntimeScheduler.h>
+#import <React/RCTUtils.h>
+#import <objc/runtime.h>
+#import <react/featureflags/ReactNativeFeatureFlags.h>
+#import <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
+#import <react/renderer/graphics/ColorComponents.h>
+#import "RCTAppDelegate+Protected.h"
 #import "RCTAppSetupUtils.h"
-#import "RCTLegacyInteropComponents.h"
 
-#if RCT_NEW_ARCH_ENABLED
+#if RN_DISABLE_OSS_PLUGIN_HEADER
+#import <RCTTurboModulePlugin/RCTTurboModulePlugin.h>
+#else
 #import <React/CoreModulesPlugins.h>
+#endif
 #import <React/RCTBundleURLProvider.h>
 #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>
@@ -34,86 +41,31 @@
 #import <react/config/ReactNativeConfig.h>
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #import <react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h>
-#import <react/runtime/JSEngineInstance.h>
+#import <react/runtime/JSRuntimeFactory.h>
 
-static NSString *const kRNConcurrentRoot = @"concurrentRoot";
-
-@interface RCTAppDelegate () <
-    RCTTurboModuleManagerDelegate,
-    RCTComponentViewFactoryComponentProvider,
-    RCTContextContainerHandling> {
-  std::shared_ptr<const facebook::react::ReactNativeConfig> _reactNativeConfig;
-  facebook::react::ContextContainer::Shared _contextContainer;
-}
+@interface RCTAppDelegate () <RCTComponentViewFactoryComponentProvider, RCTTurboModuleManagerDelegate>
 @end
 
-#endif
-
-@interface RCTAppDelegate () <RCTCxxBridgeDelegate> {
-  std::shared_ptr<facebook::react::RuntimeScheduler> _runtimeScheduler;
-}
-@end
-
-@implementation RCTAppDelegate {
-#if RCT_NEW_ARCH_ENABLED
-  RCTHost *_reactHost;
-#endif
-}
-
-#if RCT_NEW_ARCH_ENABLED
-- (instancetype)init
-{
-  if (self = [super init]) {
-    _contextContainer = std::make_shared<facebook::react::ContextContainer const>();
-    _reactNativeConfig = std::make_shared<facebook::react::EmptyReactNativeConfig const>();
-    _contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
-  }
-  return self;
-}
-#endif
+@implementation RCTAppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
-  BOOL enableTM = NO;
-  BOOL enableBridgeless = NO;
-#if RCT_NEW_ARCH_ENABLED
-  enableTM = self.turboModuleEnabled;
-  enableBridgeless = self.bridgelessEnabled;
-#endif
+  [self _setUpFeatureFlags];
 
-  RCTAppSetupPrepareApp(application, enableTM);
+  RCTSetNewArchEnabled([self newArchEnabled]);
+  RCTAppSetupPrepareApp(application, self.turboModuleEnabled);
 
-  UIView *rootView;
+  self.rootViewFactory = [self createRCTRootViewFactory];
 
-  if (enableBridgeless) {
-#if RCT_NEW_ARCH_ENABLED
-    [self createReactHost];
-    [self unstable_registerLegacyComponents];
-    [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider = self;
-    RCTFabricSurface *surface = [_reactHost createSurfaceWithModuleName:self.moduleName
-                                                      initialProperties:launchOptions];
-
-    RCTSurfaceHostingProxyRootView *surfaceHostingProxyRootView = [[RCTSurfaceHostingProxyRootView alloc]
-        initWithSurface:surface
-        sizeMeasureMode:RCTSurfaceSizeMeasureModeWidthExact | RCTSurfaceSizeMeasureModeHeightExact];
+  UIView *rootView = [self.rootViewFactory viewWithModuleName:self.moduleName
+                                            initialProperties:self.initialProps
+                                                launchOptions:launchOptions];
 
-    rootView = (RCTRootView *)surfaceHostingProxyRootView;
-#endif
-  } 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;
-
-    [self unstable_registerLegacyComponents];
+  if (self.newArchEnabled || self.fabricEnabled) {
     [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider = self;
-#endif
-    NSDictionary *initProps = [self prepareInitialProps];
-    rootView = [self createRootViewWithBridge:self.bridge moduleName:self.moduleName initProps:initProps];
   }
+  [self _logWarnIfCreateRootViewWithBridgeIsOverridden];
+
   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
   UIViewController *rootViewController = [self createRootViewController];
   [self setRootView:rootView toRootViewController:rootViewController];
@@ -124,6 +76,11 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
   return YES;
 }
 
+- (void)applicationDidEnterBackground:(UIApplication *)application
+{
+  // Noop
+}
+
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
   [NSException raise:@"RCTBridgeDelegate::sourceURLForBridge not implemented"
@@ -131,19 +88,6 @@ - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
   return nil;
 }
 
-- (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;
-}
-
 - (RCTBridge *)createBridgeWithDelegate:(id<RCTBridgeDelegate>)delegate launchOptions:(NSDictionary *)launchOptions
 {
   return [[RCTBridge alloc] initWithDelegate:delegate launchOptions:launchOptions];
@@ -153,10 +97,7 @@ - (UIView *)createRootViewWithBridge:(RCTBridge *)bridge
                           moduleName:(NSString *)moduleName
                            initProps:(NSDictionary *)initProps
 {
-  BOOL enableFabric = NO;
-#if RCT_NEW_ARCH_ENABLED
-  enableFabric = self.fabricEnabled;
-#endif
+  BOOL enableFabric = self.fabricEnabled;
   UIView *rootView = RCTAppSetupDefaultRootView(bridge, moduleName, initProps, enableFabric);
 
   rootView.backgroundColor = [UIColor systemBackgroundColor];
@@ -164,6 +105,21 @@ - (UIView *)createRootViewWithBridge:(RCTBridge *)bridge
   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);
+  }
+}
+
 - (UIViewController *)createRootViewController
 {
   return [UIViewController new];
@@ -174,135 +130,166 @@ - (void)setRootView:(UIView *)rootView toRootViewController:(UIViewController *)
   rootViewController.view = rootView;
 }
 
-- (BOOL)runtimeSchedulerEnabled
+- (void)customizeRootView:(RCTRootView *)rootView
 {
-  return YES;
+  // Override point for customization after application launch.
 }
 
 #pragma mark - UISceneDelegate
+
 - (void)windowScene:(UIWindowScene *)windowScene
     didUpdateCoordinateSpace:(id<UICoordinateSpace>)previousCoordinateSpace
         interfaceOrientation:(UIInterfaceOrientation)previousInterfaceOrientation
              traitCollection:(UITraitCollection *)previousTraitCollection API_AVAILABLE(ios(13.0))
 {
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTRootViewFrameDidChangeNotification object:self];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTWindowFrameDidChangeNotification object:self];
 }
 
-#pragma mark - RCTCxxBridgeDelegate
-- (std::unique_ptr<facebook::react::JSExecutorFactory>)jsExecutorFactoryForBridge:(RCTBridge *)bridge
+#pragma mark - New Arch Enabled settings
+
+- (BOOL)newArchEnabled
 {
-  _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);
+  return YES;
 #else
-  return RCTAppSetupJsExecutorFactoryForOldArch(bridge, _runtimeScheduler);
+  return NO;
 #endif
 }
 
-#if RCT_NEW_ARCH_ENABLED
-
-#pragma mark - RCTTurboModuleManagerDelegate
-
-- (Class)getModuleClassFromName:(const char *)name
+- (BOOL)turboModuleEnabled
 {
-  return RCTCoreModulesClassProvider(name);
+  return [self newArchEnabled];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
-                                                      jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (BOOL)fabricEnabled
 {
-  return nullptr;
+  return [self newArchEnabled];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
-                                                     initParams:
-                                                         (const facebook::react::ObjCTurboModule::InitParams &)params
+- (BOOL)bridgelessEnabled
 {
-  return nullptr;
+  return [self newArchEnabled];
 }
 
-- (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
+- (NSURL *)bundleURL
 {
-  return RCTAppSetupDefaultModuleFromClass(moduleClass);
+  [NSException raise:@"RCTAppDelegate::bundleURL not implemented"
+              format:@"Subclasses must implement a valid getBundleURL method"];
+  return nullptr;
 }
 
-#pragma mark - RCTComponentViewFactoryComponentProvider
+#pragma mark - Bridge and Bridge Adapter properties
 
-- (NSDictionary<NSString *, Class<RCTComponentViewProtocol>> *)thirdPartyFabricComponents
+- (RCTBridge *)bridge
 {
-  return @{};
+  return self.rootViewFactory.bridge;
 }
 
-#pragma mark - New Arch Enabled settings
-
-- (BOOL)turboModuleEnabled
+- (RCTSurfacePresenterBridgeAdapter *)bridgeAdapter
 {
-  return YES;
+  return self.rootViewFactory.bridgeAdapter;
 }
 
-- (BOOL)fabricEnabled
+- (void)setBridge:(RCTBridge *)bridge
 {
-  return YES;
+  self.rootViewFactory.bridge = bridge;
 }
 
-- (BOOL)bridgelessEnabled
+- (void)setBridgeAdapter:(RCTSurfacePresenterBridgeAdapter *)bridgeAdapter
 {
-  return NO;
+  self.rootViewFactory.bridgeAdapter = bridgeAdapter;
 }
 
-#pragma mark - New Arch Utilities
+#pragma mark - RCTTurboModuleManagerDelegate
 
-- (void)unstable_registerLegacyComponents
+- (Class)getModuleClassFromName:(const char *)name
 {
-  for (NSString *legacyComponent in [RCTLegacyInteropComponents legacyInteropComponents]) {
-    [RCTLegacyViewManagerInteropComponentView supportLegacyViewManagerWithName:legacyComponent];
-  }
+#if RN_DISABLE_OSS_PLUGIN_HEADER
+  return RCTTurboModulePluginClassProvider(name);
+#else
+  return RCTCoreModulesClassProvider(name);
+#endif
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
+                                                      jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+{
+  return nullptr;
 }
 
-- (void)createReactHost
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
+                                                     initParams:
+                                                         (const facebook::react::ObjCTurboModule::InitParams &)params
 {
-  __weak __typeof(self) weakSelf = self;
-  _reactHost = [[RCTHost alloc] initWithBundleURL:[self getBundleURL]
-                                     hostDelegate:nil
-                       turboModuleManagerDelegate:self
-                                 jsEngineProvider:^std::shared_ptr<facebook::react::JSEngineInstance>() {
-                                   return [weakSelf createJSEngineInstance];
-                                 }];
-  [_reactHost setBundleURLProvider:^NSURL *() {
-    return [weakSelf getBundleURL];
-  }];
-  [_reactHost setContextContainerHandler:self];
-  [_reactHost start];
+  return nullptr;
 }
 
-- (std::shared_ptr<facebook::react::JSEngineInstance>)createJSEngineInstance
+- (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
 {
-#if USE_HERMES
-  return std::make_shared<facebook::react::RCTHermesInstance>(_reactNativeConfig, nullptr);
-#else
-  return std::make_shared<facebook::react::RCTJscInstance>();
-#endif
+  return RCTAppSetupDefaultModuleFromClass(moduleClass);
 }
 
-- (void)didCreateContextContainer:(std::shared_ptr<facebook::react::ContextContainer>)contextContainer
+#pragma mark - RCTComponentViewFactoryComponentProvider
+
+- (NSDictionary<NSString *, Class<RCTComponentViewProtocol>> *)thirdPartyFabricComponents
 {
-  contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
+  return @{};
 }
 
-- (NSURL *)getBundleURL
+- (RCTRootViewFactory *)createRCTRootViewFactory
 {
-  [NSException raise:@"RCTAppDelegate::getBundleURL not implemented"
-              format:@"Subclasses must implement a valid getBundleURL method"];
-  return nullptr;
+  __weak __typeof(self) weakSelf = self;
+  RCTBundleURLBlock bundleUrlBlock = ^{
+    RCTAppDelegate *strongSelf = weakSelf;
+    return strongSelf.bundleURL;
+  };
+
+  RCTRootViewFactoryConfiguration *configuration =
+      [[RCTRootViewFactoryConfiguration alloc] initWithBundleURLBlock:bundleUrlBlock
+                                                       newArchEnabled:self.fabricEnabled
+                                                   turboModuleEnabled:self.turboModuleEnabled
+                                                    bridgelessEnabled:self.bridgelessEnabled];
+
+  configuration.createRootViewWithBridge = ^UIView *(RCTBridge *bridge, NSString *moduleName, NSDictionary *initProps)
+  {
+    return [weakSelf createRootViewWithBridge:bridge moduleName:moduleName initProps:initProps];
+  };
+
+  configuration.createBridgeWithDelegate = ^RCTBridge *(id<RCTBridgeDelegate> delegate, NSDictionary *launchOptions)
+  {
+    return [weakSelf createBridgeWithDelegate:delegate launchOptions:launchOptions];
+  };
+
+  configuration.customizeRootView = ^(UIView *_Nonnull rootView) {
+    [weakSelf customizeRootView:(RCTRootView *)rootView];
+  };
+
+  return [[RCTRootViewFactory alloc] initWithConfiguration:configuration andTurboModuleManagerDelegate:self];
 }
 
-#endif
+#pragma mark - Feature Flags
+
+class RCTAppDelegateBridgelessFeatureFlags : public facebook::react::ReactNativeFeatureFlagsDefaults {
+ public:
+  bool useModernRuntimeScheduler() override
+  {
+    return true;
+  }
+  bool enableMicrotasks() override
+  {
+    return true;
+  }
+  bool batchRenderingUpdatesInEventLoop() override
+  {
+    return true;
+  }
+};
+
+- (void)_setUpFeatureFlags
+{
+  if ([self bridgelessEnabled]) {
+    facebook::react::ReactNativeFeatureFlags::override(std::make_unique<RCTAppDelegateBridgelessFeatureFlags>());
+  }
+}
 
 @end
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
index 93bb40d8bdea..8c5776140e5a 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
@@ -13,42 +13,33 @@
 
 #import <memory>
 
-#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
+#if __has_include(<jsireact/HermesExecutorFactory.h>)
+#import <jsireact/HermesExecutorFactory.h>
+#elif __has_include(<reacthermes/HermesExecutorFactory.h>)
 #import <reacthermes/HermesExecutorFactory.h>
-#else
-#import <React/JSCExecutorFactory.h>
 #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 bb47fc10a472..6c5f7a4a13bd 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm
@@ -11,9 +11,7 @@
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #import <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
 
-#if RCT_NEW_ARCH_ENABLED
 // Turbo Module
-#import <React/CoreModulesPlugins.h>
 #import <React/RCTBundleAssetImageLoader.h>
 #import <React/RCTDataRequestHandler.h>
 #import <React/RCTFileRequestHandler.h>
@@ -25,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
   // Disable idle timer in dev builds to avoid putting application in background and complicating
@@ -68,37 +52,70 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
 UIView *
 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.
@@ -123,11 +140,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) {
@@ -140,17 +157,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;
@@ -160,4 +175,3 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
         }
       }));
 }
-#endif // end RCT_NEW_ARCH_ENABLED
diff --git a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h b/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h
deleted file mode 100644
index 9d3bccc886dc..000000000000
--- a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h
+++ /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.
- */
-
-#import <Foundation/Foundation.h>
-
-NS_ASSUME_NONNULL_BEGIN
-
-@interface RCTLegacyInteropComponents : NSObject
-
-+ (NSArray<NSString *> *)legacyInteropComponents;
-
-@end
-
-NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm b/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm
deleted file mode 100644
index a330712cae3a..000000000000
--- a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm
+++ /dev/null
@@ -1,17 +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/RCTRootViewFactory.h b/packages/react-native/Libraries/AppDelegate/RCTRootViewFactory.h
new file mode 100644
index 000000000000..d5cd14cce15f
--- /dev/null
+++ b/packages/react-native/Libraries/AppDelegate/RCTRootViewFactory.h
@@ -0,0 +1,141 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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/RCTBridge.h>
+#import <React/RCTRootView.h>
+#import <React/RCTUtils.h>
+
+@protocol RCTCxxBridgeDelegate;
+@protocol RCTComponentViewFactoryComponentProvider;
+@protocol RCTTurboModuleManagerDelegate;
+@class RCTBridge;
+@class RCTRootView;
+@class RCTSurfacePresenterBridgeAdapter;
+
+NS_ASSUME_NONNULL_BEGIN
+
+#pragma mark - Blocks' definitions
+typedef UIView *_Nonnull (
+    ^RCTCreateRootViewWithBridgeBlock)(RCTBridge *bridge, NSString *moduleName, NSDictionary *initProps);
+typedef RCTBridge *_Nonnull (
+    ^RCTCreateBridgeWithDelegateBlock)(id<RCTBridgeDelegate> delegate, NSDictionary *launchOptions);
+typedef void (^RCTCustomizeRootViewBlock)(UIView *rootView);
+typedef NSURL *_Nullable (^RCTSourceURLForBridgeBlock)(RCTBridge *bridge);
+typedef NSURL *_Nullable (^RCTBundleURLBlock)(void);
+typedef NSArray<id<RCTBridgeModule>> *_Nonnull (^RCTExtraModulesForBridgeBlock)(RCTBridge *bridge);
+typedef NSDictionary<NSString *, Class> *_Nonnull (^RCTExtraLazyModuleClassesForBridge)(RCTBridge *bridge);
+typedef BOOL (^RCTBridgeDidNotFindModuleBlock)(RCTBridge *bridge, NSString *moduleName);
+
+#pragma mark - RCTRootViewFactory Configuration
+@interface RCTRootViewFactoryConfiguration : NSObject
+
+/// This property controls whether the App will use the Fabric renderer of the New Architecture or not.
+@property (nonatomic, assign, readonly) BOOL fabricEnabled;
+
+/// This property controls whether React Native's new initialization layer is enabled.
+@property (nonatomic, assign, readonly) BOOL bridgelessEnabled;
+
+/// This method controls whether the `turboModules` feature of the New Architecture is turned on or off
+@property (nonatomic, assign, readonly) BOOL turboModuleEnabled;
+
+/// Return the bundle URL for the main bundle.
+@property (nonatomic, nonnull) RCTBundleURLBlock bundleURLBlock;
+
+/**
+ * Use this method to initialize a new instance of `RCTRootViewFactoryConfiguration` by passing a `bundleURL`
+ *
+ * Which is the location of the JavaScript source file. When running from the packager
+ * this should be an absolute URL, e.g. `http://localhost:8081/index.ios.bundle`.
+ * 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`.
+ *
+ */
+- (instancetype)initWithBundleURLBlock:(RCTBundleURLBlock)bundleURLBlock
+                        newArchEnabled:(BOOL)newArchEnabled
+                    turboModuleEnabled:(BOOL)turboModuleEnabled
+                     bridgelessEnabled:(BOOL)bridgelessEnabled NS_DESIGNATED_INITIALIZER;
+
+- (instancetype)initWithBundleURL:(NSURL *)bundleURL
+                   newArchEnabled:(BOOL)newArchEnabled
+               turboModuleEnabled:(BOOL)turboModuleEnabled
+                bridgelessEnabled:(BOOL)bridgelessEnabled __deprecated;
+
+/**
+ * Block that allows to override logic of creating root view instance.
+ * It creates a `UIView` starting from a bridge, a module name and a set of initial properties.
+ * By default, it is invoked using the bridge created by `RCTCreateBridgeWithDelegateBlock` (or the default
+ * implementation) and the `moduleName` variable comes from `viewWithModuleName:initialProperties:launchOptions` of
+ * `RCTRootViewFactory`.
+ *
+ * @parameter: bridge - an instance of the `RCTBridge` object.
+ * @parameter: moduleName - the name of the app, used by Metro to resolve the module.
+ * @parameter: initProps - a set of initial properties.
+ *
+ * @returns: a UIView properly configured with a bridge for React Native.
+ */
+@property (nonatomic, nullable) RCTCreateRootViewWithBridgeBlock createRootViewWithBridge;
+
+/**
+ * Block that allows to override default behavior of creating bridge.
+ * It should return `RCTBridge` using a delegate and some launch options.
+ *
+ * By default, it is invoked passing `self` as a delegate.
+ *
+ * @parameter: delegate - an object that implements the `RCTBridgeDelegate` protocol.
+ * @parameter: launchOptions - a dictionary with a set of options.
+ *
+ * @returns: a newly created instance of RCTBridge.
+ */
+@property (nonatomic, nullable) RCTCreateBridgeWithDelegateBlock createBridgeWithDelegate;
+
+/**
+ * Block that allows to customize the rootView that is passed to React Native.
+ *
+ * @parameter: rootView - The root view to customize.
+ */
+@property (nonatomic, nullable) RCTCustomizeRootViewBlock customizeRootView;
+
+@end
+
+#pragma mark - RCTRootViewFactory
+/**
+ * The RCTRootViewFactory is an utility class that encapsulates the logic of creating a new RCTRootView based on the
+ * current state of the environment. It allows you to initialize your app root view for old architecture, new
+ * architecture and bridgless mode.
+ *
+ * This class is used to initalize rootView in RCTAppDelegate, but you can also use it separately.
+ *
+ * Create a new instance of this class (make sure to retain it) and call the
+ * `viewWithModuleName:initialProperties:launchOptions` method to create new RCTRootView.
+ */
+@interface RCTRootViewFactory : NSObject
+
+@property (nonatomic, strong, nullable) RCTBridge *bridge;
+@property (nonatomic, strong, nullable) RCTSurfacePresenterBridgeAdapter *bridgeAdapter;
+
+- (instancetype)initWithConfiguration:(RCTRootViewFactoryConfiguration *)configuration
+        andTurboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate;
+
+/**
+ * This method can be used to create new RCTRootViews on demand.
+ *
+ * @parameter: moduleName  - the name of the app, used by Metro to resolve the module.
+ * @parameter: initialProperties  -  a set of initial properties.
+ * @parameter: launchOptions  - a dictionary with a set of options.
+ */
+- (UIView *_Nonnull)viewWithModuleName:(NSString *)moduleName
+                     initialProperties:(NSDictionary *__nullable)initialProperties
+                         launchOptions:(NSDictionary *__nullable)launchOptions;
+
+- (UIView *_Nonnull)viewWithModuleName:(NSString *)moduleName
+                     initialProperties:(NSDictionary *__nullable)initialProperties;
+
+- (UIView *_Nonnull)viewWithModuleName:(NSString *)moduleName;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/Libraries/AppDelegate/RCTRootViewFactory.mm b/packages/react-native/Libraries/AppDelegate/RCTRootViewFactory.mm
new file mode 100644
index 000000000000..7131d3f876ca
--- /dev/null
+++ b/packages/react-native/Libraries/AppDelegate/RCTRootViewFactory.mm
@@ -0,0 +1,276 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 "RCTRootViewFactory.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 "RCTAppDelegate.h"
+#import "RCTAppSetupUtils.h"
+
+#if RN_DISABLE_OSS_PLUGIN_HEADER
+#import <RCTTurboModulePlugin/RCTTurboModulePlugin.h>
+#else
+#import <React/CoreModulesPlugins.h>
+#endif
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTComponentViewFactory.h>
+#import <React/RCTComponentViewProtocol.h>
+#import <React/RCTFabricSurface.h>
+#import <React/RCTSurfaceHostingProxyRootView.h>
+#import <React/RCTSurfacePresenter.h>
+#import <ReactCommon/RCTContextContainerHandling.h>
+#if USE_HERMES
+#import <ReactCommon/RCTHermesInstance.h>
+#else
+#import <ReactCommon/RCTJscInstance.h>
+#endif
+#import <ReactCommon/RCTHost+Internal.h>
+#import <ReactCommon/RCTHost.h>
+#import <ReactCommon/RCTTurboModuleManager.h>
+#import <react/config/ReactNativeConfig.h>
+#import <react/renderer/runtimescheduler/RuntimeScheduler.h>
+#import <react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h>
+#import <react/runtime/JSRuntimeFactory.h>
+
+static NSString *const kRNConcurrentRoot = @"concurrentRoot";
+
+static NSDictionary *updateInitialProps(NSDictionary *initialProps, BOOL isFabricEnabled)
+{
+  NSMutableDictionary *mutableProps = initialProps != NULL ? [initialProps mutableCopy] : [NSMutableDictionary new];
+  // Hardcoding the Concurrent Root as it it not recommended to
+  // have the concurrentRoot turned off when Fabric is enabled.
+  mutableProps[kRNConcurrentRoot] = @(isFabricEnabled);
+  return mutableProps;
+}
+
+@implementation RCTRootViewFactoryConfiguration
+
+- (instancetype)initWithBundleURL:(NSURL *)bundleURL
+                   newArchEnabled:(BOOL)newArchEnabled
+               turboModuleEnabled:(BOOL)turboModuleEnabled
+                bridgelessEnabled:(BOOL)bridgelessEnabled
+{
+  return [self
+      initWithBundleURLBlock:^{
+        return bundleURL;
+      }
+              newArchEnabled:newArchEnabled
+          turboModuleEnabled:turboModuleEnabled
+           bridgelessEnabled:bridgelessEnabled];
+}
+
+- (instancetype)initWithBundleURLBlock:(RCTBundleURLBlock)bundleURLBlock
+                        newArchEnabled:(BOOL)newArchEnabled
+                    turboModuleEnabled:(BOOL)turboModuleEnabled
+                     bridgelessEnabled:(BOOL)bridgelessEnabled
+{
+  if (self = [super init]) {
+    _bundleURLBlock = bundleURLBlock;
+    _fabricEnabled = newArchEnabled;
+    _turboModuleEnabled = turboModuleEnabled;
+    _bridgelessEnabled = bridgelessEnabled;
+  }
+  return self;
+}
+
+@end
+
+@interface RCTRootViewFactory () <RCTContextContainerHandling> {
+  std::shared_ptr<const facebook::react::ReactNativeConfig> _reactNativeConfig;
+  facebook::react::ContextContainer::Shared _contextContainer;
+}
+@end
+
+@interface RCTRootViewFactory () <RCTCxxBridgeDelegate> {
+  std::shared_ptr<facebook::react::RuntimeScheduler> _runtimeScheduler;
+}
+@end
+
+@implementation RCTRootViewFactory {
+  RCTHost *_reactHost;
+  RCTRootViewFactoryConfiguration *_configuration;
+  __weak id<RCTTurboModuleManagerDelegate> _turboModuleManagerDelegate;
+}
+
+- (instancetype)initWithConfiguration:(RCTRootViewFactoryConfiguration *)configuration
+        andTurboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
+{
+  if (self = [super init]) {
+    _configuration = configuration;
+    _contextContainer = std::make_shared<facebook::react::ContextContainer const>();
+    _reactNativeConfig = std::make_shared<facebook::react::EmptyReactNativeConfig const>();
+    _contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
+    _turboModuleManagerDelegate = turboModuleManagerDelegate;
+  }
+  return self;
+}
+
+- (UIView *)viewWithModuleName:(NSString *)moduleName initialProperties:(NSDictionary *)initialProperties
+{
+  return [self viewWithModuleName:moduleName initialProperties:initialProperties launchOptions:nil];
+}
+
+- (UIView *)viewWithModuleName:(NSString *)moduleName
+{
+  return [self viewWithModuleName:moduleName initialProperties:nil launchOptions:nil];
+}
+
+- (UIView *)viewWithModuleName:(NSString *)moduleName
+             initialProperties:(NSDictionary *)initialProperties
+                 launchOptions:(NSDictionary *)launchOptions
+{
+  NSDictionary *initProps = updateInitialProps(initialProperties, self->_configuration.fabricEnabled);
+
+  if (self->_configuration.bridgelessEnabled) {
+    // Enable native view config interop only if both bridgeless mode and Fabric is enabled.
+    RCTSetUseNativeViewConfigsInBridgelessMode(self->_configuration.fabricEnabled);
+
+    // Enable TurboModule interop by default in Bridgeless mode
+    RCTEnableTurboModuleInterop(YES);
+    RCTEnableTurboModuleInteropBridgeProxy(YES);
+
+    [self createReactHostIfNeeded:launchOptions];
+
+    RCTFabricSurface *surface = [_reactHost createSurfaceWithModuleName:moduleName initialProperties:initProps];
+
+    RCTSurfaceHostingProxyRootView *surfaceHostingProxyRootView = [[RCTSurfaceHostingProxyRootView alloc]
+        initWithSurface:surface
+        sizeMeasureMode:RCTSurfaceSizeMeasureModeWidthExact | RCTSurfaceSizeMeasureModeHeightExact];
+
+    if (self->_configuration.customizeRootView != nil) {
+      self->_configuration.customizeRootView(surfaceHostingProxyRootView);
+    }
+    return surfaceHostingProxyRootView;
+  }
+
+  [self createBridgeIfNeeded:launchOptions];
+  [self createBridgeAdapterIfNeeded];
+
+  UIView *rootView;
+  if (self->_configuration.createRootViewWithBridge != nil) {
+    rootView = self->_configuration.createRootViewWithBridge(self.bridge, moduleName, initProps);
+  } else {
+    rootView = [self createRootViewWithBridge:self.bridge moduleName:moduleName initProps:initProps];
+  }
+  if (self->_configuration.customizeRootView != nil) {
+    self->_configuration.customizeRootView(rootView);
+  }
+  return rootView;
+}
+
+- (RCTBridge *)createBridgeWithDelegate:(id<RCTBridgeDelegate>)delegate launchOptions:(NSDictionary *)launchOptions
+{
+  return [[RCTBridge alloc] initWithDelegate:delegate launchOptions:launchOptions];
+}
+
+- (UIView *)createRootViewWithBridge:(RCTBridge *)bridge
+                          moduleName:(NSString *)moduleName
+                           initProps:(NSDictionary *)initProps
+{
+  BOOL enableFabric = self->_configuration.fabricEnabled;
+  UIView *rootView = RCTAppSetupDefaultRootView(bridge, moduleName, initProps, enableFabric);
+
+  rootView.backgroundColor = [UIColor systemBackgroundColor];
+
+  return rootView;
+}
+
+#pragma mark - RCTCxxBridgeDelegate
+- (std::unique_ptr<facebook::react::JSExecutorFactory>)jsExecutorFactoryForBridge:(RCTBridge *)bridge
+{
+  _runtimeScheduler = std::make_shared<facebook::react::RuntimeScheduler>(RCTRuntimeExecutorFromBridge(bridge));
+  if (RCTIsNewArchEnabled()) {
+    std::shared_ptr<facebook::react::CallInvoker> callInvoker =
+        std::make_shared<facebook::react::RuntimeSchedulerCallInvoker>(_runtimeScheduler);
+    RCTTurboModuleManager *turboModuleManager =
+        [[RCTTurboModuleManager alloc] initWithBridge:bridge
+                                             delegate:_turboModuleManagerDelegate
+                                            jsInvoker:callInvoker];
+    _contextContainer->erase("RuntimeScheduler");
+    _contextContainer->insert("RuntimeScheduler", _runtimeScheduler);
+    return RCTAppSetupDefaultJsExecutorFactory(bridge, turboModuleManager, _runtimeScheduler);
+  } else {
+    return RCTAppSetupJsExecutorFactoryForOldArch(bridge, _runtimeScheduler);
+  }
+}
+
+- (void)createBridgeIfNeeded:(NSDictionary *)launchOptions
+{
+  if (self.bridge != nil) {
+    return;
+  }
+
+  if (self->_configuration.createBridgeWithDelegate != nil) {
+    self.bridge = self->_configuration.createBridgeWithDelegate(self, launchOptions);
+  } else {
+    self.bridge = [self createBridgeWithDelegate:self launchOptions:launchOptions];
+  }
+}
+
+- (void)createBridgeAdapterIfNeeded
+{
+  if (!self->_configuration.fabricEnabled || self.bridgeAdapter) {
+    return;
+  }
+
+  self.bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:self.bridge
+                                                               contextContainer:_contextContainer];
+  self.bridge.surfacePresenter = self.bridgeAdapter.surfacePresenter;
+}
+
+#pragma mark - New Arch Utilities
+
+- (void)createReactHostIfNeeded:(NSDictionary *)launchOptions
+{
+  if (_reactHost) {
+    return;
+  }
+
+  __weak __typeof(self) weakSelf = self;
+  _reactHost = [[RCTHost alloc] initWithBundleURLProvider:self->_configuration.bundleURLBlock
+                                             hostDelegate:nil
+                               turboModuleManagerDelegate:_turboModuleManagerDelegate
+                                         jsEngineProvider:^std::shared_ptr<facebook::react::JSRuntimeFactory>() {
+                                           return [weakSelf createJSRuntimeFactory];
+                                         }
+                                            launchOptions:launchOptions];
+  [_reactHost setBundleURLProvider:^NSURL *() {
+    return [weakSelf bundleURL];
+  }];
+  [_reactHost setContextContainerHandler:self];
+  [_reactHost start];
+}
+
+- (std::shared_ptr<facebook::react::JSRuntimeFactory>)createJSRuntimeFactory
+{
+#if USE_HERMES
+  return std::make_shared<facebook::react::RCTHermesInstance>(_reactNativeConfig, nullptr);
+#else
+  return std::make_shared<facebook::react::RCTJscInstance>();
+#endif
+}
+
+- (void)didCreateContextContainer:(std::shared_ptr<facebook::react::ContextContainer>)contextContainer
+{
+  contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+  return [self bundleURL];
+}
+
+- (NSURL *)bundleURL
+{
+  return self->_configuration.bundleURLBlock();
+}
+
+@end
diff --git a/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec b/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec
index 1da904f8946f..c0ef4c14abc3 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'
-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"
@@ -76,7 +61,7 @@ Pod::Spec.new do |s|
   s.pod_target_xcconfig    = {
     "HEADER_SEARCH_PATHS" => header_search_paths,
     "OTHER_CPLUSPLUSFLAGS" => other_cflags,
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
     "DEFINES_MODULE" => "YES"
   }
   s.user_target_xcconfig   = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/Headers/Private/React-Core\""}
@@ -84,49 +69,32 @@ 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")
+  add_dependency(s, "React-featureflags")
 
   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 41c204886489..fdcebcd2f874 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 26961d7f830d..612915f6ea03 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 98ae81ba8404..886e25733641 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 73deaf6f9ff5..f4c5ed374995 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 c89744190ad9..6f643307c5d0 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 00a86fae31bf..1971794371d0 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 e581aba74d17..9d620af0a1ba 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 c9afc78057c9..9b2ca8cb3a09 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 317b202911df..bceb8eb5d81f 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 14496f7e4910..286710d69105 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 685d86b48d80..caa554029f73 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 932a718453db..c8eb15baf4a9 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -47,17 +43,22 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTBlob"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "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 f33667c9ed64..303fe1d9fb66 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 0e88734532e4..0f80035d3799 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 f886208de3d3..ca0edbf81af0 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 e4661589749a..5e310f430423 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 f815b18c97ba..7cbe73f6186b 100644
--- a/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
+++ b/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
@@ -4,63 +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;
-  +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 09556be26a46..fdbabb475c7f 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 655d13d67ce4..7f724524add5 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 7394582902dc..6a7a7e7367b4 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 777c546508d7..000000000000
--- a/packages/react-native/Libraries/Components/Button.flow.js
+++ /dev/null
@@ -1,265 +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 {
-  AccessibilityActionEvent,
-  AccessibilityActionInfo,
-  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,
-|}>;
-
-/**
-  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 2d674520c74b..a2d00cd70ecc 100644
--- a/packages/react-native/Libraries/Components/Button.js
+++ b/packages/react-native/Libraries/Components/Button.js
@@ -6,14 +6,12 @@
  *
  * @format
  * @flow
- * @generate-docs
  */
 
 'use strict';
 
 import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
-import type {Button as ButtonType} from './Button.flow';
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -282,113 +280,111 @@ 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,
-      accessible,
-      accessibilityActions,
-      accessibilityHint,
-      accessibilityLanguage,
-      onAccessibilityAction,
-    } = this.props;
-    const buttonStyles: Array<ViewStyleProp> = [styles.button];
-    const textStyles: Array<TextStyleProp> = [styles.text];
-    if (color) {
-      if (Platform.OS === 'ios') {
-        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,
+    accessible,
+    accessibilityActions,
+    accessibilityHint,
+    accessibilityLanguage,
+    onAccessibilityAction,
+  } = props;
+  const buttonStyles: Array<ViewStyleProp> = [styles.button];
+  const textStyles: Array<TextStyleProp> = [styles.text];
+  if (color) {
+    if (Platform.OS === 'ios') {
+      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="button"
-        accessibilityState={_accessibilityState}
-        importantForAccessibility={_importantForAccessibility}
-        hasTVPreferredFocus={hasTVPreferredFocus}
-        nextFocusDown={nextFocusDown}
-        nextFocusForward={nextFocusForward}
-        nextFocusLeft={nextFocusLeft}
-        nextFocusRight={nextFocusRight}
-        nextFocusUp={nextFocusUp}
-        testID={testID}
-        disabled={disabled}
-        onPress={onPress}
-        touchSoundDisabled={touchSoundDisabled}>
-        <View style={buttonStyles}>
-          <Text style={textStyles} disabled={disabled}>
-            {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="button"
+      accessibilityState={_accessibilityState}
+      importantForAccessibility={_importantForAccessibility}
+      hasTVPreferredFocus={hasTVPreferredFocus}
+      nextFocusDown={nextFocusDown}
+      nextFocusForward={nextFocusForward}
+      nextFocusLeft={nextFocusLeft}
+      nextFocusRight={nextFocusRight}
+      nextFocusUp={nextFocusUp}
+      testID={testID}
+      disabled={disabled}
+      onPress={onPress}
+      touchSoundDisabled={touchSoundDisabled}>
+      <View style={buttonStyles}>
+        <Text style={textStyles} disabled={disabled}>
+          {formattedTitle}
+        </Text>
+      </View>
+    </Touchable>
+  );
+};
+
+Button.displayName = 'Button';
 
 const styles = StyleSheet.create({
   button: Platform.select({
@@ -432,4 +428,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 d7f268024839..2d3c315ead64 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 ced6d34a9abc..03e2695735c0 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/DrawerLayoutAndroid.android.js b/packages/react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
index 98b754ce8012..d24ad15e69e5 100644
--- a/packages/react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
+++ b/packages/react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
@@ -19,7 +19,6 @@ import type {DirectEventHandler} from '../../Types/CodegenTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
-import Platform from '../../Utilities/Platform';
 import StatusBar from '../StatusBar/StatusBar';
 import View from '../View/View';
 import AndroidDrawerLayoutNativeComponent, {
@@ -180,10 +179,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
       onDrawerClose,
       ...props
     } = this.props;
-    const drawStatusBar =
-      Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
-      this.props.statusBarBackgroundColor != null;
+    const drawStatusBar = this.props.statusBarBackgroundColor != null;
     const drawerViewWrapper = (
       <View
         style={[
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 5a9896c1e05a..adf22019ab0d 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 2dff4a1d1d5f..f539abc7c560 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/Pressable/Pressable.js b/packages/react-native/Libraries/Components/Pressable/Pressable.js
index 3d7f607b26dc..ef8dccaa830d 100644
--- a/packages/react-native/Libraries/Components/Pressable/Pressable.js
+++ b/packages/react-native/Libraries/Components/Pressable/Pressable.js
@@ -30,7 +30,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 2bf4c041561f..20dd19e96918 100644
--- a/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js
+++ b/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js
@@ -53,7 +53,6 @@ export default function useAndroidRippleForView(
   return useMemo(() => {
     if (
       Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
       (color != null || borderless != null || radius != null)
     ) {
       const processedColor = processColor(color);
@@ -71,9 +70,11 @@ export default function useAndroidRippleForView(
 
       return {
         viewProps:
-          foreground === true && Platform.Version >= 23
-            ? {nativeForegroundAndroid: nativeRippleValue}
-            : {nativeBackgroundAndroid: nativeRippleValue},
+          foreground === true
+            ? // $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 2dc49e65a372..7e5f03e33ee3 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 e293e1293141..07cb39ff2117 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 dd76d15d61db..8e7d56557e93 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 f47880e111de..a5ae5e5b1765 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 0fb4860582f5..221df2405e25 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 ff0d08ae5ce2..ac6e9cfaf93f 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 50b814a93b90..f6c6097bbbf6 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 bd7278c93d0d..6ad8519391e8 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 109a3e0425e2..2e26db757500 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 fae5efa752c2..8d73e00a6094 100644
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollView.js
+++ b/packages/react-native/Libraries/Components/ScrollView/ScrollView.js
@@ -515,8 +515,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,
   /**
@@ -546,8 +545,6 @@ export type Props = $ReadOnly<{|
    * When true, the scroll view stops on multiples of the scroll view's size
    * when scrolling. This can be used for horizontal pagination. The default
    * value is false.
-   *
-   * Note: Vertical pagination is not supported on Android.
    */
   pagingEnabled?: ?boolean,
   /**
@@ -558,19 +555,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,
   /**
@@ -1150,21 +1138,6 @@ class ScrollView extends React.Component<Props, State> {
   }
 
   _handleScroll = (e: ScrollEvent) => {
-    if (__DEV__) {
-      if (
-        this.props.onScroll &&
-        this.props.scrollEventThrottle == null &&
-        Platform.OS === 'ios'
-      ) {
-        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);
   };
@@ -1685,13 +1658,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;
@@ -1703,7 +1677,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 0cdebf840d00..3b26ae87fed4 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/ScrollView/ScrollViewViewConfig.js b/packages/react-native/Libraries/Components/ScrollView/ScrollViewViewConfig.js
deleted file mode 100644
index 55ba7b7abb0e..000000000000
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollViewViewConfig.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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
-
-const ScrollViewViewConfig = {
-  uiViewClassName: 'RCTScrollView',
-  bubblingEventTypes: {},
-  directEventTypes: {
-    topScrollToTop: {
-      registrationName: 'onScrollToTop',
-    },
-  },
-  validAttributes: {
-    alwaysBounceHorizontal: true,
-    alwaysBounceVertical: true,
-    automaticallyAdjustContentInsets: true,
-    automaticallyAdjustKeyboardInsets: true,
-    automaticallyAdjustsScrollIndicatorInsets: true,
-    bounces: true,
-    bouncesZoom: true,
-    canCancelContentTouches: true,
-    centerContent: true,
-    contentInset: {
-      diff: require('../../Utilities/differ/pointsDiffer'),
-    },
-    contentOffset: {
-      diff: require('../../Utilities/differ/pointsDiffer'),
-    },
-    contentInsetAdjustmentBehavior: true,
-    decelerationRate: true,
-    directionalLockEnabled: true,
-    disableIntervalMomentum: true,
-    endFillColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
-    fadingEdgeLength: true,
-    indicatorStyle: true,
-    inverted: true,
-    isInvertedVirtualizedList: true,
-    keyboardDismissMode: true,
-    maintainVisibleContentPosition: true,
-    maximumZoomScale: true,
-    minimumZoomScale: true,
-    nestedScrollEnabled: true,
-    onMomentumScrollBegin: true,
-    onMomentumScrollEnd: true,
-    onScroll: true,
-    onScrollBeginDrag: true,
-    onScrollEndDrag: true,
-    onScrollToTop: true,
-    overScrollMode: true,
-    pagingEnabled: true,
-    persistentScrollbar: true,
-    pinchGestureEnabled: true,
-    scrollEnabled: true,
-    scrollEventThrottle: true,
-    scrollIndicatorInsets: {
-      diff: require('../../Utilities/differ/pointsDiffer'),
-    },
-    scrollPerfTag: true,
-    scrollToOverflowEnabled: true,
-    scrollsToTop: true,
-    sendMomentumEvents: true,
-    showsHorizontalScrollIndicator: true,
-    showsVerticalScrollIndicator: true,
-    snapToAlignment: true,
-    snapToEnd: true,
-    snapToInterval: true,
-    snapToOffsets: true,
-    snapToStart: true,
-    zoomScale: true,
-  },
-};
-
-module.exports = (ScrollViewViewConfig: PartialViewConfig);
diff --git a/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js b/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js
index 425a3c3b835c..08e4b37c4e67 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 acebb6ca3bd1..42739be61101 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 4ca0011b8a42..b7c50ea0b701 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 a31d7a0244ab..2e34815590f3 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 24f3b841aee8..eb0f18521e47 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 71bf14fb833f..7ecec529192c 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 55b770d26a35..f5d06e245952 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 792474779f4f..43294aab0e46 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 48432dbdd2c6..9a1dd64f3ed4 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 88d3cc8fe756..f91026796ce9 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 2c0c099a894f..7234cbb3c325 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts
@@ -84,6 +84,9 @@ type DataDetectorTypes =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -333,6 +336,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.
@@ -738,6 +749,11 @@ export interface TextInputProps
     | ((e: NativeSyntheticEvent<TextInputEndEditingEventData>) => void)
     | undefined;
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ((e: NativeSyntheticEvent<NativeTouchEvent>) => void) | undefined;
+
   /**
    * Callback that is called when a touch is engaged.
    */
diff --git a/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js b/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
index 9adbfe9f6f19..638acd7c7925 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
@@ -99,6 +99,9 @@ type DataDetectorTypesType =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -329,6 +332,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
@@ -766,6 +777,11 @@ export type Props = $ReadOnly<{|
    */
   unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ?(event: PressEvent) => mixed,
+
   /**
    * Called when a touch is engaged.
    */
diff --git a/packages/react-native/Libraries/Components/TextInput/TextInput.js b/packages/react-native/Libraries/Components/TextInput/TextInput.js
index 481938f08434..a377366dc707 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.js
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.js
@@ -137,6 +137,9 @@ type DataDetectorTypesType =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -808,6 +811,11 @@ export type Props = $ReadOnly<{|
    */
   unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ?(event: PressEvent) => mixed,
+
   /**
    * Called when a touch is engaged.
    */
@@ -909,6 +917,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.
    */
@@ -1035,8 +1049,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}
  *       />
  *     );
  *   }
@@ -1060,8 +1074,8 @@ const emptyFunctionThatReturnsTrue = () => true;
  *        borderBottomWidth: 1 }}
  *      >
  *        <UselessTextInput
- *          multiline = {true}
- *          numberOfLines = {4}
+ *          multiline={true}
+ *          numberOfLines={4}
  *          onChangeText={(text) => this.setState({text})}
  *          value={this.state.text}
  *        />
@@ -1103,6 +1117,9 @@ function InternalTextInput(props: Props): React.Node {
     id,
     tabIndex,
     selection: propsSelection,
+    selectionColor,
+    selectionHandleColor,
+    cursorColor,
     ...otherProps
   } = props;
 
@@ -1118,12 +1135,14 @@ function InternalTextInput(props: Props): React.Node {
         };
 
   const [mostRecentEventCount, setMostRecentEventCount] = useState<number>(0);
-
   const [lastNativeText, setLastNativeText] = useState<?Stringish>(props.value);
   const [lastNativeSelectionState, setLastNativeSelection] = useState<{|
-    selection: ?Selection,
+    selection: Selection,
     mostRecentEventCount: number,
-  |}>({selection, mostRecentEventCount});
+  |}>({
+    selection: {start: -1, end: -1},
+    mostRecentEventCount: mostRecentEventCount,
+  });
 
   const lastNativeSelection = lastNativeSelectionState.selection;
 
@@ -1270,10 +1289,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;
@@ -1378,27 +1394,37 @@ function InternalTextInput(props: Props): React.Node {
   const accessible = props.accessible !== false;
   const focusable = props.focusable !== false;
 
+  const {
+    editable,
+    hitSlop,
+    onPress,
+    onPressIn,
+    onPressOut,
+    rejectResponderTermination,
+  } = props;
+
   const config = React.useMemo(
     () => ({
-      hitSlop: props.hitSlop,
+      hitSlop,
       onPress: (event: PressEvent) => {
-        if (props.editable !== false) {
+        onPress?.(event);
+        if (editable !== false) {
           if (inputRef.current != null) {
             inputRef.current.focus();
           }
         }
       },
-      onPressIn: props.onPressIn,
-      onPressOut: props.onPressOut,
-      cancelable:
-        Platform.OS === 'ios' ? !props.rejectResponderTermination : null,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      cancelable: Platform.OS === 'ios' ? !rejectResponderTermination : null,
     }),
     [
-      props.editable,
-      props.hitSlop,
-      props.onPressIn,
-      props.onPressOut,
-      props.rejectResponderTermination,
+      editable,
+      hitSlop,
+      onPress,
+      onPressIn,
+      onPressOut,
+      rejectResponderTermination,
     ],
   );
 
@@ -1431,8 +1457,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') {
     const RCTTextInputView =
@@ -1440,7 +1465,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) &&
@@ -1470,7 +1500,11 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChange={_onSelectionChange}
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
-        style={style}
+        selectionColor={selectionColor}
+        style={StyleSheet.compose(
+          useMultilineDefaultStyle ? styles.multilineDefault : null,
+          style,
+        )}
         text={text}
       />
     );
@@ -1488,7 +1522,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 */
@@ -1502,6 +1544,7 @@ function InternalTextInput(props: Props): React.Node {
         // $FlowFixMe[incompatible-type] - Figure out imperative + forward refs.
         ref={ref}
         {...otherProps}
+        {...colorProps}
         {...eventHandlers}
         accessibilityState={_accessibilityState}
         accessibilityLabelledBy={_accessibilityLabelledBy}
@@ -1712,13 +1755,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,
@@ -1738,7 +1774,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 d293702660a9..9777451295d3 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 3a13f89bd450..5a3e9aedf38f 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 67847c1ba0c0..e10b470fef77 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 b93087cbec5d..000000000000
--- 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 50c9b8f6a140..c34ca4f8b85e 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';
@@ -947,7 +946,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).
@@ -967,4 +966,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 4fcbe801e160..f0223835384d 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js
@@ -203,8 +203,13 @@ 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();
+    this.state.scale.resetAnimation();
   }
 }
 
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
index 998a7d02f3b4..9cdc5f76cb2e 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
@@ -363,6 +363,7 @@ class TouchableHighlight extends React.Component<Props, State> {
 
   componentDidMount(): void {
     this._isMounted = true;
+    this.state.pressability.configure(this._createPressabilityConfig());
   }
 
   componentDidUpdate(prevProps: Props, prevState: State) {
@@ -378,12 +379,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 5c5aa5a31daf..0fb5f86702e4 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
@@ -146,6 +146,7 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
     );
     return {
       type: 'RippleAndroid',
+      // $FlowFixMe[incompatible-type]
       color: processedColor,
       borderless,
       rippleRadius,
@@ -156,7 +157,7 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
    * Whether `useForeground` is supported.
    */
   static canUseNativeForeground: () => boolean = () =>
-    Platform.OS === 'android' && Platform.Version >= 23;
+    Platform.OS === 'android';
 
   state: State = {
     pressability: new Pressability(this._createPressabilityConfig()),
@@ -339,6 +340,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 95b3787905c0..a11eb7cafe3f 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
@@ -314,14 +314,22 @@ class TouchableOpacity extends React.Component<Props, State> {
     }
   }
 
+  componentDidMount(): void {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this.state.pressability.reset();
+    this.state.anim.resetAnimation();
   }
 }
 
-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 8d6a4787640b..63112e7c80ab 100755
--- a/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -189,6 +189,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 abac38b3bee8..000000000000
--- 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 837223e3774b..000000000000
--- 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 3c972820c54f..4eb6022646e5 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 79dbeddb741e..e0c82a319f37 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';
@@ -144,6 +144,7 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   borderTopLeftRadius: true,
   borderTopRightRadius: true,
   borderTopStartRadius: true,
+  cursor: true,
   opacity: true,
   pointerEvents: true,
 
diff --git a/packages/react-native/Libraries/Components/View/View.js b/packages/react-native/Libraries/Components/View/View.js
index 4a9e0c91261e..c4d2fc63ada8 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 acb833ef7fbe..90cca7b66a19 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 53f5e82c3414..20ff434f97b8 100644
--- a/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts
+++ b/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts
@@ -132,22 +132,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.
    *
@@ -161,6 +145,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;
 }
 
 /**
@@ -184,13 +179,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 1ead9ba053a5..692410cd89d1 100644
--- a/packages/react-native/Libraries/Components/View/ViewPropTypes.js
+++ b/packages/react-native/Libraries/Components/View/ViewPropTypes.js
@@ -266,28 +266,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
@@ -309,6 +302,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
@@ -428,6 +434,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.
    *
@@ -484,15 +499,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.
    */
@@ -524,13 +530,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
    *
@@ -548,13 +547,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
@@ -604,6 +596,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 25377f6890cb..8224a1c53f7b 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 aac86e07edad..e0c7872fe000 100644
--- a/packages/react-native/Libraries/Core/NativeExceptionsManager.js
+++ b/packages/react-native/Libraries/Core/NativeExceptionsManager.js
@@ -8,96 +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' && 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 1d82274f85cb..1b5cd72e245c 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 = {
-  major: 1000,
-  minor: 0,
-  patch: 0,
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 74,
+  patch: 6,
   prerelease: null,
 };
+
+module.exports = {version};
diff --git a/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js b/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js
index 8b41988696d6..aca13899eedd 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 b39822ca9c16..5319218e4cc8 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 5feaa3077a00..4b2912453ca1 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.d.ts b/packages/react-native/Libraries/Core/registerCallableModule.d.ts
new file mode 100644
index 000000000000..05d9e92da7c7
--- /dev/null
+++ b/packages/react-native/Libraries/Core/registerCallableModule.d.ts
@@ -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.
+ *
+ * @format
+ */
+
+type Module = Object;
+type RegisterCallableModule = (
+  name: string,
+  moduleOrFactory: Module | (() => Module),
+) => void;
+
+export const registerCallableModule: RegisterCallableModule;
diff --git a/packages/react-native/Libraries/Core/registerCallableModule.js b/packages/react-native/Libraries/Core/registerCallableModule.js
new file mode 100644
index 000000000000..65eada35f54b
--- /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 6ed3fce86e50..a33afb30cae5 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 20e0f32f5c99..47ed15546c2a 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 000000000000..d4b7ea8d9438
--- /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 000000000000..0bf8b9b4e34d
--- /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 000000000000..7e3385d240e0
--- /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 000000000000..931a2583fa5a
--- /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 8370f8f19740..ad27f8129657 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 d892ad0bca4f..90f2263e127a 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/AssetSourceResolver.js b/packages/react-native/Libraries/Image/AssetSourceResolver.js
index d7ae700437b7..5e0d967f3494 100644
--- a/packages/react-native/Libraries/Image/AssetSourceResolver.js
+++ b/packages/react-native/Libraries/Image/AssetSourceResolver.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
  */
 
@@ -68,7 +68,7 @@ class AssetSourceResolver {
   }
 
   isLoadedFromFileSystem(): boolean {
-    return !!(this.jsbundleUrl && this.jsbundleUrl.startsWith('file://'));
+    return this.jsbundleUrl != null && this.jsbundleUrl?.startsWith('file://');
   }
 
   defaultAsset(): ResolvedAssetSource {
@@ -90,7 +90,7 @@ class AssetSourceResolver {
    * from the devserver
    */
   assetServerURL(): ResolvedAssetSource {
-    invariant(!!this.serverUrl, 'need server to load from');
+    invariant(this.serverUrl != null, 'need server to load from');
     return this.fromSource(
       this.serverUrl +
         getScaledAssetPath(this.asset) +
@@ -114,7 +114,7 @@ class AssetSourceResolver {
    * E.g. 'file:///sdcard/bundle/assets/AwesomeModule/icon@2x.png'
    */
   scaledAssetURLNearBundle(): ResolvedAssetSource {
-    const path = this.jsbundleUrl || 'file://';
+    const path = this.jsbundleUrl ?? 'file://';
     return this.fromSource(
       // Assets can have relative paths outside of the project root.
       // When bundling them we replace `../` with `_` to make sure they
@@ -143,7 +143,7 @@ class AssetSourceResolver {
    * E.g. 'file:///sdcard/AwesomeModule/drawable-mdpi/icon.png'
    */
   drawableFolderInBundle(): ResolvedAssetSource {
-    const path = this.jsbundleUrl || 'file://';
+    const path = this.jsbundleUrl ?? 'file://';
     return this.fromSource(path + getAssetPathInDrawableFolder(this.asset));
   }
 
diff --git a/packages/react-native/Libraries/Image/AssetUtils.js b/packages/react-native/Libraries/Image/AssetUtils.js
index fd370621f0c0..18bb15c07d82 100644
--- a/packages/react-native/Libraries/Image/AssetUtils.js
+++ b/packages/react-native/Libraries/Image/AssetUtils.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
  */
 
@@ -14,12 +14,11 @@ let cacheBreaker;
 let warnIfCacheBreakerUnset = true;
 
 export function pickScale(scales: Array<number>, deviceScale?: number): number {
-  if (deviceScale == null) {
-    deviceScale = PixelRatio.get();
-  }
+  const requiredDeviceScale = deviceScale ?? PixelRatio.get();
+
   // Packager guarantees that `scales` array is sorted
   for (let i = 0; i < scales.length; i++) {
-    if (scales[i] >= deviceScale) {
+    if (scales[i] >= requiredDeviceScale) {
       return scales[i];
     }
   }
diff --git a/packages/react-native/Libraries/Image/Image.android.js b/packages/react-native/Libraries/Image/Image.android.js
index 0f9e6fa58b50..ac8660e968e6 100644
--- a/packages/react-native/Libraries/Image/Image.android.js
+++ b/packages/react-native/Libraries/Image/Image.android.js
@@ -4,19 +4,22 @@
  * 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 {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import type {RootTag} from '../Types/RootTagTypes';
-import type {ImageAndroid} from './Image.flow';
-import type {ImageProps as ImagePropsType} from './ImageProps';
+import type {AbstractImageAndroid, ImageAndroid} from './ImageTypes.flow';
 
 import flattenStyle from '../StyleSheet/flattenStyle';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import TextAncestor from '../Text/TextAncestor';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
-import ImageInjection from './ImageInjection';
+import {
+  unstable_getImageComponentDecorator,
+  useWrapRefWithImageAttachedCallbacks,
+} from './ImageInjection';
 import {getImageSourcesFromImageProps} from './ImageSourceUtils';
 import {convertObjectFitToResizeMode} from './ImageUtils';
 import ImageViewNativeComponent from './ImageViewNativeComponent';
@@ -38,9 +41,9 @@ function generateRequestId() {
 function getSize(
   url: string,
   success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-): any {
-  return NativeImageLoaderAndroid.getSize(url)
+  failure?: (error: mixed) => void,
+): void {
+  NativeImageLoaderAndroid.getSize(url)
     .then(function (sizes) {
       success(sizes.width, sizes.height);
     })
@@ -62,9 +65,9 @@ function getSizeWithHeaders(
   url: string,
   headers: {[string]: string, ...},
   success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-): any {
-  return NativeImageLoaderAndroid.getSizeWithHeaders(url, headers)
+  failure?: (error: mixed) => void,
+): void {
+  NativeImageLoaderAndroid.getSizeWithHeaders(url, headers)
     .then(function (sizes) {
       success(sizes.width, sizes.height);
     })
@@ -80,19 +83,22 @@ function prefetchWithMetadata(
   url: string,
   queryRootName: string,
   rootTag?: ?RootTag,
-  callback: ?Function,
-): any {
+  callback: ?(requestId: number) => void,
+): Promise<boolean> {
   // TODO: T79192300 Log queryRootName and rootTag
-  prefetch(url, callback);
+  return prefetch(url, callback);
 }
 
-function prefetch(url: string, callback: ?Function): any {
+function prefetch(
+  url: string,
+  callback: ?(requestId: number) => void,
+): Promise<boolean> {
   const requestId = generateRequestId();
   callback && callback(requestId);
   return NativeImageLoaderAndroid.prefetchImage(url, requestId);
 }
 
-function abortPrefetch(requestId: number) {
+function abortPrefetch(requestId: number): void {
   NativeImageLoaderAndroid.abortRequest(requestId);
 }
 
@@ -104,19 +110,9 @@ function abortPrefetch(requestId: number) {
 async function queryCache(
   urls: Array<string>,
 ): Promise<{[string]: 'memory' | 'disk' | 'disk/memory', ...}> {
-  return await NativeImageLoaderAndroid.queryCache(urls);
+  return NativeImageLoaderAndroid.queryCache(urls);
 }
 
-export type ImageComponentStatics = $ReadOnly<{|
-  getSize: typeof getSize,
-  getSizeWithHeaders: typeof getSizeWithHeaders,
-  prefetch: typeof prefetch,
-  prefetchWithMetadata: typeof prefetchWithMetadata,
-  abortPrefetch?: typeof abortPrefetch,
-  queryCache: typeof queryCache,
-  resolveAssetSource: typeof resolveAssetSource,
-|}>;
-
 /**
  * A React component for displaying different types of images,
  * including network images, static resources, temporary local images, and
@@ -124,141 +120,137 @@ export type ImageComponentStatics = $ReadOnly<{|
  *
  * See https://reactnative.dev/docs/image
  */
-/* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
- * LTI update could not be added via codemod */
-const BaseImage = (props: ImagePropsType, forwardedRef) => {
-  let source = getImageSourcesFromImageProps(props) || {
-    uri: undefined,
-    width: undefined,
-    height: undefined,
-  };
-  const defaultSource = resolveAssetSource(props.defaultSource);
-  const loadingIndicatorSource = resolveAssetSource(
-    props.loadingIndicatorSource,
-  );
-
-  if (props.children) {
-    throw new Error(
-      'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
-    );
-  }
-
-  if (props.defaultSource && props.loadingIndicatorSource) {
-    throw new Error(
-      'The <Image> component cannot have defaultSource and loadingIndicatorSource at the same time. Please use either defaultSource or loadingIndicatorSource.',
+let BaseImage: AbstractImageAndroid = React.forwardRef(
+  (props, forwardedRef) => {
+    let source = getImageSourcesFromImageProps(props) || {
+      uri: undefined,
+      width: undefined,
+      height: undefined,
+    };
+    const defaultSource = resolveAssetSource(props.defaultSource);
+    const loadingIndicatorSource = resolveAssetSource(
+      props.loadingIndicatorSource,
     );
-  }
 
-  let style;
-  let sources;
-  if (Array.isArray(source)) {
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([styles.base, props.style]);
-    sources = source;
-  } else {
-    // $FlowFixMe[incompatible-type]
-    const {width = props.width, height = props.height, uri} = source;
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([{width, height}, styles.base, props.style]);
-    sources = [source];
-    if (uri === '') {
-      console.warn('source.uri should not be an empty string');
+    if (props.children) {
+      throw new Error(
+        'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
+      );
     }
-  }
 
-  const {height, width, ...restProps} = props;
+    if (props.defaultSource != null && props.loadingIndicatorSource != null) {
+      throw new Error(
+        'The <Image> component cannot have defaultSource and loadingIndicatorSource at the same time. Please use either defaultSource or loadingIndicatorSource.',
+      );
+    }
 
-  const {onLoadStart, onLoad, onLoadEnd, onError} = props;
-  const nativeProps = {
-    ...restProps,
-    style,
-    shouldNotifyLoadEvents: !!(onLoadStart || onLoad || onLoadEnd || onError),
-    src: sources,
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
-    headers: (source?.[0]?.headers || source?.headers: ?{[string]: string}),
-    defaultSrc: defaultSource ? defaultSource.uri : null,
-    loadingIndicatorSrc: loadingIndicatorSource
-      ? loadingIndicatorSource.uri
-      : null,
-    ref: forwardedRef,
-    accessibilityLabel:
-      props['aria-label'] ?? props.accessibilityLabel ?? props.alt,
-    accessibilityLabelledBy:
-      props?.['aria-labelledby'] ?? props?.accessibilityLabelledBy,
-    accessible: props.alt !== undefined ? true : props.accessible,
-    accessibilityState: {
-      busy: props['aria-busy'] ?? props.accessibilityState?.busy,
-      checked: props['aria-checked'] ?? props.accessibilityState?.checked,
-      disabled: props['aria-disabled'] ?? props.accessibilityState?.disabled,
-      expanded: props['aria-expanded'] ?? props.accessibilityState?.expanded,
-      selected: props['aria-selected'] ?? props.accessibilityState?.selected,
-    },
-  };
+    let style;
+    let sources;
+    if (Array.isArray(source)) {
+      style = flattenStyle<ImageStyleProp>([styles.base, props.style]);
+      sources = source;
+    } else {
+      const {uri} = source;
+      const width = source.width ?? props.width;
+      const height = source.height ?? props.height;
+      style = flattenStyle<ImageStyleProp>([
+        {width, height},
+        styles.base,
+        props.style,
+      ]);
+      sources = [source];
+      if (uri === '') {
+        console.warn('source.uri should not be an empty string');
+      }
+    }
 
-  const objectFit =
-    // $FlowFixMe[prop-missing]
-    style && style.objectFit
-      ? // $FlowFixMe[incompatible-call]
-        convertObjectFitToResizeMode(style.objectFit)
+    const {height, width, ...restProps} = props;
+
+    const {onLoadStart, onLoad, onLoadEnd, onError} = props;
+    const nativeProps = {
+      ...restProps,
+      style,
+      shouldNotifyLoadEvents: !!(onLoadStart || onLoad || onLoadEnd || onError),
+      src: sources,
+      /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
+       * when making Flow check .android.js files. */
+      headers: (source?.[0]?.headers || source?.headers: ?{[string]: string}),
+      defaultSrc: defaultSource ? defaultSource.uri : null,
+      loadingIndicatorSrc: loadingIndicatorSource
+        ? loadingIndicatorSource.uri
+        : null,
+      accessibilityLabel:
+        props['aria-label'] ?? props.accessibilityLabel ?? props.alt,
+      accessibilityLabelledBy:
+        props?.['aria-labelledby'] ?? props?.accessibilityLabelledBy,
+      accessible: props.alt !== undefined ? true : props.accessible,
+      accessibilityState: {
+        busy: props['aria-busy'] ?? props.accessibilityState?.busy,
+        checked: props['aria-checked'] ?? props.accessibilityState?.checked,
+        disabled: props['aria-disabled'] ?? props.accessibilityState?.disabled,
+        expanded: props['aria-expanded'] ?? props.accessibilityState?.expanded,
+        selected: props['aria-selected'] ?? props.accessibilityState?.selected,
+      },
+    };
+
+    const objectFit = style?.objectFit
+      ? convertObjectFitToResizeMode(style.objectFit)
       : null;
-  // $FlowFixMe[prop-missing]
-  const resizeMode =
-    // $FlowFixMe[prop-missing]
-    objectFit || props.resizeMode || (style && style.resizeMode) || 'cover';
+    const resizeMode =
+      objectFit || props.resizeMode || style?.resizeMode || 'cover';
+
+    const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
+
+    return (
+      <ImageAnalyticsTagContext.Consumer>
+        {analyticTag => {
+          const nativePropsWithAnalytics =
+            analyticTag !== null
+              ? {
+                  ...nativeProps,
+                  internal_analyticTag: analyticTag,
+                }
+              : nativeProps;
+          return (
+            <TextAncestor.Consumer>
+              {hasTextAncestor => {
+                if (hasTextAncestor) {
+                  return (
+                    <TextInlineImageNativeComponent
+                      // $FlowFixMe[incompatible-type]
+                      style={style}
+                      resizeMode={resizeMode}
+                      headers={nativeProps.headers}
+                      src={sources}
+                      ref={actualRef}
+                    />
+                  );
+                }
 
-  return (
-    <ImageAnalyticsTagContext.Consumer>
-      {analyticTag => {
-        const nativePropsWithAnalytics =
-          analyticTag !== null
-            ? {
-                ...nativeProps,
-                internal_analyticTag: analyticTag,
-              }
-            : nativeProps;
-        return (
-          <TextAncestor.Consumer>
-            {hasTextAncestor => {
-              if (hasTextAncestor) {
                 return (
-                  <TextInlineImageNativeComponent
-                    // $FlowFixMe[incompatible-type]
-                    style={style}
-                    // $FlowFixMe[incompatible-type]
+                  <ImageViewNativeComponent
+                    {...nativePropsWithAnalytics}
                     resizeMode={resizeMode}
-                    headers={nativeProps.headers}
-                    src={sources}
-                    ref={forwardedRef}
+                    ref={actualRef}
                   />
                 );
-              }
-
-              return (
-                <ImageViewNativeComponent
-                  {...nativePropsWithAnalytics}
-                  // $FlowFixMe[incompatible-type]
-                  resizeMode={resizeMode}
-                />
-              );
-            }}
-          </TextAncestor.Consumer>
-        );
-      }}
-    </ImageAnalyticsTagContext.Consumer>
-  );
-};
-
-let Image = React.forwardRef<
-  ImagePropsType,
-  | React.ElementRef<typeof TextInlineImageNativeComponent>
-  | React.ElementRef<typeof ImageViewNativeComponent>,
->(BaseImage);
+              }}
+            </TextAncestor.Consumer>
+          );
+        }}
+      </ImageAnalyticsTagContext.Consumer>
+    );
+  },
+);
 
-if (ImageInjection.unstable_createImageComponent != null) {
-  Image = ImageInjection.unstable_createImageComponent(Image);
+const imageComponentDecorator = unstable_getImageComponentDecorator();
+if (imageComponentDecorator != null) {
+  BaseImage = imageComponentDecorator(BaseImage);
 }
 
+// $FlowExpectedError[incompatible-type] Eventually we need to move these functions from statics of the component to exports in the module.
+const Image: ImageAndroid = BaseImage;
+
 Image.displayName = 'Image';
 
 /**
@@ -266,9 +258,7 @@ Image.displayName = 'Image';
  *
  * See https://reactnative.dev/docs/image#getsize
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.getSize = getSize;
 
 /**
@@ -277,9 +267,7 @@ Image.getSize = getSize;
  *
  * See https://reactnative.dev/docs/image#getsizewithheaders
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.getSizeWithHeaders = getSizeWithHeaders;
 
 /**
@@ -288,9 +276,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  *
  * See https://reactnative.dev/docs/image#prefetch
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.prefetch = prefetch;
 
 /**
@@ -299,9 +285,7 @@ Image.prefetch = prefetch;
  *
  * See https://reactnative.dev/docs/image#prefetch
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.prefetchWithMetadata = prefetchWithMetadata;
 
 /**
@@ -309,9 +293,7 @@ Image.prefetchWithMetadata = prefetchWithMetadata;
  *
  * See https://reactnative.dev/docs/image#abortprefetch
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.abortPrefetch = abortPrefetch;
 
 /**
@@ -319,9 +301,7 @@ Image.abortPrefetch = abortPrefetch;
  *
  * See https://reactnative.dev/docs/image#querycache
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.queryCache = queryCache;
 
 /**
@@ -329,21 +309,13 @@ Image.queryCache = queryCache;
  *
  * See https://reactnative.dev/docs/image#resolveassetsource
  */
-/* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
- * error found when Flow v0.89 was deployed. To see the error, delete this
- * comment and run Flow. */
+// $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',
   },
 });
 
-module.exports = ((Image: any): ImageAndroid);
+module.exports = Image;
diff --git a/packages/react-native/Libraries/Image/Image.d.ts b/packages/react-native/Libraries/Image/Image.d.ts
index 06dbfe24bfd0..c9e0195ba960 100644
--- a/packages/react-native/Libraries/Image/Image.d.ts
+++ b/packages/react-native/Libraries/Image/Image.d.ts
@@ -260,7 +260,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.flow.js b/packages/react-native/Libraries/Image/Image.flow.js
deleted file mode 100644
index 2cbbbf7fbbe1..000000000000
--- a/packages/react-native/Libraries/Image/Image.flow.js
+++ /dev/null
@@ -1,64 +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 {RootTag} from '../Types/RootTagTypes';
-import type {ResolvedAssetSource} from './AssetSourceResolver';
-import type {ImageProps as ImagePropsType} from './ImageProps';
-
-import ImageViewNativeComponent from './ImageViewNativeComponent';
-import TextInlineImageNativeComponent from './TextInlineImageNativeComponent';
-import * as React from 'react';
-
-type ImageComponentStaticsIOS = $ReadOnly<{|
-  getSize: (
-    uri: string,
-    success: (width: number, height: number) => void,
-    failure?: (error: any) => void,
-  ) => void,
-
-  getSizeWithHeaders(
-    uri: string,
-    headers: {[string]: string, ...},
-    success: (width: number, height: number) => void,
-    failure?: (error: any) => void,
-  ): any,
-
-  prefetch(url: string): any,
-
-  prefetchWithMetadata(
-    url: string,
-    queryRootName: string,
-    rootTag?: ?RootTag,
-  ): any,
-
-  queryCache(
-    urls: Array<string>,
-  ): Promise<{[string]: 'memory' | 'disk' | 'disk/memory', ...}>,
-
-  resolveAssetSource(source: any): ?ResolvedAssetSource,
-|}>;
-
-type ImageComponentStaticsAndroid = {
-  ...ImageComponentStaticsIOS,
-  abortPrefetch(requestId: number): void,
-};
-
-export type ImageAndroid = React.AbstractComponent<
-  ImagePropsType,
-  | React.ElementRef<typeof TextInlineImageNativeComponent>
-  | React.ElementRef<typeof ImageViewNativeComponent>,
-> &
-  ImageComponentStaticsAndroid;
-
-export type ImageIOS = React.AbstractComponent<
-  ImagePropsType,
-  React.ElementRef<typeof ImageViewNativeComponent>,
-> &
-  ImageComponentStaticsIOS;
diff --git a/packages/react-native/Libraries/Image/Image.ios.js b/packages/react-native/Libraries/Image/Image.ios.js
index b39e01972346..9ba060e16a9c 100644
--- a/packages/react-native/Libraries/Image/Image.ios.js
+++ b/packages/react-native/Libraries/Image/Image.ios.js
@@ -4,19 +4,22 @@
  * 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 {ImageStyleProp} from '../StyleSheet/StyleSheet';
+import type {ImageStyle, ImageStyleProp} from '../StyleSheet/StyleSheet';
 import type {RootTag} from '../Types/RootTagTypes';
-import type {ImageIOS} from './Image.flow';
-import type {ImageProps as ImagePropsType} from './ImageProps';
+import type {AbstractImageIOS, ImageIOS} from './ImageTypes.flow';
 
+import {createRootTag} from '../ReactNative/RootTag';
 import flattenStyle from '../StyleSheet/flattenStyle';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
-import ImageInjection from './ImageInjection';
+import {
+  unstable_getImageComponentDecorator,
+  useWrapRefWithImageAttachedCallbacks,
+} from './ImageInjection';
 import {getImageSourcesFromImageProps} from './ImageSourceUtils';
 import {convertObjectFitToResizeMode} from './ImageUtils';
 import ImageViewNativeComponent from './ImageViewNativeComponent';
@@ -27,8 +30,8 @@ import * as React from 'react';
 function getSize(
   uri: string,
   success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-) {
+  failure?: (error: mixed) => void,
+): void {
   NativeImageLoaderIOS.getSize(uri)
     .then(([width, height]) => success(width, height))
     .catch(
@@ -43,9 +46,9 @@ function getSizeWithHeaders(
   uri: string,
   headers: {[string]: string, ...},
   success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-): any {
-  return NativeImageLoaderIOS.getSizeWithHeaders(uri, headers)
+  failure?: (error: mixed) => void,
+): void {
+  NativeImageLoaderIOS.getSizeWithHeaders(uri, headers)
     .then(function (sizes) {
       success(sizes.width, sizes.height);
     })
@@ -61,41 +64,30 @@ function prefetchWithMetadata(
   url: string,
   queryRootName: string,
   rootTag?: ?RootTag,
-): any {
+): Promise<boolean> {
   if (NativeImageLoaderIOS.prefetchImageWithMetadata) {
     // number params like rootTag cannot be nullable before TurboModules is available
     return NativeImageLoaderIOS.prefetchImageWithMetadata(
       url,
       queryRootName,
       // NOTE: RootTag type
-      // $FlowFixMe[incompatible-call] RootTag: number is incompatible with RootTag
-      rootTag ? rootTag : 0,
+      rootTag != null ? rootTag : createRootTag(0),
     );
   } else {
     return NativeImageLoaderIOS.prefetchImage(url);
   }
 }
 
-function prefetch(url: string): any {
+function prefetch(url: string): Promise<boolean> {
   return NativeImageLoaderIOS.prefetchImage(url);
 }
 
 async function queryCache(
   urls: Array<string>,
 ): Promise<{[string]: 'memory' | 'disk' | 'disk/memory', ...}> {
-  return await NativeImageLoaderIOS.queryCache(urls);
+  return NativeImageLoaderIOS.queryCache(urls);
 }
 
-export type ImageComponentStatics = $ReadOnly<{|
-  getSize: typeof getSize,
-  getSizeWithHeaders: typeof getSizeWithHeaders,
-  prefetch: typeof prefetch,
-  prefetchWithMetadata: typeof prefetchWithMetadata,
-  abortPrefetch?: number => void,
-  queryCache: typeof queryCache,
-  resolveAssetSource: typeof resolveAssetSource,
-|}>;
-
 /**
  * A React component for displaying different types of images,
  * including network images, static resources, temporary local images, and
@@ -103,9 +95,7 @@ export type ImageComponentStatics = $ReadOnly<{|
  *
  * See https://reactnative.dev/docs/image
  */
-/* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
- * LTI update could not be added via codemod */
-const BaseImage = (props: ImagePropsType, forwardedRef) => {
+let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
   const source = getImageSourcesFromImageProps(props) || {
     uri: undefined,
     width: undefined,
@@ -113,16 +103,23 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
   };
 
   let sources;
-  let style: ImageStyleProp;
+  let style: ImageStyle;
+
   if (Array.isArray(source)) {
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([styles.base, props.style]) || {};
+    style =
+      flattenStyle<ImageStyleProp>([styles.base, props.style]) ||
+      ({}: ImageStyle);
     sources = source;
   } else {
-    // $FlowFixMe[incompatible-type]
-    const {width = props.width, height = props.height, uri} = source;
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([{width, height}, styles.base, props.style]) || {};
+    const {uri} = source;
+    const width = source.width ?? props.width;
+    const height = source.height ?? props.height;
+    style =
+      flattenStyle<ImageStyleProp>([
+        {width, height},
+        styles.base,
+        props.style,
+      ]) || ({}: ImageStyle);
     sources = [source];
 
     if (uri === '') {
@@ -131,16 +128,12 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
   }
 
   const objectFit =
-    // $FlowFixMe[prop-missing]
-    style && style.objectFit
-      ? // $FlowFixMe[incompatible-call]
-        convertObjectFitToResizeMode(style.objectFit)
+    style.objectFit != null
+      ? convertObjectFitToResizeMode(style.objectFit)
       : null;
   const resizeMode =
-    // $FlowFixMe[prop-missing]
-    objectFit || props.resizeMode || (style && style.resizeMode) || 'cover';
-  // $FlowFixMe[prop-missing]
-  const tintColor = props.tintColor || style.tintColor;
+    objectFit || props.resizeMode || style.resizeMode || 'cover';
+  const tintColor = props.tintColor ?? style.tintColor;
 
   if (props.children != null) {
     throw new Error(
@@ -168,6 +161,8 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
   };
   const accessibilityLabel = props['aria-label'] ?? props.accessibilityLabel;
 
+  const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
+
   return (
     <ImageAnalyticsTagContext.Consumer>
       {analyticTag => {
@@ -177,9 +172,8 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
             {...restProps}
             accessible={props.alt !== undefined ? true : props.accessible}
             accessibilityLabel={accessibilityLabel ?? props.alt}
-            ref={forwardedRef}
+            ref={actualRef}
             style={style}
-            // $FlowFixMe[incompatible-type]
             resizeMode={resizeMode}
             tintColor={tintColor}
             source={sources}
@@ -189,18 +183,16 @@ const BaseImage = (props: ImagePropsType, forwardedRef) => {
       }}
     </ImageAnalyticsTagContext.Consumer>
   );
-};
-
-const ImageForwardRef = React.forwardRef<
-  ImagePropsType,
-  React.ElementRef<typeof ImageViewNativeComponent>,
->(BaseImage);
+});
 
-let Image = ImageForwardRef;
-if (ImageInjection.unstable_createImageComponent != null) {
-  Image = ImageInjection.unstable_createImageComponent(Image);
+const imageComponentDecorator = unstable_getImageComponentDecorator();
+if (imageComponentDecorator != null) {
+  BaseImage = imageComponentDecorator(BaseImage);
 }
 
+// $FlowExpectedError[incompatible-type] Eventually we need to move these functions from statics of the component to exports in the module.
+const Image: ImageIOS = BaseImage;
+
 Image.displayName = 'Image';
 
 /**
@@ -208,9 +200,7 @@ Image.displayName = 'Image';
  *
  * See https://reactnative.dev/docs/image#getsize
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.getSize = getSize;
 
 /**
@@ -219,9 +209,7 @@ Image.getSize = getSize;
  *
  * See https://reactnative.dev/docs/image#getsizewithheaders
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.getSizeWithHeaders = getSizeWithHeaders;
 
 /**
@@ -230,9 +218,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  *
  * See https://reactnative.dev/docs/image#prefetch
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.prefetch = prefetch;
 
 /**
@@ -241,9 +227,7 @@ Image.prefetch = prefetch;
  *
  * See https://reactnative.dev/docs/image#prefetch
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.prefetchWithMetadata = prefetchWithMetadata;
 
 /**
@@ -251,9 +235,7 @@ Image.prefetchWithMetadata = prefetchWithMetadata;
  *
  *  See https://reactnative.dev/docs/image#querycache
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.queryCache = queryCache;
 
 /**
@@ -261,21 +243,13 @@ Image.queryCache = queryCache;
  *
  * See https://reactnative.dev/docs/image#resolveassetsource
  */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
+// $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',
   },
 });
 
-module.exports = ((Image: any): ImageIOS);
+module.exports = Image;
diff --git a/packages/react-native/Libraries/Image/Image.js.flow b/packages/react-native/Libraries/Image/Image.js.flow
index 9575ff199e96..d77f80eee663 100644
--- a/packages/react-native/Libraries/Image/Image.js.flow
+++ b/packages/react-native/Libraries/Image/Image.js.flow
@@ -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 {RootTag} from '../Types/RootTagTypes';
-import type {ResolvedAssetSource} from './AssetSourceResolver';
-import type {ImageIOS, ImageAndroid} from './Image.flow';
+import type {Image} from './ImageTypes.flow';
 
-export type ImageComponentStatics = $ReadOnly<{
-  getSize: (
-    uri: string,
-    success: (width: number, height: number) => void,
-    failure?: (error: any) => void,
-  ) => void,
-  getSizeWithHeaders: (
-    uri: string,
-    headers: {[string]: string},
-    success: (width: number, height: number) => void,
-    failure?: (error: any) => void,
-  ) => any,
-  prefetch: (url: string) => any,
-  abortPrefetch?: number => void,
-  prefetchWithMetadata: (
-    url: string,
-    queryRootName: string,
-    rootTag?: ?RootTag,
-  ) => any,
-  queryCache: (
-    urls: Array<string>,
-  ) => Promise<{[string]: 'memory' | 'disk' | 'disk/memory'}>,
-  resolveAssetSource: (source: any) => ?ResolvedAssetSource,
-}>;
-
-declare module.exports: ImageIOS | ImageAndroid;
+declare module.exports: Image;
diff --git a/packages/react-native/Libraries/Image/ImageBackground.js b/packages/react-native/Libraries/Image/ImageBackground.js
index c839532501e4..c08bf4955767 100644
--- a/packages/react-native/Libraries/Image/ImageBackground.js
+++ b/packages/react-native/Libraries/Image/ImageBackground.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
  */
 
@@ -45,7 +45,7 @@ import * as React from 'react';
  * ```
  */
 class ImageBackground extends React.Component<ImageBackgroundProps> {
-  setNativeProps(props: Object) {
+  setNativeProps(props: {...}) {
     // Work-around flow
     const viewRef = this._viewRef;
     if (viewRef) {
diff --git a/packages/react-native/Libraries/Image/ImageInjection.js b/packages/react-native/Libraries/Image/ImageInjection.js
index e42d32cd9c4f..072ac69fd35d 100644
--- a/packages/react-native/Libraries/Image/ImageInjection.js
+++ b/packages/react-native/Libraries/Image/ImageInjection.js
@@ -4,26 +4,84 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format strict-local
- * @flow
+ * @format
+ * @flow strict-local
  */
 
-import type {ImageProps as ImagePropsType} from './ImageProps';
+import type {
+  AbstractImageAndroid,
+  AbstractImageIOS,
+  Image as ImageComponent,
+} from './ImageTypes.flow';
 
-import ImageViewNativeComponent from './ImageViewNativeComponent';
-import TextInlineImageNativeComponent from './TextInlineImageNativeComponent';
+import useMergeRefs from '../Utilities/useMergeRefs';
 import * as React from 'react';
+import {useRef} from 'react';
 
-export default {
-  unstable_createImageComponent: (null: ?(
-    Image: React.AbstractComponent<
-      ImagePropsType,
-      | React.ElementRef<typeof TextInlineImageNativeComponent>
-      | React.ElementRef<typeof ImageViewNativeComponent>,
-    >,
-  ) => React.AbstractComponent<
-    ImagePropsType,
-    | React.ElementRef<typeof TextInlineImageNativeComponent>
-    | React.ElementRef<typeof ImageViewNativeComponent>,
-  >),
-};
+type ImageComponentDecorator = (AbstractImageAndroid => AbstractImageAndroid) &
+  (AbstractImageIOS => AbstractImageIOS);
+
+let injectedImageComponentDecorator: ?ImageComponentDecorator;
+
+export function unstable_setImageComponentDecorator(
+  imageComponentDecorator: ?ImageComponentDecorator,
+): void {
+  injectedImageComponentDecorator = imageComponentDecorator;
+}
+
+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/ImageTypes.flow.js b/packages/react-native/Libraries/Image/ImageTypes.flow.js
new file mode 100644
index 000000000000..4200a776987f
--- /dev/null
+++ b/packages/react-native/Libraries/Image/ImageTypes.flow.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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {RootTag} from '../Types/RootTagTypes';
+import type {ResolvedAssetSource} from './AssetSourceResolver';
+import type {ImageProps as ImagePropsType} from './ImageProps';
+import type {ImageSource} from './ImageSource';
+import typeof ImageViewNativeComponent from './ImageViewNativeComponent';
+import typeof TextInlineImageNativeComponent from './TextInlineImageNativeComponent';
+
+import * as React from 'react';
+
+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';
diff --git a/packages/react-native/Libraries/Image/ImageUtils.js b/packages/react-native/Libraries/Image/ImageUtils.js
index 734f36c7e90b..87e4f2eac022 100644
--- a/packages/react-native/Libraries/Image/ImageUtils.js
+++ b/packages/react-native/Libraries/Image/ImageUtils.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
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Image/ImageViewNativeComponent.js b/packages/react-native/Libraries/Image/ImageViewNativeComponent.js
index bd9ae7df499b..01459dddc053 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 543afac65de5..0d9fdb2d6d2e 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 121de3bc99e3..0b4ff7bf7d96 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 b46a43be5807..75a0d1eb81e5 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 68644b9a2df5..e70d19bbb759 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 332b7bc9fbed..33bc7384cae3 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 09317d99c2d6..5f38886d757b 100644
--- a/packages/react-native/Libraries/Image/RCTImageLoader.mm
+++ b/packages/react-native/Libraries/Image/RCTImageLoader.mm
@@ -44,17 +44,7 @@ static NSInteger RCTImageBytesForImage(UIImage *image)
   return image.images ? image.images.count * singleImageBytes : singleImageBytes;
 }
 
-static uint64_t monotonicTimeGetCurrentNanoseconds(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 auto currentRequestCount = std::atomic<uint64_t>(0);
 
 static NSError *addResponseHeadersToError(NSError *originalError, NSHTTPURLResponse *response)
 {
@@ -528,8 +518,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], currentRequestCount++];
 
   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 61f324d51cd4..e3dabba3d81b 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 242c42cce8a0..3c7483e1be34 100644
--- a/packages/react-native/Libraries/Image/RCTImageStoreManager.mm
+++ b/packages/react-native/Libraries/Image/RCTImageStoreManager.mm
@@ -21,6 +21,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
@@ -28,12 +34,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;
@@ -41,7 +68,7 @@ - (float)handlerPriority
 
 - (void)removeImageForTag:(NSString *)imageTag withBlock:(void (^)(void))block
 {
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     [self removeImageForTag:imageTag];
     if (block) {
       block();
@@ -51,7 +78,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];
@@ -66,7 +93,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]);
   });
 }
@@ -74,7 +101,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]);
   });
 }
@@ -82,7 +109,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);
@@ -128,7 +155,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 {
@@ -152,7 +179,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;
     }
@@ -213,7 +240,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;
@@ -225,7 +252,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 [UIImage imageWithData:imageData];
@@ -234,7 +261,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/RCTUIImageViewAnimated.mm b/packages/react-native/Libraries/Image/RCTUIImageViewAnimated.mm
index aa0abfe64894..b2247c58d059 100644
--- a/packages/react-native/Libraries/Image/RCTUIImageViewAnimated.mm
+++ b/packages/react-native/Libraries/Image/RCTUIImageViewAnimated.mm
@@ -186,15 +186,10 @@ - (BOOL)paused
 
 - (void)displayDidRefresh:(CADisplayLink *)displayLink
 {
-#if TARGET_OS_UIKITFORMAC
-  // TODO: `displayLink.frameInterval` is not available on UIKitForMac
-  NSTimeInterval durationToNextRefresh = displayLink.duration;
-#else
   // displaylink.duration -- time interval between frames, assuming maximumFramesPerSecond
   // displayLink.preferredFramesPerSecond (>= iOS 10) -- Set to 30 for displayDidRefresh to be called at 30 fps
   // durationToNextRefresh -- Time interval to the next time displayDidRefresh is called
   NSTimeInterval durationToNextRefresh = displayLink.targetTimestamp - displayLink.timestamp;
-#endif
   NSUInteger totalFrameCount = self.totalFrameCount;
   NSUInteger currentFrameIndex = self.currentFrameIndex;
   NSUInteger nextFrameIndex = (currentFrameIndex + 1) % totalFrameCount;
diff --git a/packages/react-native/Libraries/Image/React-RCTImage.podspec b/packages/react-native/Libraries/Image/React-RCTImage.podspec
index cc8433e25f10..c8f9092e07c4 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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"
@@ -48,16 +42,19 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTImage"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
   s.framework              = ["Accelerate", "UIKit"]
 
   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 6eb4600f191c..46124adc88ef 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 d05f0b7aba3c..3058f7154048 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 2ff2bcfd0194..d65ab945d582 100644
--- a/packages/react-native/Libraries/Image/resolveAssetSource.js
+++ b/packages/react-native/Libraries/Image/resolveAssetSource.js
@@ -5,41 +5,42 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @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) {
+  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;
 }
 
 function getDevServerURL(): ?string {
   if (_serverURL === undefined) {
     const sourceCodeScriptURL = getSourceCodeScriptURL();
-    const match =
-      sourceCodeScriptURL && sourceCodeScriptURL.match(/^https?:\/\/.*?\//);
+    const match = sourceCodeScriptURL?.match(/^https?:\/\/.*?\//);
     if (match) {
       // jsBundle was loaded from network
       _serverURL = match[0];
@@ -52,19 +53,25 @@ function getDevServerURL(): ?string {
 }
 
 function _coerceLocalScriptURL(scriptURL: ?string): ?string {
-  if (scriptURL) {
-    if (scriptURL.startsWith('assets://')) {
+  let normalizedScriptURL = scriptURL;
+
+  if (normalizedScriptURL != null) {
+    if (normalizedScriptURL.startsWith('assets://')) {
       // android: running from within assets, no offline path to use
       return null;
     }
-    scriptURL = scriptURL.substring(0, scriptURL.lastIndexOf('/') + 1);
-    if (!scriptURL.includes('://')) {
+    normalizedScriptURL = normalizedScriptURL.substring(
+      0,
+      normalizedScriptURL.lastIndexOf('/') + 1,
+    );
+    if (!normalizedScriptURL.includes('://')) {
       // Add file protocol in case we have an absolute file path and not a URL.
       // This shouldn't really be necessary. scriptURL should be a URL.
-      scriptURL = 'file://' + scriptURL;
+      normalizedScriptURL = 'file://' + normalizedScriptURL;
     }
   }
-  return scriptURL;
+
+  return normalizedScriptURL;
 }
 
 function getScriptURL(): ?string {
@@ -74,18 +81,35 @@ 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 {
-  _customSourceTransformer = transformer;
+  _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 {
+  _customSourceTransformers.push(transformer);
 }
 
 /**
  * `source` is either a number (opaque type returned by require('./foo.png'))
  * or an `ImageSource` like { uri: '<http location || file path>' }
  */
-function resolveAssetSource(source: any): ?ResolvedAssetSource {
-  if (typeof source === 'object') {
+function resolveAssetSource(source: ?ImageSource): ?ResolvedAssetSource {
+  if (source == null || typeof source === 'object') {
+    // $FlowFixMe[incompatible-exact] `source` doesn't exactly match `ResolvedAssetSource`
+    // $FlowFixMe[incompatible-return] `source` doesn't exactly match `ResolvedAssetSource`
     return source;
   }
 
@@ -99,12 +123,21 @@ function resolveAssetSource(source: any): ?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 f1861f2e0b8c..000000000000
--- 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 b9c7c1597440..6a6e8c323b70 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 bc76e794870d..193f8fd0e9a7 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 c8973baea394..33b7ce67d635 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 6f40146db8a3..9b0fe2392c32 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 000000000000..866c3d7d4e99
--- /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 af6fc4ec1b94..e51946944578 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 7f6d35d72f4b..e9d54dbf402a 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 69bf692d672a..5ac53310c58b 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 23d2c158569c..8b796dbf5d0f 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 315a53446c63..034396a7c9f6 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 c3f88ee7ef19..4d50e668e1a6 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 20cd6e63db3f..1281f60db29f 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 ff620ec123a7..c50a499b865a 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 e66a5e121596..34b1a8f3419a 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 6283e673c648..52d4ac7b8180 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 7a9f9b7bfe9a..67dcaa6f980b 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 8f4eb239f424..6dfe4d4a4ed1 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 1615adb288dd..55073f4fc8d0 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -51,12 +41,15 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTLinking"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "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 141fe98eb067..a2010ed81dda 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 5bbe2fa3b80c..cdf51e25ae2d 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 1b2ee1707c10..f34fe50f8721 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/virtualized-lists';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {type ScrollResponderType} from '../Components/ScrollView/ScrollView';
 import {
   VirtualizedList,
@@ -158,7 +159,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)
@@ -303,7 +308,6 @@ export type Props<ItemT> = {
  * Also inherits [ScrollView Props](docs/scrollview.html#props), unless it is nested in another FlatList of same orientation.
  */
 class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
-  props: Props<ItemT>;
   /**
    * Scrolls to the end of the content. May be janky without `getItemLayout` prop.
    */
diff --git a/packages/react-native/Libraries/Lists/SectionList.d.ts b/packages/react-native/Libraries/Lists/SectionList.d.ts
index 396092286b05..686a60980be0 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 c7dedfdf496b..10a829454135 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 535d25b3abc5..ed939fa0baab 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 2488b1e5e37f..3f2ec8e74468 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 5686ccf37228..45b44f66f4b9 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 242dfe34c6b2..4300de667262 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 d3e06b045130..abc2401ac421 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/Data/__tests__/parseLogBoxLog-test.js b/packages/react-native/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
index 42a2a9e6950d..20ab886c9554 100644
--- a/packages/react-native/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
+++ b/packages/react-native/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
@@ -1020,6 +1020,54 @@ Please follow the instructions at: fburl.com/rn-remote-assets`,
       });
     });
 
+    it('detects a component stack for ts, tsx, jsx, and js files', () => {
+      expect(
+        parseLogBoxLog([
+          'Some kind of message\n    in MyTSComponent (at MyTSXComponent.ts:1)\n    in MyTSXComponent (at MyTSCComponent.tsx:1)\n    in MyJSXComponent (at MyJSXComponent.jsx:1)\n    in MyJSComponent (at MyJSComponent.js:1)',
+        ]),
+      ).toEqual({
+        componentStack: [
+          {
+            content: 'MyTSComponent',
+            fileName: 'MyTSXComponent.ts',
+            location: {
+              column: -1,
+              row: 1,
+            },
+          },
+          {
+            content: 'MyTSXComponent',
+            fileName: 'MyTSCComponent.tsx',
+            location: {
+              column: -1,
+              row: 1,
+            },
+          },
+          {
+            content: 'MyJSXComponent',
+            fileName: 'MyJSXComponent.jsx',
+            location: {
+              column: -1,
+              row: 1,
+            },
+          },
+          {
+            content: 'MyJSComponent',
+            fileName: 'MyJSComponent.js',
+            location: {
+              column: -1,
+              row: 1,
+            },
+          },
+        ],
+        category: 'Some kind of message',
+        message: {
+          content: 'Some kind of message',
+          substitutions: [],
+        },
+      });
+    });
+
     it('detects a component stack in the first argument (JSC)', () => {
       expect(
         parseLogBoxLog([
diff --git a/packages/react-native/Libraries/LogBox/Data/parseLogBoxLog.js b/packages/react-native/Libraries/LogBox/Data/parseLogBoxLog.js
index 744fa5e4e367..940971d76e45 100644
--- a/packages/react-native/Libraries/LogBox/Data/parseLogBoxLog.js
+++ b/packages/react-native/Libraries/LogBox/Data/parseLogBoxLog.js
@@ -192,7 +192,7 @@ export function parseComponentStack(message: string): ComponentStack {
       if (!s) {
         return null;
       }
-      const match = s.match(/(.*) \(at (.*\.js):([\d]+)\)/);
+      const match = s.match(/(.*) \(at (.*\.(?:js|jsx|ts|tsx)):([\d]+)\)/);
       if (!match) {
         return null;
       }
diff --git a/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js b/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js
index 7faa55ca2413..142cccaf44bf 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 d814a90fe50c..612a75000e45 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 bee6be3a631a..853954e6ebdf 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 9750d2e5be31..1942d9e567d3 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 f85a77ac4b5c..8e0c835d52fd 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 a21af54ae4fe..06b6ea28bf5c 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 4c6c4ef2294a..679a7b26b2cc 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 9cdf56f0c5db..ced78e9a0505 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 18cce2d1fda1..0616ee97f3c0 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 a491e3e47e6f..c725c36252fb 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 218ad1714a8a..b7c2eab986d9 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 024102c96c83..c348917049f3 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 d7ffb65520d8..779674081e3b 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 b1b884a097fa..cdf38d90dcd2 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 c9d0127264fd..620b2cc85d0f 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -47,14 +40,16 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTAnimation"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(" ")
                              }
 
   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 0326ec9afd62..a077a2b1f5f3 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 ace5eb38e605..f071f3e6133f 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';
@@ -55,14 +55,20 @@ export function get<Config>(
 ): HostComponent<Config> {
   ReactNativeViewConfigRegistry.register(name, () => {
     const {native, strict, verify} = getRuntimeConfig?.(name) ?? {
-      native: true,
+      native: !global.RN$Bridgeless,
       strict: false,
       verify: false,
     };
 
-    const viewConfig = native
-      ? getNativeComponentAttributes(name)
-      : createViewConfig(viewConfigProvider());
+    let viewConfig;
+    if (native) {
+      viewConfig = getNativeComponentAttributes(name);
+    } else {
+      viewConfig = createViewConfig(viewConfigProvider());
+      if (viewConfig == null) {
+        viewConfig = getNativeComponentAttributes(name);
+      }
+    }
 
     if (verify) {
       const nativeViewConfig = native
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js b/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
index 31869c35abb4..abcba87dfbfd 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 3819002afbe8..5cda96f7a8ab 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 142836e57c20..3afe5e7c1ae5 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js
@@ -8,26 +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;
-}
-
-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 464d154d2d80..c072f8fe0dbb 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 beccaf953356..cfa2794219c4 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 35a8d460b966..836da86d63bd 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 689f09aa1f54..e278898f2d8f 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 8441e21cb87e..3ff3c9c109db 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/FormData.js b/packages/react-native/Libraries/Network/FormData.js
index d1ec8116ad41..91735c6b033b 100644
--- a/packages/react-native/Libraries/Network/FormData.js
+++ b/packages/react-native/Libraries/Network/FormData.js
@@ -82,7 +82,9 @@ class FormData {
       // content type (cf. web Blob interface.)
       if (typeof value === 'object' && !Array.isArray(value) && value) {
         if (typeof value.name === 'string') {
-          headers['content-disposition'] += '; filename="' + value.name + '"';
+          headers['content-disposition'] += `; filename="${
+            value.name
+          }"; filename*=utf-8''${encodeURI(value.name)}`;
         }
         if (typeof value.type === 'string') {
           headers['content-type'] = value.type;
diff --git a/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js b/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js
index f15a19f9b24f..429bd8768006 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 28ec9d7bcbac..f7f46d26f07d 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 b7b2db1e57e3..4a0353396d7e 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 fc2c6dcad9f5..bcc07ae43e58 100644
--- a/packages/react-native/Libraries/Network/RCTNetworkTask.mm
+++ b/packages/react-native/Libraries/Network/RCTNetworkTask.mm
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <atomic>
 #import <mutex>
 
 #import <React/RCTLog.h>
@@ -20,6 +21,8 @@ @implementation RCTNetworkTask {
   RCTNetworkTask *_selfReference;
 }
 
+static auto currentRequestId = std::atomic<NSUInteger>(0);
+
 - (instancetype)initWithRequest:(NSURLRequest *)request
                         handler:(id<RCTURLRequestHandler>)handler
                   callbackQueue:(dispatch_queue_t)callbackQueue
@@ -28,10 +31,8 @@ - (instancetype)initWithRequest:(NSURLRequest *)request
   RCTAssertParam(handler);
   RCTAssertParam(callbackQueue);
 
-  static NSUInteger requestID = 0;
-
   if ((self = [super init])) {
-    _requestID = @(requestID++);
+    _requestID = @(currentRequestId++);
     _request = request;
     _handler = handler;
     _callbackQueue = callbackQueue;
@@ -164,7 +165,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 fcc9fe81714a..249259bda21b 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 4e78d8e798e8..0eae618e8982 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;
 }
@@ -700,49 +720,69 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
                   : (JS::NativeNetworkingIOS::SpecSendRequestQuery &)query callback
                   : (RCTResponseSenderBlock)responseSender)
 {
-  NSDictionary *queryDict = @{
-    @"method" : query.method(),
-    @"url" : query.url(),
-    @"data" : query.data(),
-    @"headers" : query.headers(),
-    @"responseType" : query.responseType(),
-    @"incrementalUpdates" : @(query.incrementalUpdates()),
-    @"timeout" : @(query.timeout()),
-    @"withCredentials" : @(query.withCredentials()),
-  };
+  NSString *method = query.method();
+  NSString *url = query.url();
+  id<NSObject> data = query.data();
+  id<NSObject> headers = query.headers();
+  NSString *queryResponseType = query.responseType();
+  bool queryIncrementalUpdates = query.incrementalUpdates();
+  double timeout = query.timeout();
+  bool withCredentials = query.withCredentials();
+
+  dispatch_async([self requestQueue], ^{
+    NSDictionary *queryDict = @{
+      @"method" : method,
+      @"url" : url,
+      @"data" : data,
+      @"headers" : headers,
+      @"responseType" : queryResponseType,
+      @"incrementalUpdates" : @(queryIncrementalUpdates),
+      @"timeout" : @(timeout),
+      @"withCredentials" : @(withCredentials),
+    };
 
-  // TODO: buildRequest returns a cancellation block, but there's currently
-  // no way to invoke it, if, for example the request is cancelled while
-  // loading a large file to build the request body
-  [self buildRequest:queryDict
-      completionBlock:^(NSURLRequest *request) {
-        NSString *responseType = [RCTConvert NSString:queryDict[@"responseType"]];
-        BOOL incrementalUpdates = [RCTConvert BOOL:queryDict[@"incrementalUpdates"]];
-        [self sendRequest:request
-                  responseType:responseType
-            incrementalUpdates:incrementalUpdates
-                responseSender:responseSender];
-      }];
+    // TODO: buildRequest returns a cancellation block, but there's currently
+    // no way to invoke it, if, for example the request is cancelled while
+    // loading a large file to build the request body
+    [self buildRequest:queryDict
+        completionBlock:^(NSURLRequest *request) {
+          NSString *responseType = [RCTConvert NSString:queryDict[@"responseType"]];
+          BOOL incrementalUpdates = [RCTConvert BOOL:queryDict[@"incrementalUpdates"]];
+          [self sendRequest:request
+                    responseType:responseType
+              incrementalUpdates:incrementalUpdates
+                  responseSender:responseSender];
+        }];
+  });
 }
 
 RCT_EXPORT_METHOD(abortRequest : (double)requestID)
 {
-  [_tasksByRequestID[[NSNumber numberWithDouble:requestID]] cancel];
-  [_tasksByRequestID removeObjectForKey:[NSNumber numberWithDouble:requestID]];
+  dispatch_async([self requestQueue], ^{
+    [self->_tasksByRequestID[[NSNumber numberWithDouble:requestID]] cancel];
+    [self->_tasksByRequestID removeObjectForKey:[NSNumber numberWithDouble:requestID]];
+  });
 }
 
 RCT_EXPORT_METHOD(clearCookies : (RCTResponseSenderBlock)responseSender)
 {
-  NSHTTPCookieStorage *storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
-  if (!storage.cookies.count) {
-    responseSender(@[ @NO ]);
-    return;
-  }
+  dispatch_async([self requestQueue], ^{
+    NSHTTPCookieStorage *storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
+    if (!storage.cookies.count) {
+      responseSender(@[ @NO ]);
+      return;
+    }
 
-  for (NSHTTPCookie *cookie in storage.cookies) {
-    [storage deleteCookie:cookie];
-  }
-  responseSender(@[ @YES ]);
+    for (NSHTTPCookie *cookie in storage.cookies) {
+      [storage deleteCookie:cookie];
+    }
+    responseSender(@[ @YES ]);
+  });
+}
+
+- (dispatch_queue_t)requestQueue
+{
+  return gEnableNetworkingRequestQueue ? _requestQueue : _methodQueue;
 }
 
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
diff --git a/packages/react-native/Libraries/Network/React-RCTNetwork.podspec b/packages/react-native/Libraries/Network/React-RCTNetwork.podspec
index 87f64a701fd0..7b19e3b9ddc4 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -51,15 +40,17 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTNetwork"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
   s.frameworks             = "MobileCoreServices"
 
   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/Network/__tests__/FormData-test.js b/packages/react-native/Libraries/Network/__tests__/FormData-test.js
index b708a04263d0..ee741afb7c98 100644
--- a/packages/react-native/Libraries/Network/__tests__/FormData-test.js
+++ b/packages/react-native/Libraries/Network/__tests__/FormData-test.js
@@ -48,7 +48,29 @@ describe('FormData', function () {
       type: 'image/jpeg',
       name: 'photo.jpg',
       headers: {
-        'content-disposition': 'form-data; name="photo"; filename="photo.jpg"',
+        'content-disposition':
+          'form-data; name="photo"; filename="photo.jpg"; filename*=utf-8\'\'photo.jpg',
+        'content-type': 'image/jpeg',
+      },
+      fieldName: 'photo',
+    };
+    expect(formData.getParts()[0]).toMatchObject(expectedPart);
+  });
+
+  it('should return blob with the correct utf-8 handling', function () {
+    formData.append('photo', {
+      uri: 'arbitrary/path',
+      type: 'image/jpeg',
+      name: '测试photo.jpg',
+    });
+
+    const expectedPart = {
+      uri: 'arbitrary/path',
+      type: 'image/jpeg',
+      name: '测试photo.jpg',
+      headers: {
+        'content-disposition':
+          'form-data; name="photo"; filename="测试photo.jpg"; filename*=utf-8\'\'%E6%B5%8B%E8%AF%95photo.jpg',
         'content-type': 'image/jpeg',
       },
       fieldName: 'photo',
diff --git a/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js b/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js
index ca780e705f0e..3d7a19497be4 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 57d43e470f83..000000000000
--- a/packages/react-native/Libraries/Performance/QuickPerformanceLogger.js
+++ /dev/null
@@ -1,142 +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);
-    }
-  },
-
-  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 6373ab08d617..d6d77d262131 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 12cb1b83091a..fa9497607b44 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 24f664c27da4..940249af9a8d 100644
--- a/packages/react-native/Libraries/Pressability/Pressability.js
+++ b/packages/react-native/Libraries/Pressability/Pressability.js
@@ -293,6 +293,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.
  *
@@ -313,7 +314,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.
  *
@@ -330,7 +332,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 3204711c9e50..3f2aebb44612 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 102ce795e77a..e7d2b687b0e8 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
+++ b/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
@@ -4,76 +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,
-  // Actual type: string | number
-  +fireDate?: ?number,
-  +alertBody?: ?string,
-  +alertAction?: ?string,
-  +userInfo?: ?Object,
-  +category?: ?string,
-  // Actual type: 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute'
-  +repeatInterval?: ?string,
-  +applicationIconBadgeNumber?: ?number,
-  +isSilent?: ?boolean,
-  +soundName?: ?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 5422d02e32e2..9453c82b9ab8 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js
+++ b/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js
@@ -68,12 +68,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,
   /**
@@ -83,8 +87,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,
   ...
@@ -92,8 +96,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
  */
@@ -116,7 +119,7 @@ class PushNotificationIOS {
   };
 
   /**
-   * Schedules the localNotification for immediate presentation.
+   * Schedules a local notification for immediate presentation.
    *
    * See https://reactnative.dev/docs/pushnotificationios#presentlocalnotification
    */
@@ -129,7 +132,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Schedules the localNotification for future presentation.
+   * Schedules a local notification for future presentation.
    *
    * See https://reactnative.dev/docs/pushnotificationios#schedulelocalnotification
    */
@@ -142,7 +145,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Cancels all scheduled localNotifications.
+   * Cancels all scheduled local notifications.
    *
    * See https://reactnative.dev/docs/pushnotificationios#cancelalllocalnotifications
    */
@@ -155,7 +158,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Remove all delivered notifications from Notification Center.
+   * Removes all delivered notifications from Notification Center.
    *
    * See https://reactnative.dev/docs/pushnotificationios#removealldeliverednotifications
    */
@@ -168,7 +171,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
    */
@@ -183,7 +187,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Removes the specified notifications from Notification Center
+   * Removes the specified notifications from Notification Center.
    *
    * See https://reactnative.dev/docs/pushnotificationios#removedeliverednotifications
    */
@@ -196,7 +200,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
    */
@@ -209,7 +213,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
    */
@@ -222,7 +226,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
    */
@@ -235,7 +240,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
    */
@@ -248,8 +253,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
    */
@@ -303,10 +308,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' ||
@@ -323,10 +325,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
    */
@@ -363,7 +364,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
    */
@@ -376,8 +378,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
    */
@@ -409,7 +411,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,
@@ -425,7 +428,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) {
@@ -464,7 +467,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
    */
@@ -489,7 +493,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
@@ -497,7 +501,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
    */
@@ -506,7 +511,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
    */
@@ -515,7 +520,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
    */
@@ -524,7 +530,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
    */
@@ -533,7 +539,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
    */
@@ -542,7 +548,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the data object on the notif
+   * Gets the data object on the notification.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getdata
    */
@@ -551,7 +557,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 778db415b587..214e0c81fc67 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
+++ b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
@@ -13,14 +13,41 @@ extern NSString *const RCTRemoteNotificationReceived;
 
 typedef void (^RCTRemoteNotificationCallback)(UIBackgroundFetchResult result);
 
-#if !TARGET_OS_UIKITFORMAC
-+ (void)didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings;
 + (void)didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken;
-+ (void)didReceiveRemoteNotification:(NSDictionary *)notification;
++ (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;
+/**
+ * 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;
-+ (void)didReceiveLocalNotification:(UILocalNotification *)notification;
-+ (void)didFailToRegisterForRemoteNotificationsWithError:(NSError *)error;
-#endif
+
+/**
+ * Call this in `userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler:`
+ * to get the correct value from .getInitialNotification in JS.
+ */
++ (void)setInitialNotification:(UNNotification *)notification;
+
+/** DEPRECATED. Use didReceiveNotification instead. */
++ (void)didReceiveLocalNotification:(UILocalNotification *)notification RCT_DEPRECATED;
+/** 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 0d586d8e65dd..31b7dcb7a892 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
+++ b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
@@ -23,52 +23,66 @@
 static NSString *const kRemoteNotificationRegistrationFailed = @"RemoteNotificationRegistrationFailed";
 
 static NSString *const kErrorUnableToRequestPermissions = @"E_UNABLE_TO_REQUEST_PERMISSIONS";
-
-#if !TARGET_OS_UIKITFORMAC
-@implementation RCTConvert (NSCalendarUnit)
-
-RCT_ENUM_CONVERTER(
-    NSCalendarUnit,
-    (@{
-      @"year" : @(NSCalendarUnitYear),
-      @"month" : @(NSCalendarUnitMonth),
-      @"week" : @(NSCalendarUnitWeekOfYear),
-      @"day" : @(NSCalendarUnitDay),
-      @"hour" : @(NSCalendarUnitHour),
-      @"minute" : @(NSCalendarUnitMinute)
-    }),
-    0,
-    integerValue)
-
-@end
+static UNNotification *kInitialNotification = nil;
 
 @interface RCTPushNotificationManager () <NativePushNotificationManagerIOSSpec>
 @property (nonatomic, strong) NSMutableDictionary *remoteNotificationCallbacks;
 @end
 
-@implementation RCTConvert (UILocalNotification)
+@implementation RCTConvert (UNNotificationContent)
 
-+ (UILocalNotification *)UILocalNotification:(id)json
++ (UNNotificationContent *)UNNotificationContent:(id)json
 {
   NSDictionary<NSString *, id> *details = [self NSDictionary:json];
   BOOL isSilent = [RCTConvert BOOL:details[@"isSilent"]];
-  UILocalNotification *notification = [UILocalNotification new];
-  notification.alertTitle = [RCTConvert NSString:details[@"alertTitle"]];
-  notification.fireDate = [RCTConvert NSDate:details[@"fireDate"]] ?: [NSDate date];
-  notification.alertBody = [RCTConvert NSString:details[@"alertBody"]];
-  notification.alertAction = [RCTConvert NSString:details[@"alertAction"]];
-  notification.userInfo = [RCTConvert NSDictionary:details[@"userInfo"]];
-  notification.category = [RCTConvert NSString:details[@"category"]];
-  notification.repeatInterval = [RCTConvert NSCalendarUnit:details[@"repeatInterval"]];
+  UNMutableNotificationContent *content = [UNMutableNotificationContent new];
+  content.title = [RCTConvert NSString:details[@"alertTitle"]];
+  content.body = [RCTConvert NSString:details[@"alertBody"]];
+  content.userInfo = [RCTConvert NSDictionary:details[@"userInfo"]];
+  content.categoryIdentifier = [RCTConvert NSString:details[@"category"]];
   if (details[@"applicationIconBadgeNumber"]) {
-    notification.applicationIconBadgeNumber = [RCTConvert NSInteger:details[@"applicationIconBadgeNumber"]];
+    content.badge = [RCTConvert NSNumber:details[@"applicationIconBadgeNumber"]];
   }
   if (!isSilent) {
-    notification.soundName = [RCTConvert NSString:details[@"soundName"]] ?: UILocalNotificationDefaultSoundName;
+    NSString *soundName = [RCTConvert NSString:details[@"soundName"]];
+    content.sound =
+        soundName ? [UNNotificationSound soundNamed:details[@"soundName"]] : [UNNotificationSound defaultSound];
   }
-  return notification;
+
+  return content;
 }
 
++ (NSDictionary<NSString *, id> *)NSDictionaryForNotification:
+    (JS::NativePushNotificationManagerIOS::Notification &)notification
+{
+  // Note: alertAction is not set, as it is no longer relevant with UNNotification
+  NSMutableDictionary *notificationDict = [NSMutableDictionary new];
+  notificationDict[@"alertTitle"] = notification.alertTitle();
+  notificationDict[@"alertBody"] = notification.alertBody();
+  notificationDict[@"userInfo"] = notification.userInfo();
+  notificationDict[@"category"] = notification.category();
+  if (notification.fireIntervalSeconds()) {
+    notificationDict[@"fireIntervalSeconds"] = @(*notification.fireIntervalSeconds());
+  }
+  if (notification.fireDate()) {
+    notificationDict[@"fireDate"] = @(*notification.fireDate());
+  }
+  if (notification.applicationIconBadgeNumber()) {
+    notificationDict[@"applicationIconBadgeNumber"] = @(*notification.applicationIconBadgeNumber());
+  }
+  if (notification.isSilent()) {
+    notificationDict[@"isSilent"] = @(*notification.isSilent());
+    if ([notificationDict[@"isSilent"] isEqualToNumber:@(NO)]) {
+      notificationDict[@"soundName"] = notification.soundName();
+    }
+  }
+  return notificationDict;
+}
+
+@end
+
+@implementation RCTConvert (UIBackgroundFetchResult)
+
 RCT_ENUM_CONVERTER(
     UIBackgroundFetchResult,
     (@{
@@ -80,15 +94,10 @@ + (UILocalNotification *)UILocalNotification:(id)json
     integerValue)
 
 @end
-#else
-@interface RCTPushNotificationManager () <NativePushNotificationManagerIOSSpec>
-@end
-#endif // TARGET_OS_UIKITFORMAC
 
 @implementation RCTPushNotificationManager
 
-#if !TARGET_OS_UIKITFORMAC
-
+/** DEPRECATED. UILocalNotification was deprecated in iOS 10. Please don't add new callsites. */
 static NSDictionary *RCTFormatLocalNotification(UILocalNotification *notification)
 {
   NSMutableDictionary *formattedLocalNotification = [NSMutableDictionary dictionary];
@@ -108,30 +117,62 @@ @implementation RCTPushNotificationManager
   return formattedLocalNotification;
 }
 
-static NSDictionary *RCTFormatUNNotification(UNNotification *notification)
+/** For delivered notifications */
+static NSDictionary<NSString *, id> *RCTFormatUNNotification(UNNotification *notification)
 {
-  NSMutableDictionary *formattedNotification = [NSMutableDictionary dictionary];
-  UNNotificationContent *content = notification.request.content;
+  NSMutableDictionary *formattedLocalNotification = [NSMutableDictionary dictionary];
+  if (notification.date) {
+    formattedLocalNotification[@"fireDate"] = RCTFormatNotificationDateFromNSDate(notification.date);
+  }
+  [formattedLocalNotification addEntriesFromDictionary:RCTFormatUNNotificationContent(notification.request.content)];
+  return formattedLocalNotification;
+}
 
-  formattedNotification[@"identifier"] = notification.request.identifier;
+/** For scheduled notification requests */
+static NSDictionary<NSString *, id> *RCTFormatUNNotificationRequest(UNNotificationRequest *request)
+{
+  NSMutableDictionary *formattedLocalNotification = [NSMutableDictionary dictionary];
+  if (request.trigger) {
+    NSDate *triggerDate = nil;
+    if ([request.trigger isKindOfClass:[UNTimeIntervalNotificationTrigger class]]) {
+      triggerDate = [(UNTimeIntervalNotificationTrigger *)request.trigger nextTriggerDate];
+    } else if ([request.trigger isKindOfClass:[UNCalendarNotificationTrigger class]]) {
+      triggerDate = [(UNCalendarNotificationTrigger *)request.trigger nextTriggerDate];
+    }
 
-  if (notification.date) {
-    NSDateFormatter *formatter = [NSDateFormatter new];
-    [formatter setDateFormat:@"yyyy-MM-dd'T'HH:mm:ss.SSSZZZZZ"];
-    NSString *dateString = [formatter stringFromDate:notification.date];
-    formattedNotification[@"date"] = dateString;
+    if (triggerDate) {
+      formattedLocalNotification[@"fireDate"] = RCTFormatNotificationDateFromNSDate(triggerDate);
+    }
   }
+  [formattedLocalNotification addEntriesFromDictionary:RCTFormatUNNotificationContent(request.content)];
+  return formattedLocalNotification;
+}
 
-  formattedNotification[@"title"] = RCTNullIfNil(content.title);
-  formattedNotification[@"body"] = RCTNullIfNil(content.body);
-  formattedNotification[@"category"] = RCTNullIfNil(content.categoryIdentifier);
-  formattedNotification[@"thread-id"] = RCTNullIfNil(content.threadIdentifier);
-  formattedNotification[@"userInfo"] = RCTNullIfNil(RCTJSONClean(content.userInfo));
+static NSDictionary<NSString *, id> *RCTFormatUNNotificationContent(UNNotificationContent *content)
+{
+  // Note: soundName is not set because this can't be read from UNNotificationSound.
+  // Note: alertAction is no longer relevant with UNNotification
+  NSMutableDictionary *formattedLocalNotification = [NSMutableDictionary dictionary];
+  formattedLocalNotification[@"alertTitle"] = RCTNullIfNil(content.title);
+  formattedLocalNotification[@"alertBody"] = RCTNullIfNil(content.body);
+  formattedLocalNotification[@"userInfo"] = RCTNullIfNil(RCTJSONClean(content.userInfo));
+  formattedLocalNotification[@"category"] = content.categoryIdentifier;
+  formattedLocalNotification[@"applicationIconBadgeNumber"] = content.badge;
+  formattedLocalNotification[@"remote"] = @NO;
+  return formattedLocalNotification;
+}
 
-  return formattedNotification;
+static NSString *RCTFormatNotificationDateFromNSDate(NSDate *date)
+{
+  NSDateFormatter *formatter = [NSDateFormatter new];
+  [formatter setDateFormat:@"yyyy-MM-dd'T'HH:mm:ss.SSSZZZZZ"];
+  return [formatter stringFromDate:date];
 }
 
-#endif // TARGET_OS_UIKITFORMAC
+static BOOL IsNotificationRemote(UNNotification *notification)
+{
+  return [notification.request.trigger isKindOfClass:[UNPushNotificationTrigger class]];
+}
 
 RCT_EXPORT_MODULE()
 
@@ -140,7 +181,6 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-#if !TARGET_OS_UIKITFORMAC
 - (void)startObserving
 {
   [[NSNotificationCenter defaultCenter] addObserver:self
@@ -176,10 +216,6 @@ - (void)stopObserving
   ];
 }
 
-+ (void)didRegisterUserNotificationSettings:(__unused UIUserNotificationSettings *)notificationSettings
-{
-}
-
 + (void)didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
 {
   NSMutableString *hexString = [NSMutableString string];
@@ -200,23 +236,38 @@ + (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)];
+  }
 }
 
 + (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];
 }
 
++ (void)setInitialNotification:(UNNotification *)notification
+{
+  kInitialNotification = notification;
+}
+
+// Deprecated
 + (void)didReceiveLocalNotification:(UILocalNotification *)notification
 {
   [[NSNotificationCenter defaultCenter] postNotificationName:kLocalNotificationReceived
@@ -224,6 +275,27 @@ + (void)didReceiveLocalNotification:(UILocalNotification *)notification
                                                     userInfo:RCTFormatLocalNotification(notification)];
 }
 
+// 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;
+}
+
 - (void)handleLocalNotificationReceived:(NSNotification *)notification
 {
   [self sendEventWithName:@"localNotificationReceived" body:notification.userInfo];
@@ -308,20 +380,20 @@ - (void)handleRemoteNotificationRegistrationError:(NSNotification *)notification
   // Add a listener to make sure that startObserving has been called
   [self addListener:@"remoteNotificationsRegistered"];
 
-  UIUserNotificationType types = UIUserNotificationTypeNone;
+  UNAuthorizationOptions options = UNAuthorizationOptionNone;
 
   if (permissions.alert()) {
-    types |= UIUserNotificationTypeAlert;
+    options |= UNAuthorizationOptionAlert;
   }
   if (permissions.badge()) {
-    types |= UIUserNotificationTypeBadge;
+    options |= UNAuthorizationOptionBadge;
   }
   if (permissions.sound()) {
-    types |= UIUserNotificationTypeSound;
+    options |= UNAuthorizationOptionSound;
   }
 
   [UNUserNotificationCenter.currentNotificationCenter
-      requestAuthorizationWithOptions:types
+      requestAuthorizationWithOptions:options
                     completionHandler:^(BOOL granted, NSError *_Nullable error) {
                       if (error != NULL) {
                         reject(@"-1", @"Error - Push authorization request failed.", error);
@@ -390,106 +462,143 @@ - (void)handleRemoteNotificationRegistrationError:(NSNotification *)notification
 
 RCT_EXPORT_METHOD(presentLocalNotification : (JS::NativePushNotificationManagerIOS::Notification &)notification)
 {
-  NSMutableDictionary *notificationDict = [NSMutableDictionary new];
-  notificationDict[@"alertTitle"] = notification.alertTitle();
-  notificationDict[@"alertBody"] = notification.alertBody();
-  notificationDict[@"alertAction"] = notification.alertAction();
-  notificationDict[@"userInfo"] = notification.userInfo();
-  notificationDict[@"category"] = notification.category();
-  notificationDict[@"repeatInterval"] = notification.repeatInterval();
-  if (notification.fireDate()) {
-    notificationDict[@"fireDate"] = @(*notification.fireDate());
-  }
-  if (notification.applicationIconBadgeNumber()) {
-    notificationDict[@"applicationIconBadgeNumber"] = @(*notification.applicationIconBadgeNumber());
-  }
-  if (notification.isSilent()) {
-    notificationDict[@"isSilent"] = @(*notification.isSilent());
-    if ([notificationDict[@"isSilent"] isEqualToNumber:@(NO)]) {
-      notificationDict[@"soundName"] = notification.soundName();
-    }
-  }
-  [RCTSharedApplication() presentLocalNotificationNow:[RCTConvert UILocalNotification:notificationDict]];
+  NSDictionary<NSString *, id> *notificationDict = [RCTConvert NSDictionaryForNotification:notification];
+  UNNotificationContent *content = [RCTConvert UNNotificationContent:notificationDict];
+  UNTimeIntervalNotificationTrigger *trigger = [UNTimeIntervalNotificationTrigger triggerWithTimeInterval:0.1
+                                                                                                  repeats:NO];
+  UNNotificationRequest *request = [UNNotificationRequest requestWithIdentifier:[[NSUUID UUID] UUIDString]
+                                                                        content:content
+                                                                        trigger:trigger];
+
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center addNotificationRequest:request withCompletionHandler:nil];
 }
 
 RCT_EXPORT_METHOD(scheduleLocalNotification : (JS::NativePushNotificationManagerIOS::Notification &)notification)
 {
-  NSMutableDictionary *notificationDict = [NSMutableDictionary new];
-  notificationDict[@"alertTitle"] = notification.alertTitle();
-  notificationDict[@"alertBody"] = notification.alertBody();
-  notificationDict[@"alertAction"] = notification.alertAction();
-  notificationDict[@"userInfo"] = notification.userInfo();
-  notificationDict[@"category"] = notification.category();
-  notificationDict[@"repeatInterval"] = notification.repeatInterval();
-  if (notification.fireDate()) {
-    notificationDict[@"fireDate"] = @(*notification.fireDate());
-  }
-  if (notification.applicationIconBadgeNumber()) {
-    notificationDict[@"applicationIconBadgeNumber"] = @(*notification.applicationIconBadgeNumber());
-  }
-  if (notification.isSilent()) {
-    notificationDict[@"isSilent"] = @(*notification.isSilent());
-    if ([notificationDict[@"isSilent"] isEqualToNumber:@(NO)]) {
-      notificationDict[@"soundName"] = notification.soundName();
-    }
+  NSDictionary<NSString *, id> *notificationDict = [RCTConvert NSDictionaryForNotification:notification];
+  UNNotificationContent *content = [RCTConvert UNNotificationContent:notificationDict];
+
+  UNNotificationTrigger *trigger = nil;
+  if (notificationDict[@"fireDate"]) {
+    NSDate *fireDate = [RCTConvert NSDate:notificationDict[@"fireDate"]] ?: [NSDate date];
+    NSCalendar *calendar = [NSCalendar currentCalendar];
+    NSDateComponents *components =
+        [calendar components:(NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay | NSCalendarUnitHour |
+                              NSCalendarUnitMinute | NSCalendarUnitSecond)
+                    fromDate:fireDate];
+    trigger = [UNCalendarNotificationTrigger triggerWithDateMatchingComponents:components repeats:NO];
+  } else if (notificationDict[@"fireIntervalSeconds"]) {
+    trigger = [UNTimeIntervalNotificationTrigger
+        triggerWithTimeInterval:[notificationDict[@"fireIntervalSeconds"] doubleValue]
+                        repeats:NO];
   }
-  [RCTSharedApplication() scheduleLocalNotification:[RCTConvert UILocalNotification:notificationDict]];
+
+  UNNotificationRequest *request = [UNNotificationRequest requestWithIdentifier:[[NSUUID UUID] UUIDString]
+                                                                        content:content
+                                                                        trigger:trigger];
+
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center addNotificationRequest:request withCompletionHandler:nil];
 }
 
 RCT_EXPORT_METHOD(cancelAllLocalNotifications)
 {
-  [RCTSharedApplication() cancelAllLocalNotifications];
+  [[UNUserNotificationCenter currentNotificationCenter]
+      getPendingNotificationRequestsWithCompletionHandler:^(NSArray<UNNotificationRequest *> *requests) {
+        NSMutableArray<NSString *> *notificationIdentifiersToCancel = [NSMutableArray new];
+        for (UNNotificationRequest *request in requests) {
+          [notificationIdentifiersToCancel addObject:request.identifier];
+        }
+        [[UNUserNotificationCenter currentNotificationCenter]
+            removePendingNotificationRequestsWithIdentifiers:notificationIdentifiersToCancel];
+      }];
 }
 
 RCT_EXPORT_METHOD(cancelLocalNotifications : (NSDictionary<NSString *, id> *)userInfo)
 {
-  for (UILocalNotification *notification in RCTSharedApplication().scheduledLocalNotifications) {
-    __block BOOL matchesAll = YES;
-    NSDictionary<NSString *, id> *notificationInfo = notification.userInfo;
-    // Note: we do this with a loop instead of just `isEqualToDictionary:`
-    // because we only require that all specified userInfo values match the
-    // notificationInfo values - notificationInfo may contain additional values
-    // which we don't care about.
-    [userInfo enumerateKeysAndObjectsUsingBlock:^(NSString *key, id obj, BOOL *stop) {
-      if (![notificationInfo[key] isEqual:obj]) {
-        matchesAll = NO;
-        *stop = YES;
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center getPendingNotificationRequestsWithCompletionHandler:^(NSArray<UNNotificationRequest *> *_Nonnull requests) {
+    NSMutableArray<NSString *> *notificationIdentifiersToCancel = [NSMutableArray new];
+    for (UNNotificationRequest *request in requests) {
+      NSDictionary<NSString *, id> *notificationInfo = request.content.userInfo;
+      // Note: we do this with a loop instead of just `isEqualToDictionary:`
+      // because we only require that all specified userInfo values match the
+      // notificationInfo values - notificationInfo may contain additional values
+      // which we don't care about.
+      __block BOOL shouldCancel = YES;
+      [userInfo enumerateKeysAndObjectsUsingBlock:^(NSString *key, id obj, BOOL *stop) {
+        if (![notificationInfo[key] isEqual:obj]) {
+          shouldCancel = NO;
+          *stop = YES;
+        }
+      }];
+
+      if (shouldCancel) {
+        [notificationIdentifiersToCancel addObject:request.identifier];
       }
-    }];
-    if (matchesAll) {
-      [RCTSharedApplication() cancelLocalNotification:notification];
     }
-  }
+
+    [center removePendingNotificationRequestsWithIdentifiers:notificationIdentifiersToCancel];
+  }];
 }
 
 RCT_EXPORT_METHOD(getInitialNotification
                   : (RCTPromiseResolveBlock)resolve reject
                   : (__unused RCTPromiseRejectBlock)reject)
 {
-  NSMutableDictionary<NSString *, id> *initialNotification =
+  // 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;
+  }
+
+  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;
   }
+
+  resolve((id)kCFNull);
 }
 
 RCT_EXPORT_METHOD(getScheduledLocalNotifications : (RCTResponseSenderBlock)callback)
 {
-  NSArray<UILocalNotification *> *scheduledLocalNotifications = RCTSharedApplication().scheduledLocalNotifications;
-  NSMutableArray<NSDictionary *> *formattedScheduledLocalNotifications = [NSMutableArray new];
-  for (UILocalNotification *notification in scheduledLocalNotifications) {
-    [formattedScheduledLocalNotifications addObject:RCTFormatLocalNotification(notification)];
-  }
-  callback(@[ formattedScheduledLocalNotifications ]);
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center getPendingNotificationRequestsWithCompletionHandler:^(NSArray<UNNotificationRequest *> *_Nonnull requests) {
+    NSMutableArray<NSDictionary *> *formattedScheduledLocalNotifications = [NSMutableArray new];
+    for (UNNotificationRequest *request in requests) {
+      [formattedScheduledLocalNotifications addObject:RCTFormatUNNotificationRequest(request)];
+    }
+    callback(@[ formattedScheduledLocalNotifications ]);
+  }];
 }
 
 RCT_EXPORT_METHOD(removeAllDeliveredNotifications)
@@ -525,100 +634,6 @@ - (void)handleRemoteNotificationRegistrationError:(NSNotification *)notification
   }];
 }
 
-#else // TARGET_OS_UIKITFORMAC
-
-RCT_EXPORT_METHOD(onFinishRemoteNotification : (NSString *)notificationId fetchResult : (NSString *)fetchResult)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(setApplicationIconBadgeNumber : (double)number)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(getApplicationIconBadgeNumber : (RCTResponseSenderBlock)callback)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(requestPermissions
-                  : (JS::NativePushNotificationManagerIOS::SpecRequestPermissionsPermission &)permissions resolve
-                  : (RCTPromiseResolveBlock)resolve reject
-                  : (RCTPromiseRejectBlock)reject)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(abandonPermissions)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(checkPermissions : (RCTResponseSenderBlock)callback)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(presentLocalNotification : (JS::NativePushNotificationManagerIOS::Notification &)notification)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(scheduleLocalNotification : (JS::NativePushNotificationManagerIOS::Notification &)notification)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(cancelAllLocalNotifications)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(cancelLocalNotifications : (NSDictionary<NSString *, id> *)userInfo)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(getInitialNotification
-                  : (RCTPromiseResolveBlock)resolve reject
-                  : (__unused RCTPromiseRejectBlock)reject)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(getScheduledLocalNotifications : (RCTResponseSenderBlock)callback)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(removeAllDeliveredNotifications)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(removeDeliveredNotifications : (NSArray<NSString *> *)identifiers)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(getDeliveredNotifications : (RCTResponseSenderBlock)callback)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-RCT_EXPORT_METHOD(getAuthorizationStatus : (RCTResponseSenderBlock)callback)
-{
-  RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
-}
-
-- (NSArray<NSString *> *)supportedEvents
-{
-  return @[];
-}
-
-#endif // TARGET_OS_UIKITFORMAC
-
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params
 {
diff --git a/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec b/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
index ef4b35ae721d..ca0b4fcfca6a 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -48,14 +41,16 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTPushNotification"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
   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 000000000000..cba0ccb2395d
--- /dev/null
+++ b/packages/react-native/Libraries/ReactNative/AppContainer-dev.js
@@ -0,0 +1,211 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 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}
+    />
+  );
+};
+
+type ReactDevToolsOverlayDeferredProps = {
+  inspectedViewRef: InspectedViewRef,
+  reactDevToolsAgent: ReactDevToolsAgent,
+};
+
+const ReactDevToolsOverlayDeferred = ({
+  inspectedViewRef,
+  reactDevToolsAgent,
+}: ReactDevToolsOverlayDeferredProps) => {
+  const ReactDevToolsOverlay =
+    require('../Inspector/ReactDevToolsOverlay').default;
+
+  return (
+    <ReactDevToolsOverlay
+      inspectedViewRef={inspectedViewRef}
+      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 && (
+          <ReactDevToolsOverlayDeferred
+            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 000000000000..201d54562b91
--- /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 a17b36423983..b27db96888b5 100644
--- a/packages/react-native/Libraries/ReactNative/AppContainer.js
+++ b/packages/react-native/Libraries/ReactNative/AppContainer.js
@@ -10,164 +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();
-
-          reactDevToolsHook.on(
-            'react-devtools',
-            this._reactDevToolsAgentListener,
-          );
-        }
-      }
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (this._subscription != null) {
-      this._subscription.remove();
-    }
-
-    if (reactDevToolsHook != 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 afd4f08cff07..69afb10dc3ae 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 8b9a746815e5..41e0e2bb57bd 100644
--- a/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js
@@ -11,90 +11,61 @@
 'use strict';
 
 import type {RootTag} from '../Types/RootTagTypes';
+import type {UIManagerJSInterface} from '../Types/UIManagerJSInterface';
 
 import {unstable_hasComponent} from '../NativeComponent/NativeComponentRegistryUnstable';
-import ReactNativeFeatureFlags from './ReactNativeFeatureFlags';
+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 getCachedConstants(): Object {
-  if (!cachedConstants) {
-    cachedConstants = global.RN$LegacyInterop_UIManager_getConstants();
-  }
-  return cachedConstants;
+function raiseSoftError(methodName: string, details?: string): void {
+  console.error(
+    `[ReactNative Architecture][JS] '${methodName}' is not available in the new React Native architecture.` +
+      (details ? ` ${details}` : ''),
+  );
 }
 
-const UIManagerJS: {[string]: $FlowFixMe} = {
-  getViewManagerConfig: (viewManagerName: string): mixed => {
-    if (ReactNativeFeatureFlags.enableNativeViewConfigsInBridgelessMode()) {
-      return getCachedConstants()[viewManagerName];
-    } else {
-      console.error(
-        errorMessageForMethod('getViewManagerConfig') +
-          'Use hasViewManagerConfig instead. viewManagerName: ' +
-          viewManagerName,
-      );
-      return null;
+const getUIManagerConstants: ?() => {[viewManagerName: string]: Object} =
+  global.RN$LegacyInterop_UIManager_getConstants;
+
+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 (ReactNativeFeatureFlags.enableNativeViewConfigsInBridgelessMode()) {
-      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,
@@ -103,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,
@@ -123,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,
@@ -133,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 (ReactNativeFeatureFlags.enableNativeViewConfigsInBridgelessMode()) {
-  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 99c8c438d49e..8233a12f3fe5 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 48940a9b0216..94efcd693866 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 7228b4f2e2c9..a00ab4f21a4b 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 a9586ee74df0..ed833ea1357a 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 2b1efffb456f..abdf455fabd8 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') {
 } 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 98b8ca0c970c..749a11eded82 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 71730351f2a3..ff9687732dbb 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 bd1ed8635c2e..12087f1b9854 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 01a56fb5098b..61f37d20a66b 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,56 +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 native view configs in brdgeless mode.
-   */
-  enableNativeViewConfigsInBridgelessMode: () => 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,
-  enableNativeViewConfigsInBridgelessMode: () => 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 8bc7500a1c4f..c55f938a26d2 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 1f0b346802d7..d5340f392046 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 98360a14bb23..4c0e4d1ce94b 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 c332897730a6..9ea41bc12d18 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 83727b345374..676bfb178304 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 6c9f11f06882..318a2d18a4e1 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 7a3aeb2e60df..c6ca67f40144 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 75484e8e1f96..206b826f14ed 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 1c5266efb2e4..2d08a1c3820f 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://react.dev/link/crossorigin-error 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://react.dev/link/event-pooling 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/link/react-devtools"
-      );
-    } // 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/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
-      );
-    }
+    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/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://react.dev/link/derived-state\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/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
-      );
+          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/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
-      );
-    }
+        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/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://react.dev/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
-      );
-    }
+            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/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
-      );
-    }
-  };
+              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://react.dev/link/legacy-context",
-          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/link/unsafe-component-lifecycles",
-            _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/link/warning-keys 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/link/strict-mode-string-ref",
-              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/link/strict-mode-string-ref"
-          );
-        }
+          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://react.dev/link/refs-must-have-owner 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/link/rules-of-hooks\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/link/invalid-hook-call 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/link/rules-of-hooks"
-    );
-  };
-
-  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/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
-    } 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/link/hooks-data-fetching";
-            } 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/link/setstate-in-render",
-              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://react.dev/link/wrap-tests-with-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://react.dev/link/wrap-tests-with-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/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://react.dev/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();
+        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 b85648db1bde..6753ca0e3d8f 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/link/strict-mode-string-ref"
+            "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://react.dev/link/refs-must-have-owner 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/link/invalid-hook-call 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 505c87f6e0c4..25d43a4a9181 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/link/strict-mode-string-ref"
+            "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://react.dev/link/refs-must-have-owner 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/link/invalid-hook-call 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 1680f6c3fc3e..d993f4205389 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://react.dev/link/crossorigin-error 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://react.dev/link/event-pooling 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/link/react-devtools"
+    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/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 (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/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://react.dev/link/derived-state\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/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
+    /**
+     * 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/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
-      );
+    // 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/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://react.dev/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
-      );
-    }
+    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/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 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://react.dev/link/legacy-context",
-          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/link/unsafe-component-lifecycles",
-            _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/link/warning-keys 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/link/strict-mode-string-ref",
-              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/link/strict-mode-string-ref"
+        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://react.dev/link/refs-must-have-owner 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/link/rules-of-hooks\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/link/invalid-hook-call 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/link/rules-of-hooks"
-    );
-  };
-
-  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/link/error-boundaries 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/link/hooks-data-fetching";
-            } 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/link/setstate-in-render",
-              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://react.dev/link/wrap-tests-with-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://react.dev/link/wrap-tests-with-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/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://react.dev/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();
+        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 d1b2a916a83b..7f6b01afe37c 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/link/strict-mode-string-ref"
+            "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://react.dev/link/refs-must-have-owner 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/link/invalid-hook-call 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 01916f0d854d..c67b0c4dbd76 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/link/strict-mode-string-ref"
+            "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://react.dev/link/refs-must-have-owner 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/link/invalid-hook-call 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 c36c6bc9a8d1..0a8adc080da7 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 b5894d72c7a2..cbcdfcebfac7 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/RCTRequired/RCTRequired/RCTRequired.h b/packages/react-native/Libraries/Required/RCTRequired.h
similarity index 100%
rename from packages/react-native/Libraries/RCTRequired/RCTRequired/RCTRequired.h
rename to packages/react-native/Libraries/Required/RCTRequired.h
diff --git a/packages/react-native/Libraries/RCTRequired/RCTRequired.podspec b/packages/react-native/Libraries/Required/RCTRequired.podspec
similarity index 100%
rename from packages/react-native/Libraries/RCTRequired/RCTRequired.podspec
rename to packages/react-native/Libraries/Required/RCTRequired.podspec
diff --git a/packages/react-native/Libraries/Settings/NativeSettingsManager.js b/packages/react-native/Libraries/Settings/NativeSettingsManager.js
index e0219e66195c..9764843d78c6 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 48a0e54907db..004fa806e92c 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -51,14 +41,16 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTSettings"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
 
   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 39b877cd0982..accb8798e2a0 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/StyleSheet.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheet.d.ts
index 914791c058d1..6d9fda4dac2e 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheet.d.ts
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheet.d.ts
@@ -32,7 +32,7 @@ export namespace StyleSheet {
   type NamedStyles<T> = {[P in keyof T]: ViewStyle | TextStyle | ImageStyle};
 
   /**
-   * Creates a StyleSheet style reference from the given object.
+   * An identity function for creating style sheets.
    */
   export function create<T extends NamedStyles<T> | NamedStyles<any>>(
     // The extra & NamedStyles<any> here helps Typescript catch typos: e.g.,
@@ -49,14 +49,6 @@ export namespace StyleSheet {
 
   /**
    * Flattens an array of style objects, into one aggregated style object.
-   * Alternatively, this method can be used to lookup IDs, returned by
-   * StyleSheet.register.
-   *
-   * > **NOTE**: Exercise caution as abusing this can tax you in terms of
-   * > optimizations.
-   * >
-   * > IDs enable optimizations through the bridge and memory in general. Referring
-   * > to style objects directly will deprive you of these optimizations.
    *
    * Example:
    * ```
@@ -74,17 +66,6 @@ export namespace StyleSheet {
    * StyleSheet.flatten([styles.listItem, styles.selectedListItem])
    * // returns { flex: 1, fontSize: 16, color: 'green' }
    * ```
-   * Alternative use:
-   * ```
-   * StyleSheet.flatten(styles.listItem);
-   * // return { flex: 1, fontSize: 16, color: 'white' }
-   * // Simply styles.listItem would return its ID (number)
-   * ```
-   * This method internally uses `StyleSheetRegistry.getStyleByID(style)`
-   * to resolve style objects represented by IDs. Thus, an array of style
-   * objects (instances of StyleSheet.create), are individually resolved to,
-   * their respective objects, merged as one and then returned. This also explains
-   * the alternative use.
    */
   export function flatten<T>(
     style?: StyleProp<T>,
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheet.js b/packages/react-native/Libraries/StyleSheet/StyleSheet.js
index e18594ad3e5b..7a9f4659cf40 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheet.js
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheet.js
@@ -212,16 +212,12 @@ if (__DEV__) {
  * Code quality:
  *
  *  - By moving styles away from the render function, you're making the code
- *  easier to understand.
+ *    easier to understand.
  *  - Naming the styles is a good way to add meaning to the low level components
- *  in the render function.
+ *  in the render function, and encourage reuse.
+ *  - In most IDEs, using `StyleSheet.create()` will offer static type checking
+ *  and suggestions to help you write valid styles.
  *
- * Performance:
- *
- *  - Making a stylesheet from a style object makes it possible to refer to it
- * by ID instead of creating a new style object every time.
- *  - It also allows to send the style only once through the bridge. All
- * subsequent uses are going to refer an id (not implemented yet).
  */
 module.exports = {
   /**
@@ -285,14 +281,6 @@ module.exports = {
 
   /**
    * Flattens an array of style objects, into one aggregated style object.
-   * Alternatively, this method can be used to lookup IDs, returned by
-   * StyleSheet.register.
-   *
-   * > **NOTE**: Exercise caution as abusing this can tax you in terms of
-   * > optimizations.
-   * >
-   * > IDs enable optimizations through the bridge and memory in general. Referring
-   * > to style objects directly will deprive you of these optimizations.
    *
    * Example:
    * ```
@@ -310,17 +298,6 @@ module.exports = {
    * StyleSheet.flatten([styles.listItem, styles.selectedListItem])
    * // returns { flex: 1, fontSize: 16, color: 'green' }
    * ```
-   * Alternative use:
-   * ```
-   * StyleSheet.flatten(styles.listItem);
-   * // return { flex: 1, fontSize: 16, color: 'white' }
-   * // Simply styles.listItem would return its ID (number)
-   * ```
-   * This method internally uses `StyleSheetRegistry.getStyleByID(style)`
-   * to resolve style objects represented by IDs. Thus, an array of style
-   * objects (instances of StyleSheet.create), are individually resolved to,
-   * their respective objects, merged as one and then returned. This also explains
-   * the alternative use.
    */
   flatten,
 
@@ -361,7 +338,7 @@ module.exports = {
   },
 
   /**
-   * Creates a StyleSheet style reference from the given object.
+   * An identity function for creating style sheets.
    */
   // $FlowFixMe[unsupported-variance-annotation]
   create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S> {
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
index 072d38691b9b..78fd9b407c4e 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
@@ -27,6 +27,8 @@ export type DimensionValue =
 type AnimatableNumericValue = number | Animated.AnimatedNode;
 type AnimatableStringValue = string | Animated.AnimatedNode;
 
+export type CursorValue = 'auto' | 'pointer';
+
 /**
  * Flex Prop Types
  * @see https://reactnative.dev/docs/flexbox
@@ -40,6 +42,7 @@ export interface FlexStyle {
     | 'stretch'
     | 'space-between'
     | 'space-around'
+    | 'space-evenly'
     | undefined;
   alignItems?: FlexAlignType | undefined;
   alignSelf?: 'auto' | FlexAlignType | undefined;
@@ -101,7 +104,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;
@@ -121,7 +124,7 @@ export interface ShadowStyleIOS {
   shadowRadius?: number | undefined;
 }
 
-interface PerpectiveTransform {
+interface PerspectiveTransform {
   perspective: AnimatableNumericValue;
 }
 
@@ -154,11 +157,11 @@ interface ScaleYTransform {
 }
 
 interface TranslateXTransform {
-  translateX: AnimatableNumericValue;
+  translateX: AnimatableNumericValue | `${number}%`;
 }
 
 interface TranslateYTransform {
-  translateY: AnimatableNumericValue;
+  translateY: AnimatableNumericValue | `${number}%`;
 }
 
 interface SkewXTransform {
@@ -179,21 +182,23 @@ type MaximumOneOf<T, K extends keyof T = keyof T> = K extends keyof T
 
 export interface TransformsStyle {
   transform?:
-    | MaximumOneOf<
-        PerpectiveTransform &
-          RotateTransform &
-          RotateXTransform &
-          RotateYTransform &
-          RotateZTransform &
-          ScaleTransform &
-          ScaleXTransform &
-          ScaleYTransform &
-          TranslateXTransform &
-          TranslateYTransform &
-          SkewXTransform &
-          SkewYTransform &
-          MatrixTransform
-      >[]
+    | Readonly<
+        MaximumOneOf<
+          PerspectiveTransform &
+            RotateTransform &
+            RotateXTransform &
+            RotateYTransform &
+            RotateZTransform &
+            ScaleTransform &
+            ScaleXTransform &
+            ScaleYTransform &
+            TranslateXTransform &
+            TranslateYTransform &
+            SkewXTransform &
+            SkewYTransform &
+            MatrixTransform
+        >[]
+      >
     | string
     | undefined;
   transformOrigin?: Array<string | number> | string | undefined;
@@ -273,6 +278,7 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
    * Controls whether the View can be the target of touch events.
    */
   pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto' | undefined;
+  cursor?: CursorValue | undefined;
 }
 
 export type FontVariant =
@@ -280,7 +286,6 @@ export type FontVariant =
   | 'oldstyle-nums'
   | 'lining-nums'
   | 'tabular-nums'
-  | 'proportional-nums'
   | 'common-ligatures'
   | 'no-common-ligatures'
   | 'discretionary-ligatures'
@@ -288,7 +293,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;
@@ -325,6 +351,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;
@@ -363,4 +408,5 @@ export interface ImageStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
   tintColor?: ColorValue | undefined;
   opacity?: AnimatableNumericValue | undefined;
   objectFit?: 'cover' | 'contain' | 'fill' | 'scale-down' | undefined;
+  cursor?: CursorValue | undefined;
 }
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
index fb2db1c4c60e..a2d7a3310ef3 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
@@ -37,6 +37,8 @@ export type EdgeInsetsValue = {
 export type DimensionValue = number | string | 'auto' | AnimatedNode | null;
 export type AnimatableNumericValue = number | AnimatedNode;
 
+export type CursorValue = 'auto' | 'pointer';
+
 /**
  * React Native's layout system is based on Flexbox and is powered both
  * on iOS and Android by an open source project called `Yoga`:
@@ -469,22 +471,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
@@ -552,7 +555,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`
@@ -625,7 +629,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
    */
@@ -727,6 +731,7 @@ export type ____ViewStyle_InternalCore = $ReadOnly<{
   opacity?: AnimatableNumericValue,
   elevation?: number,
   pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only',
+  cursor?: CursorValue,
 }>;
 
 export type ____ViewStyle_Internal = $ReadOnly<{
@@ -911,7 +916,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 c43ca45fca8e..1a9d6fc4fc77 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 c9cabcf33d13..e181ec289284 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 d3c1f8a45239..a47ee101bb50 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 9f11bbbe3bea..32a72f879e6f 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/React-RCTText.podspec b/packages/react-native/Libraries/Text/React-RCTText.podspec
index 5ef1aab04f36..6766c335abe6 100644
--- a/packages/react-native/Libraries/Text/React-RCTText.podspec
+++ b/packages/react-native/Libraries/Text/React-RCTText.podspec
@@ -30,7 +30,7 @@ Pod::Spec.new do |s|
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.header_dir             = "RCTText"
   s.framework              = ["MobileCoreServices"]
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 
   s.dependency "Yoga"
   s.dependency "React-Core/RCTTextHeaders", version
diff --git a/packages/react-native/Libraries/Text/Text.js b/packages/react-native/Libraries/Text/Text.js
index d737cccbbf92..5ccceefc346e 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 5afa863ad060..363170e617ed 100644
--- a/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm
+++ b/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm
@@ -301,7 +301,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 3f64e313ab58..47632aa885cd 100644
--- a/packages/react-native/Libraries/Text/Text/RCTTextView.mm
+++ b/packages/react-native/Libraries/Text/Text/RCTTextView.mm
@@ -16,6 +16,12 @@
 
 #import <QuartzCore/QuartzCore.h>
 
+@interface RCTTextView () <UIEditMenuInteractionDelegate>
+
+@property (nonatomic, nullable) UIEditMenuInteraction *editMenuInteraction API_AVAILABLE(ios(16.0));
+
+@end
+
 @implementation RCTTextView {
   CAShapeLayer *_highlightLayer;
   UILongPressGestureRecognizer *_longPressGestureRecognizer;
@@ -213,32 +219,42 @@ - (void)enableContextMenu
 {
   _longPressGestureRecognizer = [[UILongPressGestureRecognizer alloc] initWithTarget:self
                                                                               action:@selector(handleLongPress:)];
+  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;
 }
 
 - (void)handleLongPress:(UILongPressGestureRecognizer *)gesture
 {
-  // TODO: Adopt showMenuFromRect (necessary for UIKitForMac)
-#if !TARGET_OS_UIKITFORMAC
-  UIMenuController *menuController = [UIMenuController sharedMenuController];
+  if (@available(iOS 16.0, macCatalyst 16.0, *)) {
+    CGPoint location = [gesture locationInView:self];
+    UIEditMenuConfiguration *config = [UIEditMenuConfiguration configurationWithIdentifier:nil sourcePoint:location];
+    if (_editMenuInteraction) {
+      [_editMenuInteraction presentEditMenuWithConfiguration:config];
+    }
+  } else {
+    UIMenuController *menuController = [UIMenuController sharedMenuController];
 
-  if (menuController.isMenuVisible) {
-    return;
-  }
+    if (menuController.isMenuVisible) {
+      return;
+    }
 
-  if (!self.isFirstResponder) {
-    [self becomeFirstResponder];
+    [menuController showMenuFromView:self rect:self.bounds];
   }
-
-  [menuController setTargetRect:self.bounds inView:self];
-  [menuController setMenuVisible:YES animated:YES];
-#endif
 }
 
 - (BOOL)canBecomeFirstResponder
diff --git a/packages/react-native/Libraries/Text/TextAncestor.js b/packages/react-native/Libraries/Text/TextAncestor.js
index f61c90e8209b..2b04983de917 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/Multiline/RCTUITextView.mm b/packages/react-native/Libraries/Text/TextInput/Multiline/RCTUITextView.mm
index 582b49c1ef4f..3fb6c8d62261 100644
--- a/packages/react-native/Libraries/Text/TextInput/Multiline/RCTUITextView.mm
+++ b/packages/react-native/Libraries/Text/TextInput/Multiline/RCTUITextView.mm
@@ -163,6 +163,12 @@ - (void)setSelectedTextRange:(UITextRange *)selectedTextRange notifyDelegate:(BO
   [super setSelectedTextRange:selectedTextRange];
 }
 
+// After restoring the previous cursor position, we manually trigger the scroll to the new cursor position (PR 38679).
+- (void)scrollRangeToVisible:(NSRange)range
+{
+  [super scrollRangeToVisible:range];
+}
+
 - (void)paste:(id)sender
 {
   _textWasPasted = YES;
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h b/packages/react-native/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
index a8719ecd4d01..7aa5bcd54e7b 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
+++ b/packages/react-native/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
@@ -43,6 +43,7 @@ NS_ASSUME_NONNULL_BEGIN
 // If the change was a result of user actions (like typing or touches), we MUST notify the delegate.
 - (void)setSelectedTextRange:(nullable UITextRange *)selectedTextRange NS_UNAVAILABLE;
 - (void)setSelectedTextRange:(nullable UITextRange *)selectedTextRange notifyDelegate:(BOOL)notifyDelegate;
+- (void)scrollRangeToVisible:(NSRange)selectedTextRange;
 
 // This protocol disallows direct access to `text` property because
 // unwise usage of it can break the `attributeText` behavior.
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm
index 1f06b79070aa..8f151c25f914 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 <= font.lineHeight) {
+                              maximumFontLineHeight = font.lineHeight;
+                            }
+                          }];
+
+  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/RCTBaseTextInputView.mm b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputView.mm
index b0d71dcd3508..20b953520b6e 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputView.mm
+++ b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputView.mm
@@ -493,8 +493,6 @@ - (NSString *)textInputShouldChangeText:(NSString *)text inRange:(NSRange)range
     }
   }
 
-  NSString *previousText = [backedTextInputView.attributedText.string copy] ?: @"";
-
   if (range.location + range.length > backedTextInputView.attributedText.string.length) {
     _predictedText = backedTextInputView.attributedText.string;
   } else if (text != nil) {
@@ -502,17 +500,6 @@ - (NSString *)textInputShouldChangeText:(NSString *)text inRange:(NSRange)range
                                                                                         withString:text];
   }
 
-  if (_onTextInput) {
-    _onTextInput(@{
-      // We copy the string here because if it's a mutable string it may get released before we stop using it on a
-      // different thread, causing a crash.
-      @"text" : [text copy],
-      @"previousText" : previousText,
-      @"range" : @{@"start" : @(range.location), @"end" : @(range.location + range.length)},
-      @"eventCount" : @(_nativeEventCount),
-    });
-  }
-
   return text; // Accepting the change.
 }
 
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
index a19b55569e8d..6d3d18b11ebe 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
+++ b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
@@ -71,7 +71,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, UIView)
 {
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm b/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm
index 39ba1564754a..7814f9c706aa 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;
-}
-
 - (UIView *)view
 {
   return [[RCTInputAccessoryView alloc] initWithBridge:self.bridge];
diff --git a/packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.mm b/packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.mm
index 4d0afd97ae68..82b186ead5f3 100644
--- a/packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.mm
+++ b/packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.mm
@@ -201,6 +201,11 @@ - (void)setSelectedTextRange:(UITextRange *)selectedTextRange notifyDelegate:(BO
   [super setSelectedTextRange:selectedTextRange];
 }
 
+- (void)scrollRangeToVisible:(NSRange)range
+{
+  // Singleline TextInput does not require scrolling after calling setSelectedTextRange (PR 38679).
+}
+
 - (void)paste:(id)sender
 {
   _textWasPasted = YES;
diff --git a/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js b/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js
index a46dd55ed9d7..6db6845b56fd 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/TypeSafety/RCTTypeSafety.podspec b/packages/react-native/Libraries/TypeSafety/RCTTypeSafety.podspec
index b13ec49c634b..695bd65bf798 100644
--- a/packages/react-native/Libraries/TypeSafety/RCTTypeSafety.podspec
+++ b/packages/react-native/Libraries/TypeSafety/RCTTypeSafety.podspec
@@ -29,7 +29,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTTypeSafety"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/Libraries/TypeSafety\""
                              }
 
diff --git a/packages/react-native/Libraries/Types/ReactDevToolsTypes.js b/packages/react-native/Libraries/Types/ReactDevToolsTypes.js
new file mode 100644
index 000000000000..9772b01c4bde
--- /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 000000000000..4dc3fe1aac85
--- /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 8c7c3ec422d9..c98093df30c2 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 37ab1e0f9296..c8748a9f0414 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 ed72a504488b..d119f6316c12 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 786790f59871..4b874aa37e53 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 2b9952fea407..2e930f2c3594 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 ff4e2818f26d..028ce61c91ce 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 6eab28ff02f3..b5bc58a1d036 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 1a2cf4ad5069..301ea812712a 100644
--- a/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js
+++ b/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js
@@ -8,29 +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,
-|};
-
-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/PixelRatio.d.ts b/packages/react-native/Libraries/Utilities/PixelRatio.d.ts
index 97d42ff6650b..2b7861764bdd 100644
--- a/packages/react-native/Libraries/Utilities/PixelRatio.d.ts
+++ b/packages/react-native/Libraries/Utilities/PixelRatio.d.ts
@@ -32,11 +32,11 @@ export interface PixelRatioStatic {
           used to calculate the absolute font size, so any elements that
           heavily depend on that should use this to do calculations.
 
-          If a font scale is not set, this returns the device pixel ratio.
+          * on Android value reflects the user preference set in Settings > Display > Font size
+          * on iOS value reflects the user preference set in Settings > Display & Brightness > Text Size,
+            value can also be updated in Settings > Accessibility > Display & Text Size > Larger Text
 
-          Currently this is only implemented on Android and reflects the user
-          preference set in Settings > Display > Font size,
-          on iOS it will always return the default pixel ratio.
+          If a font scale is not set, this returns the device pixel ratio.
           */
   getFontScale(): number;
 
diff --git a/packages/react-native/Libraries/Utilities/Platform.android.js b/packages/react-native/Libraries/Utilities/Platform.android.js
index 95210a315a25..5272465aa7c5 100644
--- a/packages/react-native/Libraries/Utilities/Platform.android.js
+++ b/packages/react-native/Libraries/Utilities/Platform.android.js
@@ -69,6 +69,10 @@ const Platform: PlatformType = {
     // $FlowFixMe[object-this-reference]
     return this.constants.uiMode === 'tv';
   },
+  // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean {
+    return false;
+  },
   select: <T>(spec: PlatformSelectSpec<T>): T =>
     'android' in spec
       ? // $FlowFixMe[incompatible-return]
diff --git a/packages/react-native/Libraries/Utilities/Platform.d.ts b/packages/react-native/Libraries/Utilities/Platform.d.ts
index 1ff836839110..82246df0ffb4 100644
--- a/packages/react-native/Libraries/Utilities/Platform.d.ts
+++ b/packages/react-native/Libraries/Utilities/Platform.d.ts
@@ -50,10 +50,13 @@ interface PlatformIOSStatic extends PlatformStatic {
     interfaceIdiom: string;
     osVersion: string;
     systemName: string;
+    isMacCatalyst?: boolean | undefined;
   };
   OS: 'ios';
   isPad: boolean;
   isTV: boolean;
+  isVision: boolean;
+  isMacCatalyst?: boolean | undefined;
   Version: string;
 }
 
diff --git a/packages/react-native/Libraries/Utilities/Platform.flow.js b/packages/react-native/Libraries/Utilities/Platform.flow.js
index d4bc8147249e..cfd7bbc71f83 100644
--- a/packages/react-native/Libraries/Utilities/Platform.flow.js
+++ b/packages/react-native/Libraries/Utilities/Platform.flow.js
@@ -35,15 +35,20 @@ type IOSPlatform = {
       prerelease: ?number,
     |},
     systemName: string,
+    isMacCatalyst?: boolean,
   |},
   // $FlowFixMe[unsafe-getters-setters]
   get isPad(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
+  get isMacCatalyst(): boolean,
   select: <T>(spec: PlatformSelectSpec<T>) => T,
 };
 
@@ -75,6 +80,8 @@ type AndroidPlatform = {
   // $FlowFixMe[unsafe-getters-setters]
   get isTV(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean,
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean,
   // $FlowFixMe[unsafe-getters-setters]
   get isDisableAnimations(): boolean,
diff --git a/packages/react-native/Libraries/Utilities/Platform.ios.js b/packages/react-native/Libraries/Utilities/Platform.ios.js
index 53371634e7d9..1fa1b83ab44c 100644
--- a/packages/react-native/Libraries/Utilities/Platform.ios.js
+++ b/packages/react-native/Libraries/Utilities/Platform.ios.js
@@ -37,6 +37,7 @@ const Platform: PlatformType = {
       prerelease: ?number,
     |},
     systemName: string,
+    isMacCatalyst?: boolean,
   |} {
     // $FlowFixMe[object-this-reference]
     if (this.__constants == null) {
@@ -57,6 +58,11 @@ const Platform: PlatformType = {
     return this.constants.interfaceIdiom === 'tv';
   },
   // $FlowFixMe[unsafe-getters-setters]
+  get isVision(): boolean {
+    // $FlowFixMe[object-this-reference]
+    return this.constants.interfaceIdiom === 'vision';
+  },
+  // $FlowFixMe[unsafe-getters-setters]
   get isTesting(): boolean {
     if (__DEV__) {
       // $FlowFixMe[object-this-reference]
@@ -69,6 +75,11 @@ const Platform: PlatformType = {
     // $FlowFixMe[object-this-reference]
     return this.constants.isDisableAnimations ?? this.isTesting;
   },
+  // $FlowFixMe[unsafe-getters-setters]
+  get isMacCatalyst(): boolean {
+    // $FlowFixMe[object-this-reference]
+    return this.constants.isMacCatalyst ?? false;
+  },
   select: <T>(spec: PlatformSelectSpec<T>): T =>
     // $FlowFixMe[incompatible-return]
     'ios' in spec ? spec.ios : 'native' in spec ? spec.native : spec.default,
diff --git a/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js b/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js
index 05e757bbd195..849054b96e95 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 4efe80cc09dc..a20f705a1ae4 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 ad136a23eabe..898a5cf74408 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 3f60697155e0..3f9187f8fe17 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 91c1f749f251..1849d04f452f 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 15bd982d0368..1499e4eab3af 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 8fcc446817bd..b23fe17b89bf 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 8911ba9963e2..5e9a69f997a4 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -50,14 +41,16 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTVibration"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
   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/WebPerformance/NativePerformanceObserver.cpp b/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.cpp
deleted file mode 100644
index 93d09bc97ee9..000000000000
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.cpp
+++ /dev/null
@@ -1,110 +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 <memory>
-
-#include "NativePerformanceObserver.h"
-#include "PerformanceEntryReporter.h"
-
-#include "Plugins.h"
-
-std::shared_ptr<facebook::react::TurboModule>
-NativePerformanceObserverModuleProvider(
-    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
-  return std::make_shared<facebook::react::NativePerformanceObserver>(
-      std::move(jsInvoker));
-}
-
-namespace facebook::react {
-
-NativePerformanceObserver::NativePerformanceObserver(
-    std::shared_ptr<CallInvoker> jsInvoker)
-    : NativePerformanceObserverCxxSpec(std::move(jsInvoker)) {
-  setEventLogger(&PerformanceEntryReporter::getInstance());
-}
-
-NativePerformanceObserver::~NativePerformanceObserver() {
-  setEventLogger(nullptr);
-}
-
-void NativePerformanceObserver::startReporting(
-    jsi::Runtime& rt,
-    int32_t entryType) {
-  PerformanceEntryReporter::getInstance().startReporting(
-      static_cast<PerformanceEntryType>(entryType));
-}
-
-void NativePerformanceObserver::stopReporting(
-    jsi::Runtime& rt,
-    int32_t entryType) {
-  PerformanceEntryReporter::getInstance().stopReporting(
-      static_cast<PerformanceEntryType>(entryType));
-}
-
-void NativePerformanceObserver::setIsBuffered(
-    jsi::Runtime& rt,
-    std::vector<int32_t> entryTypes,
-    bool isBuffered) {
-  for (const int32_t entryType : entryTypes) {
-    PerformanceEntryReporter::getInstance().setAlwaysLogged(
-        static_cast<PerformanceEntryType>(entryType), isBuffered);
-  }
-}
-
-GetPendingEntriesResult NativePerformanceObserver::popPendingEntries(
-    jsi::Runtime& rt) {
-  return PerformanceEntryReporter::getInstance().popPendingEntries();
-}
-
-void NativePerformanceObserver::setOnPerformanceEntryCallback(
-    jsi::Runtime& rt,
-    std::optional<AsyncCallback<>> callback) {
-  PerformanceEntryReporter::getInstance().setReportingCallback(callback);
-}
-
-void NativePerformanceObserver::logRawEntry(
-    jsi::Runtime& rt,
-    RawPerformanceEntry entry) {
-  PerformanceEntryReporter::getInstance().logEntry(entry);
-}
-
-std::vector<std::pair<std::string, uint32_t>>
-NativePerformanceObserver::getEventCounts(jsi::Runtime& rt) {
-  const auto& eventCounts =
-      PerformanceEntryReporter::getInstance().getEventCounts();
-  return std::vector<std::pair<std::string, uint32_t>>(
-      eventCounts.begin(), eventCounts.end());
-}
-
-void NativePerformanceObserver::setDurationThreshold(
-    jsi::Runtime& rt,
-    int32_t entryType,
-    double durationThreshold) {
-  PerformanceEntryReporter::getInstance().setDurationThreshold(
-      static_cast<PerformanceEntryType>(entryType), durationThreshold);
-}
-
-void NativePerformanceObserver::clearEntries(
-    jsi::Runtime& rt,
-    int32_t entryType,
-    std::optional<std::string> entryName) {
-  PerformanceEntryReporter::getInstance().clearEntries(
-      static_cast<PerformanceEntryType>(entryType),
-      entryName ? entryName->c_str() : nullptr);
-}
-
-std::vector<RawPerformanceEntry> NativePerformanceObserver::getEntries(
-    jsi::Runtime& rt,
-    std::optional<int32_t> entryType,
-    std::optional<std::string> entryName) {
-  return PerformanceEntryReporter::getInstance().getEntries(
-      entryType ? static_cast<PerformanceEntryType>(*entryType)
-                : PerformanceEntryType::UNDEFINED,
-      entryName ? entryName->c_str() : nullptr);
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.js b/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.js
deleted file mode 100644
index e6e106e8ccea..000000000000
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.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.
- *
- * @flow strict
- * @format
- */
-
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type RawPerformanceEntryType = number;
-
-export type RawPerformanceEntry = {|
-  name: string,
-  entryType: RawPerformanceEntryType,
-  startTime: number,
-  duration: number,
-  // For "event" entries only:
-  processingStart?: number,
-  processingEnd?: number,
-  interactionId?: number,
-|};
-
-export type GetPendingEntriesResult = {|
-  entries: $ReadOnlyArray<RawPerformanceEntry>,
-  droppedEntriesCount: number,
-|};
-
-export interface Spec extends TurboModule {
-  +startReporting: (entryType: RawPerformanceEntryType) => void;
-  +stopReporting: (entryType: RawPerformanceEntryType) => void;
-  +setIsBuffered: (
-    entryTypes: $ReadOnlyArray<RawPerformanceEntryType>,
-    isBuffered: boolean,
-  ) => void;
-  +popPendingEntries: () => GetPendingEntriesResult;
-  +setOnPerformanceEntryCallback: (callback?: () => void) => void;
-  +logRawEntry: (entry: RawPerformanceEntry) => void;
-  +getEventCounts: () => $ReadOnlyArray<[string, number]>;
-  +setDurationThreshold: (
-    entryType: RawPerformanceEntryType,
-    durationThreshold: number,
-  ) => void;
-  +clearEntries: (
-    entryType: RawPerformanceEntryType,
-    entryName?: string,
-  ) => void;
-  +getEntries: (
-    entryType?: RawPerformanceEntryType,
-    entryName?: string,
-  ) => $ReadOnlyArray<RawPerformanceEntry>;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'NativePerformanceObserverCxx',
-): ?Spec);
diff --git a/packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.js b/packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.js
deleted file mode 100644
index dbf6eeebc12b..000000000000
--- a/packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.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.
- *
- * @flow strict
- * @format
- */
-
-import type {
-  GetPendingEntriesResult,
-  RawPerformanceEntry,
-  RawPerformanceEntryType,
-  Spec as NativePerformanceObserver,
-} from '../NativePerformanceObserver';
-
-import {RawPerformanceEntryTypeValues} from '../RawPerformanceEntry';
-
-const reportingType: Set<RawPerformanceEntryType> = new Set();
-const isAlwaysLogged: Set<RawPerformanceEntryType> = new Set();
-const eventCounts: Map<string, number> = new Map();
-const durationThresholds: Map<RawPerformanceEntryType, number> = new Map();
-let entries: Array<RawPerformanceEntry> = [];
-let onPerformanceEntryCallback: ?() => void;
-
-const NativePerformanceObserverMock: NativePerformanceObserver = {
-  startReporting: (entryType: RawPerformanceEntryType) => {
-    reportingType.add(entryType);
-  },
-
-  stopReporting: (entryType: RawPerformanceEntryType) => {
-    reportingType.delete(entryType);
-    durationThresholds.delete(entryType);
-  },
-
-  setIsBuffered: (
-    entryTypes: $ReadOnlyArray<RawPerformanceEntryType>,
-    isBuffered: boolean,
-  ) => {
-    for (const entryType of entryTypes) {
-      if (isBuffered) {
-        isAlwaysLogged.add(entryType);
-      } else {
-        isAlwaysLogged.delete(entryType);
-      }
-    }
-  },
-
-  popPendingEntries: (): GetPendingEntriesResult => {
-    const res = entries;
-    entries = [];
-    return {
-      droppedEntriesCount: 0,
-      entries: res,
-    };
-  },
-
-  setOnPerformanceEntryCallback: (callback?: () => void) => {
-    onPerformanceEntryCallback = callback;
-  },
-
-  logRawEntry: (entry: RawPerformanceEntry) => {
-    if (
-      reportingType.has(entry.entryType) ||
-      isAlwaysLogged.has(entry.entryType)
-    ) {
-      const durationThreshold = durationThresholds.get(entry.entryType);
-      if (
-        durationThreshold !== undefined &&
-        entry.duration < durationThreshold
-      ) {
-        return;
-      }
-      entries.push(entry);
-      // $FlowFixMe[incompatible-call]
-      global.queueMicrotask(() => {
-        // We want to emulate the way it's done in native (i.e. async/batched)
-        onPerformanceEntryCallback?.();
-      });
-    }
-    if (entry.entryType === RawPerformanceEntryTypeValues.EVENT) {
-      eventCounts.set(entry.name, (eventCounts.get(entry.name) ?? 0) + 1);
-    }
-  },
-
-  getEventCounts: (): $ReadOnlyArray<[string, number]> => {
-    return Array.from(eventCounts.entries());
-  },
-
-  setDurationThreshold: (
-    entryType: RawPerformanceEntryType,
-    durationThreshold: number,
-  ) => {
-    durationThresholds.set(entryType, durationThreshold);
-  },
-
-  clearEntries: (entryType: RawPerformanceEntryType, entryName?: string) => {
-    entries = entries.filter(
-      e =>
-        (entryType !== RawPerformanceEntryTypeValues.UNDEFINED &&
-          e.entryType !== entryType) ||
-        (entryName != null && e.name !== entryName),
-    );
-  },
-
-  getEntries: (
-    entryType?: RawPerformanceEntryType,
-    entryName?: string,
-  ): $ReadOnlyArray<RawPerformanceEntry> => {
-    return entries.filter(
-      e =>
-        (entryType == null || e.entryType === entryType) &&
-        (entryName == null || e.name === entryName),
-    );
-  },
-};
-
-export default NativePerformanceObserverMock;
diff --git a/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js b/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js
index 7ae271cc5243..2220a52dcb07 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 a0d0d3c8ace2..4a1a78dd4174 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 c0ffbf8d833e..a97e46ea67b6 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 000000000000..505a80ea240c
--- /dev/null
+++ b/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap
@@ -0,0 +1,9072 @@
+// 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/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,
+  ...
+}>;
+type Options = {
+  cancelable?: ?boolean,
+  userInterfaceStyle?: \\"unspecified\\" | \\"light\\" | \\"dark\\",
+  onDismiss?: ?() => void,
+  ...
+};
+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;
+}
+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 AccessibilityEventDefinitions = {
+  ...AccessibilityEventDefinitionsAndroid,
+  ...AccessibilityEventDefinitionsIOS,
+  change: [boolean],
+  reduceMotionChanged: [boolean],
+  screenReaderChanged: [boolean],
+};
+type AccessibilityEventTypes = \\"click\\" | \\"focus\\" | \\"viewHoverEnter\\";
+declare const AccessibilityInfo: {
+  isBoldTextEnabled(): Promise<boolean>,
+  isGrayscaleEnabled(): 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,
+  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/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,
+  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,
+  |}>,
+>;
+type DataDetectorTypesType =
+  | \\"phoneNumber\\"
+  | \\"link\\"
+  | \\"address\\"
+  | \\"calendarEvent\\"
+  | \\"trackingNumber\\"
+  | \\"flightNumber\\"
+  | \\"lookupSuggestion\\"
+  | \\"none\\"
+  | \\"all\\";
+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 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 Props = $ReadOnly<{|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  ...IOSProps,
+  ...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<
+    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) => mixed,
+  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,
+|}>;
+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,
+};
+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,
+  |}>,
+>;
+type DataDetectorTypesType =
+  | \\"phoneNumber\\"
+  | \\"link\\"
+  | \\"address\\"
+  | \\"calendarEvent\\"
+  | \\"trackingNumber\\"
+  | \\"flightNumber\\"
+  | \\"lookupSuggestion\\"
+  | \\"none\\"
+  | \\"all\\";
+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 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 Props = $ReadOnly<{|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  ...IOSProps,
+  ...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) => mixed,
+  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;
+}
+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>,
+|}>;
+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/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,
+};
+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\\";
+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,
+  onLayout?: ?(event: LayoutEvent) => mixed,
+  onMagicTap?: ?() => mixed,
+  onAccessibilityEscape?: ?() => mixed,
+|}>;
+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,
+|}>;
+export type ViewProps = $ReadOnly<{|
+  ...DirectEventProps,
+  ...GestureResponderEventProps,
+  ...MouseEventProps,
+  ...PointerEventProps,
+  ...FocusEventProps,
+  ...TouchEventProps,
+  ...AndroidViewProps,
+  ...IOSViewProps,
+  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,
+|};
+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,
+  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/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/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/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/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) => mixed,
+  onFocus?: ?(event: FocusEvent) => mixed,
+  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,
+  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/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 = \\"auto\\" | \\"pointer\\";
+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\\",
+}>;
+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\\"),
+|}>;
+"
+`;
+
+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<{|
+    changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, \\"nativeEvent\\">>,
+    force?: number,
+    identifier: number,
+    locationX: number,
+    locationY: number,
+    pageX: number,
+    pageY: number,
+    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,
+  |}>,
+>;
+export type BlurEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+export type FocusEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+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/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 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 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 000000000000..2d098e84d4a7
--- /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 b951f612ecf6..7bc3de0a6b59 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 177cbbdf3009..f640082fef37 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 cf69ac3c867a..5e5cd4495801 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.00'
-socket_rocket_version = '0.6.0'
+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,14 +65,14 @@ 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    = {
                                "HEADER_SEARCH_PATHS" => header_search_paths,
                                "DEFINES_MODULE" => "YES",
                                "GCC_PREPROCESSOR_DEFINITIONS" => "RCT_METRO_PORT=${RCT_METRO_PORT}",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "FRAMEWORK_SEARCH_PATHS" => frameworks_search_paths.join(" ")
                              }
   s.user_target_xcconfig   = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/Headers/Private/React-Core\""}
@@ -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 06d0fbb13b22..ca8542eb6acf 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+Inspector.h b/packages/react-native/React/Base/RCTBridge+Inspector.h
new file mode 100644
index 000000000000..25c3732a3c52
--- /dev/null
+++ b/packages/react-native/React/Base/RCTBridge+Inspector.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 <React/RCTBridge.h>
+
+#ifdef __cplusplus
+#import <jsinspector-modern/ReactCdp.h>
+#endif
+
+@interface RCTBridge (Inspector)
+
+/**
+ * The HostTarget 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 or Swift code.
+    void *
+#endif
+        inspectorTarget;
+
+@property (nonatomic, readonly, getter=isInspectable) BOOL inspectable;
+
+@end
diff --git a/packages/react-native/React/Base/RCTBridge+Private.h b/packages/react-native/React/Base/RCTBridge+Private.h
index fc4639dec0a1..4d03df3ce8d6 100644
--- a/packages/react-native/React/Base/RCTBridge+Private.h
+++ b/packages/react-native/React/Base/RCTBridge+Private.h
@@ -141,12 +141,6 @@ RCT_EXTERN void RCTRegisterModule(Class);
 
 @end
 
-@interface RCTBridge (Inspector)
-
-@property (nonatomic, readonly, getter=isInspectable) BOOL inspectable;
-
-@end
-
 @interface RCTCxxBridge : RCTBridge
 
 // TODO(cjhopman): this seems unsafe unless we require that it is only called on the main js queue.
diff --git a/packages/react-native/React/Base/RCTBridge.h b/packages/react-native/React/Base/RCTBridge.h
index 37dc4be6218e..db6fd8164647 100644
--- a/packages/react-native/React/Base/RCTBridge.h
+++ b/packages/react-native/React/Base/RCTBridge.h
@@ -31,25 +31,42 @@
  */
 typedef NSArray<id<RCTBridgeModule>> * (^RCTBridgeModuleListProvider)(void);
 
+RCT_EXTERN_C_BEGIN
+
 /**
  * This function returns the module name for a given class.
  */
-RCT_EXTERN NSString *RCTBridgeModuleNameForClass(Class bridgeModuleClass);
+NSString *RCTBridgeModuleNameForClass(Class bridgeModuleClass);
 
 /**
  * Experimental.
  * Check/set if JSI-bound NativeModule is enabled. By default it's off.
  */
-RCT_EXTERN BOOL RCTTurboModuleEnabled(void);
-RCT_EXTERN void RCTEnableTurboModule(BOOL enabled);
+BOOL RCTTurboModuleEnabled(void);
+void RCTEnableTurboModule(BOOL enabled);
 
 // Turn on TurboModule interop
-RCT_EXTERN BOOL RCTTurboModuleInteropEnabled(void);
-RCT_EXTERN void RCTEnableTurboModuleInterop(BOOL enabled);
+BOOL RCTTurboModuleInteropEnabled(void);
+void RCTEnableTurboModuleInterop(BOOL enabled);
 
 // Turn on TurboModule interop's Bridge proxy
-RCT_EXTERN BOOL RCTTurboModuleInteropBridgeProxyEnabled(void);
-RCT_EXTERN void RCTEnableTurboModuleInteropBridgeProxy(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,
@@ -57,12 +74,12 @@ typedef enum {
   kRCTBridgeProxyLoggingLevelError,
 } RCTBridgeProxyLoggingLevel;
 
-RCT_EXTERN RCTBridgeProxyLoggingLevel RCTTurboModuleInteropBridgeProxyLogLevel(void);
-RCT_EXTERN void RCTSetTurboModuleInteropBridgeProxyLogLevel(RCTBridgeProxyLoggingLevel logLevel);
+RCTBridgeProxyLoggingLevel RCTTurboModuleInteropBridgeProxyLogLevel(void);
+void RCTSetTurboModuleInteropBridgeProxyLogLevel(RCTBridgeProxyLoggingLevel logLevel);
 
 // Route all TurboModules through TurboModule interop
-RCT_EXTERN BOOL RCTTurboModuleInteropForAllTurboModulesEnabled(void);
-RCT_EXTERN void RCTEnableTurboModuleInteropForAllTurboModules(BOOL enabled);
+BOOL RCTTurboModuleInteropForAllTurboModulesEnabled(void);
+void RCTEnableTurboModuleInteropForAllTurboModules(BOOL enabled);
 
 typedef enum {
   kRCTGlobalScope,
@@ -70,8 +87,10 @@ typedef enum {
   kRCTTurboModuleManagerScope,
 } RCTTurboModuleCleanupMode;
 
-RCT_EXTERN RCTTurboModuleCleanupMode RCTGetTurboModuleCleanupMode(void);
-RCT_EXTERN void RCTSetTurboModuleCleanupMode(RCTTurboModuleCleanupMode mode);
+RCTTurboModuleCleanupMode RCTGetTurboModuleCleanupMode(void);
+void RCTSetTurboModuleCleanupMode(RCTTurboModuleCleanupMode mode);
+
+RCT_EXTERN_C_END
 
 /**
  * Async batched bridge used to communicate with the JavaScript application.
diff --git a/packages/react-native/React/Base/RCTBridge.mm b/packages/react-native/React/Base/RCTBridge.mm
index c2d9b17ba039..9c1890542e86 100644
--- a/packages/react-native/React/Base/RCTBridge.mm
+++ b/packages/react-native/React/Base/RCTBridge.mm
@@ -6,6 +6,7 @@
  */
 
 #import "RCTBridge.h"
+#import "RCTBridge+Inspector.h"
 #import "RCTBridge+Private.h"
 
 #import <objc/runtime.h>
@@ -14,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"
@@ -118,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)
 {
@@ -139,11 +155,63 @@ void RCTEnableTurboModuleInteropForAllTurboModules(BOOL enabled)
   useTurboModuleInteropForAllTurboModules = enabled;
 }
 
+// Turn on TurboModule sync execution of void methods
+static BOOL gTurboModuleEnableSyncVoidMethods = NO;
+BOOL RCTTurboModuleSyncVoidMethodsEnabled(void)
+{
+  return gTurboModuleEnableSyncVoidMethods;
+}
+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
@@ -192,6 +260,7 @@ - (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
     _bundleURL = bundleURL;
     _moduleProvider = block;
     _launchOptions = [launchOptions copy];
+    _inspectorPageDelegate = std::make_unique<RCTBridgePageTargetDelegate>(self);
 
     [self setUp];
   }
@@ -206,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
@@ -222,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];
@@ -332,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
@@ -420,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 0e081964bc2e..1bc3723ea9ed 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 15d871fa76a7..6805512777d8 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
@@ -244,7 +236,7 @@ RCT_EXTERN_C_END
  */
 #define RCT_REMAP_METHOD(js_name, method)       \
   _RCT_EXTERN_REMAP_METHOD(js_name, method, NO) \
-  -(void)method RCT_DYNAMIC;
+  -(void)method RCT_DYNAMIC
 
 /**
  * Similar to RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD but lets you set
@@ -256,7 +248,7 @@ RCT_EXTERN_C_END
  */
 #define RCT_REMAP_BLOCKING_SYNCHRONOUS_METHOD(js_name, returnType, method) \
   _RCT_EXTERN_REMAP_METHOD(js_name, method, YES)                           \
-  -(returnType)method RCT_DYNAMIC;
+  -(returnType)method RCT_DYNAMIC
 
 /**
  * Use this macro in a private Objective-C implementation file to automatically
diff --git a/packages/react-native/React/Base/RCTBridgeProxy+Cxx.h b/packages/react-native/React/Base/RCTBridgeProxy+Cxx.h
new file mode 100644
index 000000000000..2748178a3dbb
--- /dev/null
+++ b/packages/react-native/React/Base/RCTBridgeProxy+Cxx.h
@@ -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.
+ */
+
+#ifdef __cplusplus
+#import <ReactCommon/CallInvoker.h>
+#endif
+
+#import "RCTBridgeProxy.h"
+
+@interface RCTBridgeProxy (Cxx)
+
+#ifdef __cplusplus
+@property (nonatomic, readwrite) std::shared_ptr<facebook::react::CallInvoker> jsCallInvoker;
+#endif
+
+@end
diff --git a/packages/react-native/React/Base/RCTBridgeProxy.h b/packages/react-native/React/Base/RCTBridgeProxy.h
index f8639c418e0d..71bb9cf08316 100644
--- a/packages/react-native/React/Base/RCTBridgeProxy.h
+++ b/packages/react-native/React/Base/RCTBridgeProxy.h
@@ -9,18 +9,23 @@
 
 #import "RCTBridgeModule.h"
 
+NS_ASSUME_NONNULL_BEGIN
+
 @class RCTBundleManager;
 @class RCTCallableJSModules;
 @class RCTModuleRegistry;
 @class RCTViewRegistry;
 
 @interface RCTBridgeProxy : NSProxy
+
 - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
                       moduleRegistry:(RCTModuleRegistry *)moduleRegistry
                        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
+                       launchOptions:(nullable NSDictionary *)launchOptions NS_DESIGNATED_INITIALIZER;
 
 - (NSMethodSignature *)methodSignatureForSelector:(SEL)sel;
 - (void)forwardInvocation:(NSInvocation *)invocation;
@@ -33,4 +38,7 @@
  */
 - (id)moduleForClass:(Class)moduleClass;
 - (id)moduleForName:(NSString *)moduleName lazilyLoadIfNecessary:(BOOL)lazilyLoad;
+
 @end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Base/RCTBridgeProxy.mm b/packages/react-native/React/Base/RCTBridgeProxy.mm
index 8b49d8d9e723..5b3e0656929e 100644
--- a/packages/react-native/React/Base/RCTBridgeProxy.mm
+++ b/packages/react-native/React/Base/RCTBridgeProxy.mm
@@ -6,10 +6,13 @@
  */
 
 #import "RCTBridgeProxy.h"
+#import "RCTBridgeProxy+Cxx.h"
+
 #import <React/RCTBridge+Private.h>
 #import <React/RCTBridge.h>
 #import <React/RCTLog.h>
 #import <React/RCTUIManager.h>
+#import <ReactCommon/CallInvoker.h>
 #import <jsi/jsi.h>
 
 using namespace facebook;
@@ -21,13 +24,21 @@ - (NSMethodSignature *)methodSignatureForSelector:(SEL)sel;
 - (void)forwardInvocation:(NSInvocation *)invocation;
 @end
 
+@interface RCTBridgeProxy ()
+
+@property (nonatomic, readwrite) std::shared_ptr<facebook::react::CallInvoker> jsCallInvoker;
+
+@end
+
 @implementation RCTBridgeProxy {
   RCTUIManagerProxy *_uiManagerProxy;
   RCTModuleRegistry *_moduleRegistry;
   RCTBundleManager *_bundleManager;
   RCTCallableJSModules *_callableJSModules;
+  NSDictionary *_launchOptions;
   void (^_dispatchToJSThread)(dispatch_block_t);
   void (^_registerSegmentWithId)(NSNumber *, NSString *);
+  void *_runtime;
 }
 
 - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
@@ -36,15 +47,19 @@ - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
                    callableJSModules:(RCTCallableJSModules *)callableJSModules
                   dispatchToJSThread:(void (^)(dispatch_block_t))dispatchToJSThread
                registerSegmentWithId:(void (^)(NSNumber *, NSString *))registerSegmentWithId
+                             runtime:(void *)runtime
+                       launchOptions:(nullable NSDictionary *)launchOptions
 {
   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;
+    _launchOptions = [launchOptions copy];
   }
   return self;
 }
@@ -75,10 +90,16 @@ - (Class)executorClass
  * Used By:
  *  - RCTBlobCollector
  */
-- (jsi::Runtime *)runtime
+- (void *)runtime
+{
+  [self logWarning:@"Please migrate to C++ TurboModule or RuntimeExecutor." cmd:_cmd];
+  return _runtime;
+}
+
+- (std::shared_ptr<facebook::react::CallInvoker>)jsCallInvoker
 {
-  [self logWarning:@"This method is unsupported. Returning nullptr." cmd:_cmd];
-  return nullptr;
+  [self logWarning:@"Please migrate to RuntimeExecutor" cmd:_cmd];
+  return _jsCallInvoker;
 }
 
 /**
@@ -162,7 +183,7 @@ - (void)enqueueJSCall:(NSString *)module
 
 - (void)registerSegmentWithId:(NSUInteger)segmentId path:(NSString *)path
 {
-  self->_registerSegmentWithId(@(segmentId), path);
+  _registerSegmentWithId(@(segmentId), path);
 }
 
 - (id<RCTBridgeDelegate>)delegate
@@ -173,8 +194,7 @@ - (void)registerSegmentWithId:(NSUInteger)segmentId path:(NSString *)path
 
 - (NSDictionary *)launchOptions
 {
-  [self logError:@"This method is not supported. Returning nil." cmd:_cmd];
-  return nil;
+  return _launchOptions;
 }
 
 - (BOOL)loading
@@ -351,6 +371,11 @@ - (RCTUIManager *)uiManager
   return (RCTUIManager *)_uiManagerProxy;
 }
 
+- (RCTBridgeProxy *)object
+{
+  return self;
+}
+
 /**
  * NSProxy setup
  */
@@ -387,12 +412,14 @@ - (void)logError:(NSString *)message cmd:(SEL)cmd
 
 @implementation RCTUIManagerProxy {
   RCTViewRegistry *_viewRegistry;
+  NSMutableDictionary<NSNumber *, UIView *> *_legacyViewRegistry;
 }
 - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
 {
   self = [super self];
   if (self) {
     _viewRegistry = viewRegistry;
+    _legacyViewRegistry = [NSMutableDictionary new];
   }
   return self;
 }
@@ -404,20 +431,26 @@ - (UIView *)viewForReactTag:(NSNumber *)reactTag
 {
   [self logWarning:@"Please migrate to RCTViewRegistry: @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED."
                cmd:_cmd];
-  return [_viewRegistry viewForReactTag:reactTag];
+  UIView *view = [_viewRegistry viewForReactTag:reactTag] ? [_viewRegistry viewForReactTag:reactTag]
+                                                          : [_legacyViewRegistry objectForKey:reactTag];
+  return [RCTUIManager paperViewOrCurrentView:view];
 }
 
 - (void)addUIBlock:(RCTViewManagerUIBlock)block
 {
   [self
       logWarning:
-          @"This method isn't implemented faithfully: the viewRegistry passed to RCTViewManagerUIBlock is nil. Please migrate to RCTViewRegistry: @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED."
+          @"This method isn't implemented faithfully. Please migrate to RCTViewRegistry if possible: @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED."
              cmd:_cmd];
   __weak __typeof(self) weakSelf = self;
   RCTExecuteOnMainQueue(^{
     __typeof(self) strongSelf = weakSelf;
     if (strongSelf) {
-      block((RCTUIManager *)strongSelf, nil);
+      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 efe1bd632aa5..3c96903ee76e 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 aa8753376e1d..596706da3bec 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 54d3a470543a..289e8a090334 100644
--- a/packages/react-native/React/Base/RCTConstants.h
+++ b/packages/react-native/React/Base/RCTConstants.h
@@ -12,7 +12,7 @@ RCT_EXTERN NSString *const RCTPlatformName;
 RCT_EXTERN NSString *const RCTUserInterfaceStyleDidChangeNotification;
 RCT_EXTERN NSString *const RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey;
 
-RCT_EXTERN NSString *const RCTRootViewFrameDidChangeNotification;
+RCT_EXTERN NSString *const RCTWindowFrameDidChangeNotification;
 
 /**
  * This notification fires when the bridge initializes.
@@ -49,24 +49,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 056f6095d8fc..70e94ca6b65e 100644
--- a/packages/react-native/React/Base/RCTConstants.m
+++ b/packages/react-native/React/Base/RCTConstants.m
@@ -12,7 +12,7 @@
 NSString *const RCTUserInterfaceStyleDidChangeNotification = @"RCTUserInterfaceStyleDidChangeNotification";
 NSString *const RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey = @"traitCollection";
 
-NSString *const RCTRootViewFrameDidChangeNotification = @"RCTRootViewFrameDidChangeNotification";
+NSString *const RCTWindowFrameDidChangeNotification = @"RCTWindowFrameDidChangeNotification";
 
 NSString *const RCTJavaScriptDidFailToLoadNotification = @"RCTJavaScriptDidFailToLoadNotification";
 NSString *const RCTJavaScriptDidLoadNotification = @"RCTJavaScriptDidLoadNotification";
@@ -36,21 +36,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.
@@ -67,22 +52,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 5b4559d94b12..c853e9fb0c7b 100644
--- a/packages/react-native/React/Base/RCTConvert.h
+++ b/packages/react-native/React/Base/RCTConvert.h
@@ -11,14 +11,12 @@
 #import <React/RCTAnimationType.h>
 #import <React/RCTBorderCurve.h>
 #import <React/RCTBorderStyle.h>
+#import <React/RCTCursor.h>
 #import <React/RCTDefines.h>
 #import <React/RCTLog.h>
 #import <React/RCTPointerEvents.h>
 #import <React/RCTTextDecorationLineType.h>
 #import <yoga/Yoga.h>
-#if TARGET_OS_IPHONE
-#import <WebKit/WebKit.h>
-#endif
 
 /**
  * This class provides a collection of conversion functions for mapping
@@ -78,15 +76,13 @@ typedef NSURL RCTFileURL;
 + (UIDataDetectorTypes)UIDataDetectorTypes:(id)json;
 #endif
 
-#if TARGET_OS_IPHONE
-+ (WKDataDetectorTypes)WKDataDetectorTypes:(id)json;
-#endif
-
 + (UIViewContentMode)UIViewContentMode:(id)json;
 #if !TARGET_OS_TV
-+ (UIBarStyle)UIBarStyle:(id)json;
++ (UIBarStyle)UIBarStyle:(id)json __deprecated;
 #endif
 
++ (RCTCursor)RCTCursor:(id)json;
+
 + (CGFloat)CGFloat:(id)json;
 + (CGPoint)CGPoint:(id)json;
 + (CGSize)CGSize:(id)json;
diff --git a/packages/react-native/React/Base/RCTConvert.m b/packages/react-native/React/Base/RCTConvert.m
deleted file mode 100644
index 3a7d2b4fc35d..000000000000
--- a/packages/react-native/React/Base/RCTConvert.m
+++ /dev/null
@@ -1,1329 +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 "RCTConvert.h"
-
-#import <objc/message.h>
-
-#import <CoreText/CoreText.h>
-
-#import "RCTDefines.h"
-#import "RCTImageSource.h"
-#import "RCTParserUtils.h"
-#import "RCTUtils.h"
-
-@implementation RCTConvert
-
-RCT_CONVERTER(id, id, self)
-
-RCT_CONVERTER(BOOL, BOOL, boolValue)
-RCT_NUMBER_CONVERTER(double, doubleValue)
-RCT_NUMBER_CONVERTER(float, floatValue)
-RCT_NUMBER_CONVERTER(int, intValue)
-
-RCT_NUMBER_CONVERTER(int64_t, longLongValue);
-RCT_NUMBER_CONVERTER(uint64_t, unsignedLongLongValue);
-
-RCT_NUMBER_CONVERTER(NSInteger, integerValue)
-RCT_NUMBER_CONVERTER(NSUInteger, unsignedIntegerValue)
-
-/**
- * This macro is used for creating converter functions for directly
- * representable json values that require no conversion.
- */
-#if RCT_DEBUG
-#define RCT_JSON_CONVERTER(type)             \
-  +(type *)type : (id)json                   \
-  {                                          \
-    if ([json isKindOfClass:[type class]]) { \
-      return json;                           \
-    } else if (json) {                       \
-      RCTLogConvertError(json, @ #type);     \
-    }                                        \
-    return nil;                              \
-  }
-#else
-#define RCT_JSON_CONVERTER(type) \
-  +(type *)type : (id)json       \
-  {                              \
-    return json;                 \
-  }
-#endif
-
-RCT_JSON_CONVERTER(NSArray)
-RCT_JSON_CONVERTER(NSDictionary)
-RCT_JSON_CONVERTER(NSString)
-RCT_JSON_CONVERTER(NSNumber)
-
-RCT_CUSTOM_CONVERTER(NSSet *, NSSet, [NSSet setWithArray:json])
-RCT_CUSTOM_CONVERTER(NSData *, NSData, [json dataUsingEncoding:NSUTF8StringEncoding])
-
-+ (NSIndexSet *)NSIndexSet:(id)json
-{
-  json = [self NSNumberArray:json];
-  NSMutableIndexSet *indexSet = [NSMutableIndexSet new];
-  for (NSNumber *number in json) {
-    NSInteger index = number.integerValue;
-    if (RCT_DEBUG && index < 0) {
-      RCTLogInfo(@"Invalid index value %lld. Indices must be positive.", (long long)index);
-    }
-    [indexSet addIndex:index];
-  }
-  return indexSet;
-}
-
-+ (NSURL *)NSURL:(id)json
-{
-  NSString *path = [self NSString:RCTNilIfNull(json)];
-  if (!path) {
-    return nil;
-  }
-
-  @try { // NSURL has a history of crashing with bad input, so let's be safe
-    NSURL *URL = [NSURL URLWithString:path];
-    if (URL.scheme) { // Was a well-formed absolute URL
-      return URL;
-    }
-
-    // Check if it has a scheme
-    if ([path rangeOfString:@"://"].location != NSNotFound) {
-      NSMutableCharacterSet *urlAllowedCharacterSet = [NSMutableCharacterSet new];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLUserAllowedCharacterSet]];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLPasswordAllowedCharacterSet]];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLHostAllowedCharacterSet]];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLPathAllowedCharacterSet]];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLQueryAllowedCharacterSet]];
-      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLFragmentAllowedCharacterSet]];
-      path = [path stringByAddingPercentEncodingWithAllowedCharacters:urlAllowedCharacterSet];
-      URL = [NSURL URLWithString:path];
-      if (URL) {
-        return URL;
-      }
-    }
-
-    // Assume that it's a local path
-    path = path.stringByRemovingPercentEncoding;
-    if ([path hasPrefix:@"~"]) {
-      // Path is inside user directory
-      path = path.stringByExpandingTildeInPath;
-    } else if (!path.absolutePath) {
-      // Assume it's a resource path
-      path = [[NSBundle mainBundle].resourcePath stringByAppendingPathComponent:path];
-    }
-    if (!(URL = [NSURL fileURLWithPath:path])) {
-      RCTLogConvertError(json, @"a valid URL");
-    }
-    return URL;
-  } @catch (__unused NSException *e) {
-    RCTLogConvertError(json, @"a valid URL");
-    return nil;
-  }
-}
-
-RCT_ENUM_CONVERTER(
-    NSURLRequestCachePolicy,
-    (@{
-      @"default" : @(NSURLRequestUseProtocolCachePolicy),
-      @"reload" : @(NSURLRequestReloadIgnoringLocalCacheData),
-      @"force-cache" : @(NSURLRequestReturnCacheDataElseLoad),
-      @"only-if-cached" : @(NSURLRequestReturnCacheDataDontLoad),
-    }),
-    NSURLRequestUseProtocolCachePolicy,
-    integerValue)
-
-+ (NSURLRequest *)NSURLRequest:(id)json
-{
-  if ([json isKindOfClass:[NSString class]]) {
-    NSURL *URL = [self NSURL:json];
-    return URL ? [NSURLRequest requestWithURL:URL] : nil;
-  }
-  if ([json isKindOfClass:[NSDictionary class]]) {
-    NSString *URLString = json[@"uri"] ?: json[@"url"];
-
-    NSURL *URL;
-    NSString *bundleName = json[@"bundle"];
-    if (bundleName) {
-      URLString = [NSString stringWithFormat:@"%@.bundle/%@", bundleName, URLString];
-    }
-
-    URL = [self NSURL:URLString];
-    if (!URL) {
-      return nil;
-    }
-
-    NSData *body = [self NSData:json[@"body"]];
-    NSString *method = [self NSString:json[@"method"]].uppercaseString ?: @"GET";
-    NSURLRequestCachePolicy cachePolicy = [self NSURLRequestCachePolicy:json[@"cache"]];
-    NSDictionary *headers = [self NSDictionary:json[@"headers"]];
-    if ([method isEqualToString:@"GET"] && headers == nil && body == nil &&
-        cachePolicy == NSURLRequestUseProtocolCachePolicy) {
-      return [NSURLRequest requestWithURL:URL];
-    }
-
-    if (headers) {
-      __block BOOL allHeadersAreStrings = YES;
-      [headers enumerateKeysAndObjectsUsingBlock:^(NSString *key, id header, BOOL *stop) {
-        if (![header isKindOfClass:[NSString class]]) {
-          RCTLogInfo(
-              @"Values of HTTP headers passed must be  of type string. "
-               "Value of header '%@' is not a string.",
-              key);
-          allHeadersAreStrings = NO;
-          *stop = YES;
-        }
-      }];
-      if (!allHeadersAreStrings) {
-        // Set headers to nil here to avoid crashing later.
-        headers = nil;
-      }
-    }
-
-    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
-    request.HTTPBody = body;
-    request.HTTPMethod = method;
-    request.cachePolicy = cachePolicy;
-    request.allHTTPHeaderFields = headers;
-    return [request copy];
-  }
-  if (json) {
-    RCTLogConvertError(json, @"a valid URLRequest");
-  }
-  return nil;
-}
-
-+ (RCTFileURL *)RCTFileURL:(id)json
-{
-  NSURL *fileURL = [self NSURL:json];
-  if (!fileURL.fileURL) {
-    RCTLogInfo(@"URI must be a local file, '%@' isn't.", fileURL);
-    return nil;
-  }
-  if (![[NSFileManager defaultManager] fileExistsAtPath:fileURL.path]) {
-    RCTLogInfo(@"File '%@' could not be found.", fileURL);
-    return nil;
-  }
-  return fileURL;
-}
-
-+ (NSDate *)NSDate:(id)json
-{
-  if ([json isKindOfClass:[NSNumber class]]) {
-    return [NSDate dateWithTimeIntervalSince1970:[self NSTimeInterval:json]];
-  } else if ([json isKindOfClass:[NSString class]]) {
-    static NSDateFormatter *formatter;
-    static dispatch_once_t onceToken;
-    dispatch_once(&onceToken, ^{
-      formatter = [NSDateFormatter new];
-      formatter.dateFormat = @"yyyy-MM-dd'T'HH:mm:ss.SSSZZZZZ";
-      formatter.locale = [NSLocale localeWithLocaleIdentifier:@"en_US_POSIX"];
-      formatter.timeZone = [NSTimeZone timeZoneWithName:@"UTC"];
-    });
-    NSDate *date = [formatter dateFromString:json];
-    if (!date) {
-      RCTLogInfo(
-          @"JSON String '%@' could not be interpreted as a date. "
-           "Expected format: YYYY-MM-DD'T'HH:mm:ss.sssZ",
-          json);
-    }
-    return date;
-  } else if (json) {
-    RCTLogConvertError(json, @"a date");
-  }
-  return nil;
-}
-
-+ (NSLocale *)NSLocale:(id)json
-{
-  if ([json isKindOfClass:[NSString class]]) {
-    NSLocale *locale = [[NSLocale alloc] initWithLocaleIdentifier:json];
-    if (!locale) {
-      RCTLogInfo(@"JSON String '%@' could not be interpreted as a valid locale. ", json);
-    }
-    return locale;
-  } else if (json) {
-    RCTLogConvertError(json, @"a locale");
-  }
-  return nil;
-}
-
-// JS Standard for time is milliseconds
-RCT_CUSTOM_CONVERTER(NSTimeInterval, NSTimeInterval, [self double:json] / 1000.0)
-
-// JS standard for time zones is minutes.
-RCT_CUSTOM_CONVERTER(NSTimeZone *, NSTimeZone, [NSTimeZone timeZoneForSecondsFromGMT:[self double:json] * 60.0])
-
-NSNumber *RCTConvertEnumValue(const char *typeName, NSDictionary *mapping, NSNumber *defaultValue, id json)
-{
-  if (!json) {
-    return defaultValue;
-  }
-  if ([json isKindOfClass:[NSNumber class]]) {
-    NSArray *allValues = mapping.allValues;
-    if ([allValues containsObject:json] || [json isEqual:defaultValue]) {
-      return json;
-    }
-    RCTLogInfo(@"Invalid %s '%@'. should be one of: %@", typeName, json, allValues);
-    return defaultValue;
-  }
-  if (RCT_DEBUG && ![json isKindOfClass:[NSString class]]) {
-    RCTLogInfo(@"Expected NSNumber or NSString for %s, received %@: %@", typeName, [json classForCoder], json);
-  }
-  id value = mapping[json];
-  if (RCT_DEBUG && !value && [json description].length > 0) {
-    RCTLogInfo(
-        @"Invalid %s '%@'. should be one of: %@",
-        typeName,
-        json,
-        [[mapping allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)]);
-  }
-  return value ?: defaultValue;
-}
-
-NSNumber *RCTConvertMultiEnumValue(const char *typeName, NSDictionary *mapping, NSNumber *defaultValue, id json)
-{
-  if ([json isKindOfClass:[NSArray class]]) {
-    if ([json count] == 0) {
-      return defaultValue;
-    }
-    long long result = 0;
-    for (id arrayElement in json) {
-      NSNumber *value = RCTConvertEnumValue(typeName, mapping, defaultValue, arrayElement);
-      result |= value.longLongValue;
-    }
-    return @(result);
-  }
-  return RCTConvertEnumValue(typeName, mapping, defaultValue, json);
-}
-
-RCT_ENUM_CONVERTER(
-    NSLineBreakMode,
-    (@{
-      @"clip" : @(NSLineBreakByClipping),
-      @"head" : @(NSLineBreakByTruncatingHead),
-      @"tail" : @(NSLineBreakByTruncatingTail),
-      @"middle" : @(NSLineBreakByTruncatingMiddle),
-      @"wordWrapping" : @(NSLineBreakByWordWrapping),
-    }),
-    NSLineBreakByTruncatingTail,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    NSTextAlignment,
-    (@{
-      @"auto" : @(NSTextAlignmentNatural),
-      @"left" : @(NSTextAlignmentLeft),
-      @"center" : @(NSTextAlignmentCenter),
-      @"right" : @(NSTextAlignmentRight),
-      @"justify" : @(NSTextAlignmentJustified),
-    }),
-    NSTextAlignmentNatural,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    NSUnderlineStyle,
-    (@{
-      @"solid" : @(NSUnderlineStyleSingle),
-      @"double" : @(NSUnderlineStyleDouble),
-      @"dotted" : @(NSUnderlinePatternDot | NSUnderlineStyleSingle),
-      @"dashed" : @(NSUnderlinePatternDash | NSUnderlineStyleSingle),
-    }),
-    NSUnderlineStyleSingle,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    RCTBorderStyle,
-    (@{
-      @"solid" : @(RCTBorderStyleSolid),
-      @"dotted" : @(RCTBorderStyleDotted),
-      @"dashed" : @(RCTBorderStyleDashed),
-    }),
-    RCTBorderStyleSolid,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    RCTBorderCurve,
-    (@{
-      @"circular" : @(RCTBorderCurveCircular),
-      @"continuous" : @(RCTBorderCurveContinuous),
-    }),
-    RCTBorderCurveCircular,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    RCTTextDecorationLineType,
-    (@{
-      @"none" : @(RCTTextDecorationLineTypeNone),
-      @"underline" : @(RCTTextDecorationLineTypeUnderline),
-      @"line-through" : @(RCTTextDecorationLineTypeStrikethrough),
-      @"underline line-through" : @(RCTTextDecorationLineTypeUnderlineStrikethrough),
-    }),
-    RCTTextDecorationLineTypeNone,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    NSWritingDirection,
-    (@{
-      @"auto" : @(NSWritingDirectionNatural),
-      @"ltr" : @(NSWritingDirectionLeftToRight),
-      @"rtl" : @(NSWritingDirectionRightToLeft),
-    }),
-    NSWritingDirectionNatural,
-    integerValue)
-
-+ (NSLineBreakStrategy)NSLineBreakStrategy:(id)json RCT_DYNAMIC
-{
-  if (@available(iOS 14.0, *)) {
-    static NSDictionary *mapping;
-    static dispatch_once_t onceToken;
-    dispatch_once(&onceToken, ^{
-      mapping = @{
-        @"none" : @(NSLineBreakStrategyNone),
-        @"standard" : @(NSLineBreakStrategyStandard),
-        @"hangul-word" : @(NSLineBreakStrategyHangulWordPriority),
-        @"push-out" : @(NSLineBreakStrategyPushOut)
-      };
-    });
-    return RCTConvertEnumValue("NSLineBreakStrategy", mapping, @(NSLineBreakStrategyNone), json).integerValue;
-  } else {
-    return NSLineBreakStrategyNone;
-  }
-}
-
-RCT_ENUM_CONVERTER(
-    UITextAutocapitalizationType,
-    (@{
-      @"none" : @(UITextAutocapitalizationTypeNone),
-      @"words" : @(UITextAutocapitalizationTypeWords),
-      @"sentences" : @(UITextAutocapitalizationTypeSentences),
-      @"characters" : @(UITextAutocapitalizationTypeAllCharacters)
-    }),
-    UITextAutocapitalizationTypeSentences,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    UITextFieldViewMode,
-    (@{
-      @"never" : @(UITextFieldViewModeNever),
-      @"while-editing" : @(UITextFieldViewModeWhileEditing),
-      @"unless-editing" : @(UITextFieldViewModeUnlessEditing),
-      @"always" : @(UITextFieldViewModeAlways),
-    }),
-    UITextFieldViewModeNever,
-    integerValue)
-
-+ (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
-{
-  static NSDictionary<NSString *, NSNumber *> *mapping;
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    NSMutableDictionary<NSString *, NSNumber *> *temporaryMapping = [NSMutableDictionary dictionaryWithDictionary:@{
-      @"default" : @(UIKeyboardTypeDefault),
-      @"ascii-capable" : @(UIKeyboardTypeASCIICapable),
-      @"numbers-and-punctuation" : @(UIKeyboardTypeNumbersAndPunctuation),
-      @"url" : @(UIKeyboardTypeURL),
-      @"number-pad" : @(UIKeyboardTypeNumberPad),
-      @"phone-pad" : @(UIKeyboardTypePhonePad),
-      @"name-phone-pad" : @(UIKeyboardTypeNamePhonePad),
-      @"email-address" : @(UIKeyboardTypeEmailAddress),
-      @"decimal-pad" : @(UIKeyboardTypeDecimalPad),
-      @"twitter" : @(UIKeyboardTypeTwitter),
-      @"web-search" : @(UIKeyboardTypeWebSearch),
-      // Added for Android compatibility
-      @"numeric" : @(UIKeyboardTypeDecimalPad),
-    }];
-    temporaryMapping[@"ascii-capable-number-pad"] = @(UIKeyboardTypeASCIICapableNumberPad);
-    mapping = temporaryMapping;
-  });
-
-  UIKeyboardType type = RCTConvertEnumValue("UIKeyboardType", mapping, @(UIKeyboardTypeDefault), json).integerValue;
-  return type;
-}
-
-RCT_MULTI_ENUM_CONVERTER(
-    UIDataDetectorTypes,
-    (@{
-      @"phoneNumber" : @(UIDataDetectorTypePhoneNumber),
-      @"link" : @(UIDataDetectorTypeLink),
-      @"address" : @(UIDataDetectorTypeAddress),
-      @"calendarEvent" : @(UIDataDetectorTypeCalendarEvent),
-      @"none" : @(UIDataDetectorTypeNone),
-      @"all" : @(UIDataDetectorTypeAll),
-    }),
-    UIDataDetectorTypePhoneNumber,
-    unsignedLongLongValue)
-
-RCT_MULTI_ENUM_CONVERTER(
-    WKDataDetectorTypes,
-    (@{
-      @"phoneNumber" : @(WKDataDetectorTypePhoneNumber),
-      @"link" : @(WKDataDetectorTypeLink),
-      @"address" : @(WKDataDetectorTypeAddress),
-      @"calendarEvent" : @(WKDataDetectorTypeCalendarEvent),
-      @"trackingNumber" : @(WKDataDetectorTypeTrackingNumber),
-      @"flightNumber" : @(WKDataDetectorTypeFlightNumber),
-      @"lookupSuggestion" : @(WKDataDetectorTypeLookupSuggestion),
-      @"none" : @(WKDataDetectorTypeNone),
-      @"all" : @(WKDataDetectorTypeAll),
-    }),
-    WKDataDetectorTypePhoneNumber,
-    unsignedLongLongValue)
-
-RCT_ENUM_CONVERTER(
-    UIKeyboardAppearance,
-    (@{
-      @"default" : @(UIKeyboardAppearanceDefault),
-      @"light" : @(UIKeyboardAppearanceLight),
-      @"dark" : @(UIKeyboardAppearanceDark),
-    }),
-    UIKeyboardAppearanceDefault,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    UIReturnKeyType,
-    (@{
-      @"default" : @(UIReturnKeyDefault),
-      @"go" : @(UIReturnKeyGo),
-      @"google" : @(UIReturnKeyGoogle),
-      @"join" : @(UIReturnKeyJoin),
-      @"next" : @(UIReturnKeyNext),
-      @"route" : @(UIReturnKeyRoute),
-      @"search" : @(UIReturnKeySearch),
-      @"send" : @(UIReturnKeySend),
-      @"yahoo" : @(UIReturnKeyYahoo),
-      @"done" : @(UIReturnKeyDone),
-      @"emergency-call" : @(UIReturnKeyEmergencyCall),
-    }),
-    UIReturnKeyDefault,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    UIUserInterfaceStyle,
-    (@{
-      @"unspecified" : @(UIUserInterfaceStyleUnspecified),
-      @"light" : @(UIUserInterfaceStyleLight),
-      @"dark" : @(UIUserInterfaceStyleDark),
-    }),
-    UIUserInterfaceStyleUnspecified,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    UIInterfaceOrientationMask,
-    (@{
-      @"ALL" : @(UIInterfaceOrientationMaskAll),
-      @"PORTRAIT" : @(UIInterfaceOrientationMaskPortrait),
-      @"LANDSCAPE" : @(UIInterfaceOrientationMaskLandscape),
-      @"LANDSCAPE_LEFT" : @(UIInterfaceOrientationMaskLandscapeLeft),
-      @"LANDSCAPE_RIGHT" : @(UIInterfaceOrientationMaskLandscapeRight),
-    }),
-    NSNotFound,
-    unsignedIntegerValue)
-
-RCT_ENUM_CONVERTER(
-    UIViewContentMode,
-    (@{
-      @"scale-to-fill" : @(UIViewContentModeScaleToFill),
-      @"scale-aspect-fit" : @(UIViewContentModeScaleAspectFit),
-      @"scale-aspect-fill" : @(UIViewContentModeScaleAspectFill),
-      @"redraw" : @(UIViewContentModeRedraw),
-      @"center" : @(UIViewContentModeCenter),
-      @"top" : @(UIViewContentModeTop),
-      @"bottom" : @(UIViewContentModeBottom),
-      @"left" : @(UIViewContentModeLeft),
-      @"right" : @(UIViewContentModeRight),
-      @"top-left" : @(UIViewContentModeTopLeft),
-      @"top-right" : @(UIViewContentModeTopRight),
-      @"bottom-left" : @(UIViewContentModeBottomLeft),
-      @"bottom-right" : @(UIViewContentModeBottomRight),
-      // Cross-platform values
-      @"cover" : @(UIViewContentModeScaleAspectFill),
-      @"contain" : @(UIViewContentModeScaleAspectFit),
-      @"stretch" : @(UIViewContentModeScaleToFill),
-    }),
-    UIViewContentModeScaleAspectFill,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    UIBarStyle,
-    (@{
-      @"default" : @(UIBarStyleDefault),
-      @"black" : @(UIBarStyleBlack),
-      @"blackOpaque" : @(UIBarStyleBlackOpaque),
-      @"blackTranslucent" : @(UIBarStyleBlackTranslucent),
-    }),
-    UIBarStyleDefault,
-    integerValue)
-
-static void convertCGStruct(const char *type, NSArray *fields, CGFloat *result, id json)
-{
-  NSUInteger count = fields.count;
-  if ([json isKindOfClass:[NSArray class]]) {
-    if (RCT_DEBUG && [json count] != count) {
-      RCTLogInfo(
-          @"Expected array with count %llu, but count is %llu: %@",
-          (unsigned long long)count,
-          (unsigned long long)[json count],
-          json);
-    } else {
-      for (NSUInteger i = 0; i < count; i++) {
-        result[i] = [RCTConvert CGFloat:RCTNilIfNull(json[i])];
-      }
-    }
-  } else if ([json isKindOfClass:[NSDictionary class]]) {
-    for (NSUInteger i = 0; i < count; i++) {
-      result[i] = [RCTConvert CGFloat:RCTNilIfNull(json[fields[i]])];
-    }
-  } else if (json) {
-    RCTLogConvertError(json, @(type));
-  }
-}
-
-/**
- * This macro is used for creating converter functions for structs that consist
- * of a number of CGFloat properties, such as CGPoint, CGRect, etc.
- */
-#define RCT_CGSTRUCT_CONVERTER(type, values)                  \
-  +(type)type : (id)json                                      \
-  {                                                           \
-    static NSArray *fields;                                   \
-    static dispatch_once_t onceToken;                         \
-    dispatch_once(&onceToken, ^{                              \
-      fields = values;                                        \
-    });                                                       \
-    type result;                                              \
-    convertCGStruct(#type, fields, (CGFloat *)&result, json); \
-    return result;                                            \
-  }
-
-RCT_CUSTOM_CONVERTER(CGFloat, CGFloat, [self double:json])
-
-RCT_CGSTRUCT_CONVERTER(CGPoint, (@[ @"x", @"y" ]))
-RCT_CGSTRUCT_CONVERTER(CGSize, (@[ @"width", @"height" ]))
-RCT_CGSTRUCT_CONVERTER(CGRect, (@[ @"x", @"y", @"width", @"height" ]))
-
-+ (UIEdgeInsets)UIEdgeInsets:(id)json
-{
-  static NSArray *fields;
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    fields = @[ @"top", @"left", @"bottom", @"right" ];
-  });
-
-  if ([json isKindOfClass:[NSNumber class]]) {
-    CGFloat value = [json doubleValue];
-    return UIEdgeInsetsMake(value, value, value, value);
-  } else {
-    UIEdgeInsets result;
-    convertCGStruct("UIEdgeInsets", fields, (CGFloat *)&result, json);
-    return result;
-  }
-}
-
-RCT_ENUM_CONVERTER(
-    CGLineJoin,
-    (@{
-      @"miter" : @(kCGLineJoinMiter),
-      @"round" : @(kCGLineJoinRound),
-      @"bevel" : @(kCGLineJoinBevel),
-    }),
-    kCGLineJoinMiter,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    CGLineCap,
-    (@{
-      @"butt" : @(kCGLineCapButt),
-      @"round" : @(kCGLineCapRound),
-      @"square" : @(kCGLineCapSquare),
-    }),
-    kCGLineCapButt,
-    intValue)
-
-RCT_CGSTRUCT_CONVERTER(CGAffineTransform, (@[ @"a", @"b", @"c", @"d", @"tx", @"ty" ]))
-
-static NSString *const RCTFallback = @"fallback";
-static NSString *const RCTFallbackARGB = @"fallback-argb";
-static NSString *const RCTSelector = @"selector";
-static NSString *const RCTIndex = @"index";
-
-/** The following dictionary defines the react-native semantic colors for ios.
- *  If the value for a given name is empty then the name itself
- *  is used as the UIColor selector.
- *  If the RCTSelector key is present then that value is used for a selector instead
- *  of the key name.
- *  If the given selector is not available on the running OS version then
- *  the RCTFallback selector is used instead.
- *  If the RCTIndex key is present then object returned from UIColor is an
- *  NSArray and the object at index RCTIndex is to be used.
- */
-static NSDictionary<NSString *, NSDictionary *> *RCTSemanticColorsMap(void)
-{
-  static NSDictionary<NSString *, NSDictionary *> *colorMap = nil;
-  if (colorMap == nil) {
-    NSMutableDictionary<NSString *, NSDictionary *> *map = [@{
-      // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
-      // Label Colors
-      @"labelColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB :
-            @(0xFF000000) // fallback for iOS<=12: RGBA returned by this semantic color in light mode on iOS 13
-      },
-      @"secondaryLabelColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x993c3c43)
-      },
-      @"tertiaryLabelColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x4c3c3c43)
-      },
-      @"quaternaryLabelColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x2d3c3c43)
-      },
-      // Fill Colors
-      @"systemFillColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x33787880)
-      },
-      @"secondarySystemFillColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x28787880)
-      },
-      @"tertiarySystemFillColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x1e767680)
-      },
-      @"quaternarySystemFillColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x14747480)
-      },
-      // Text Colors
-      @"placeholderTextColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x4c3c3c43)
-      },
-      // Standard Content Background Colors
-      @"systemBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFffffff)
-      },
-      @"secondarySystemBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFf2f2f7)
-      },
-      @"tertiarySystemBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFffffff)
-      },
-      // Grouped Content Background Colors
-      @"systemGroupedBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFf2f2f7)
-      },
-      @"secondarySystemGroupedBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFffffff)
-      },
-      @"tertiarySystemGroupedBackgroundColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFf2f2f7)
-      },
-      // Separator Colors
-      @"separatorColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x493c3c43)
-      },
-      @"opaqueSeparatorColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFc6c6c8)
-      },
-      // Link Color
-      @"linkColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFF007aff)
-      },
-      // Nonadaptable Colors
-      @"darkTextColor" : @{},
-      @"lightTextColor" : @{},
-      // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
-      // Adaptable Colors
-      @"systemBlueColor" : @{},
-      @"systemBrownColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFa2845e)
-      },
-      @"systemGreenColor" : @{},
-      @"systemIndigoColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFF5856d6)
-      },
-      @"systemOrangeColor" : @{},
-      @"systemPinkColor" : @{},
-      @"systemPurpleColor" : @{},
-      @"systemRedColor" : @{},
-      @"systemTealColor" : @{},
-      @"systemYellowColor" : @{},
-      // Adaptable Gray Colors
-      @"systemGrayColor" : @{},
-      @"systemGray2Color" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFaeaeb2)
-      },
-      @"systemGray3Color" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFc7c7cc)
-      },
-      @"systemGray4Color" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFd1d1d6)
-      },
-      @"systemGray5Color" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFe5e5ea)
-      },
-      @"systemGray6Color" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0xFFf2f2f7)
-      },
-      // Transparent Color
-      @"clearColor" : @{
-        // iOS 13.0
-        RCTFallbackARGB : @(0x00000000)
-      },
-    } mutableCopy];
-    // The color names are the Objective-C UIColor selector names,
-    // but Swift selector names are valid as well, so make aliases.
-    static NSString *const RCTColorSuffix = @"Color";
-    NSMutableDictionary<NSString *, NSDictionary *> *aliases = [NSMutableDictionary new];
-    for (NSString *objcSelector in map) {
-      RCTAssert(
-          [objcSelector hasSuffix:RCTColorSuffix], @"A selector in the color map did not end with the suffix Color.");
-      NSMutableDictionary *entry = [map[objcSelector] mutableCopy];
-      RCTAssert([entry objectForKey:RCTSelector] == nil, @"Entry should not already have an RCTSelector");
-      NSString *swiftSelector = [objcSelector substringToIndex:[objcSelector length] - [RCTColorSuffix length]];
-      entry[RCTSelector] = objcSelector;
-      aliases[swiftSelector] = entry;
-    }
-    [map addEntriesFromDictionary:aliases];
-#if DEBUG
-    [map addEntriesFromDictionary:@{
-      // The follow exist for Unit Tests
-      @"unitTestFallbackColor" : @{RCTFallback : @"gridColor"},
-      @"unitTestFallbackColorIOS" : @{RCTFallback : @"blueColor"},
-      @"unitTestFallbackColorEven" : @{
-        RCTSelector : @"unitTestFallbackColorEven",
-        RCTIndex : @0,
-        RCTFallback : @"controlAlternatingRowBackgroundColors"
-      },
-      @"unitTestFallbackColorOdd" : @{
-        RCTSelector : @"unitTestFallbackColorOdd",
-        RCTIndex : @1,
-        RCTFallback : @"controlAlternatingRowBackgroundColors"
-      },
-    }];
-#endif
-    colorMap = [map copy];
-  }
-
-  return colorMap;
-}
-
-/** Returns a UIColor based on a semantic color name.
- *  Returns nil if the semantic color name is invalid.
- */
-static UIColor *RCTColorFromSemanticColorName(NSString *semanticColorName)
-{
-  NSDictionary<NSString *, NSDictionary *> *colorMap = RCTSemanticColorsMap();
-  UIColor *color = nil;
-  NSDictionary<NSString *, id> *colorInfo = colorMap[semanticColorName];
-  if (colorInfo) {
-    NSString *semanticColorSelector = colorInfo[RCTSelector];
-    if (semanticColorSelector == nil) {
-      semanticColorSelector = semanticColorName;
-    }
-    SEL selector = NSSelectorFromString(semanticColorSelector);
-    if (![UIColor respondsToSelector:selector]) {
-      NSNumber *fallbackRGB = colorInfo[RCTFallbackARGB];
-      if (fallbackRGB != nil) {
-        RCTAssert([fallbackRGB isKindOfClass:[NSNumber class]], @"fallback ARGB is not a number");
-        return [RCTConvert UIColor:fallbackRGB];
-      }
-      semanticColorSelector = colorInfo[RCTFallback];
-      selector = NSSelectorFromString(semanticColorSelector);
-    }
-    RCTAssert([UIColor respondsToSelector:selector], @"RCTUIColor does not respond to a semantic color selector.");
-    Class klass = [UIColor class];
-    IMP imp = [klass methodForSelector:selector];
-    id (*getSemanticColorObject)(id, SEL) = (void *)imp;
-    id colorObject = getSemanticColorObject(klass, selector);
-    if ([colorObject isKindOfClass:[UIColor class]]) {
-      color = colorObject;
-    } else if ([colorObject isKindOfClass:[NSArray class]]) {
-      NSArray *colors = colorObject;
-      NSNumber *index = colorInfo[RCTIndex];
-      RCTAssert(index, @"index should not be null");
-      color = colors[[index unsignedIntegerValue]];
-    } else {
-      RCTAssert(false, @"selector return an unknown object type");
-    }
-  }
-  return color;
-}
-
-/** Returns an alphabetically sorted comma separated list of the valid semantic color names
- */
-static NSString *RCTSemanticColorNames(void)
-{
-  NSMutableString *names = [NSMutableString new];
-  NSDictionary<NSString *, NSDictionary *> *colorMap = RCTSemanticColorsMap();
-  NSArray *allKeys =
-      [[[colorMap allKeys] mutableCopy] sortedArrayUsingSelector:@selector(localizedCaseInsensitiveCompare:)];
-
-  for (id key in allKeys) {
-    if ([names length]) {
-      [names appendString:@", "];
-    }
-    [names appendString:key];
-  }
-  return names;
-}
-
-+ (UIColor *)UIColor:(id)json
-{
-  if (!json) {
-    return nil;
-  }
-  if ([json isKindOfClass:[NSArray class]]) {
-    NSArray *components = [self NSNumberArray:json];
-    CGFloat alpha = components.count > 3 ? [self CGFloat:components[3]] : 1.0;
-    return [UIColor colorWithRed:[self CGFloat:components[0]]
-                           green:[self CGFloat:components[1]]
-                            blue:[self CGFloat:components[2]]
-                           alpha:alpha];
-  } else if ([json isKindOfClass:[NSNumber class]]) {
-    NSUInteger argb = [self NSUInteger:json];
-    CGFloat a = ((argb >> 24) & 0xFF) / 255.0;
-    CGFloat r = ((argb >> 16) & 0xFF) / 255.0;
-    CGFloat g = ((argb >> 8) & 0xFF) / 255.0;
-    CGFloat b = (argb & 0xFF) / 255.0;
-    return [UIColor colorWithRed:r green:g blue:b alpha:a];
-  } else if ([json isKindOfClass:[NSDictionary class]]) {
-    NSDictionary *dictionary = json;
-    id value = nil;
-    if ((value = [dictionary objectForKey:@"semantic"])) {
-      if ([value isKindOfClass:[NSString class]]) {
-        NSString *semanticName = value;
-        UIColor *color = [UIColor colorNamed:semanticName];
-        if (color != nil) {
-          return color;
-        }
-        color = RCTColorFromSemanticColorName(semanticName);
-        if (color == nil) {
-          RCTLogConvertError(
-              json,
-              [@"a UIColor.  Expected one of the following values: " stringByAppendingString:RCTSemanticColorNames()]);
-        }
-        return color;
-      } else if ([value isKindOfClass:[NSArray class]]) {
-        for (id name in value) {
-          UIColor *color = [UIColor colorNamed:name];
-          if (color != nil) {
-            return color;
-          }
-          color = RCTColorFromSemanticColorName(name);
-          if (color != nil) {
-            return color;
-          }
-        }
-        RCTLogConvertError(
-            json,
-            [@"a UIColor.  None of the names in the array were one of the following values: "
-                stringByAppendingString:RCTSemanticColorNames()]);
-        return nil;
-      }
-      RCTLogConvertError(
-          json, @"a UIColor.  Expected either a single name or an array of names but got something else.");
-      return nil;
-    } else if ((value = [dictionary objectForKey:@"dynamic"])) {
-      NSDictionary *appearances = value;
-      id light = [appearances objectForKey:@"light"];
-      UIColor *lightColor = [RCTConvert UIColor:light];
-      id dark = [appearances objectForKey:@"dark"];
-      UIColor *darkColor = [RCTConvert UIColor:dark];
-      id highContrastLight = [appearances objectForKey:@"highContrastLight"];
-      UIColor *highContrastLightColor = [RCTConvert UIColor:highContrastLight];
-      id highContrastDark = [appearances objectForKey:@"highContrastDark"];
-      UIColor *highContrastDarkColor = [RCTConvert UIColor:highContrastDark];
-      if (lightColor != nil && darkColor != nil) {
-        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 {
-        RCTLogConvertError(json, @"a UIColor. Expected an iOS dynamic appearance aware color.");
-        return nil;
-      }
-    } else {
-      RCTLogConvertError(json, @"a UIColor. Expected an iOS semantic color or dynamic appearance aware color.");
-      return nil;
-    }
-  } else {
-    RCTLogConvertError(json, @"a UIColor. Did you forget to call processColor() on the JS side?");
-    return nil;
-  }
-}
-
-+ (CGColorRef)CGColor:(id)json
-{
-  return [self UIColor:json].CGColor;
-}
-
-+ (YGValue)YGValue:(id)json
-{
-  if (!json) {
-    return YGValueUndefined;
-  } else if ([json isKindOfClass:[NSNumber class]]) {
-    return (YGValue){[json floatValue], YGUnitPoint};
-  } else if ([json isKindOfClass:[NSString class]]) {
-    NSString *s = (NSString *)json;
-    if ([s isEqualToString:@"auto"]) {
-      return (YGValue){YGUndefined, YGUnitAuto};
-    } else if ([s hasSuffix:@"%"]) {
-      float floatValue;
-      if ([[NSScanner scannerWithString:s] scanFloat:&floatValue]) {
-        return (YGValue){floatValue, YGUnitPercent};
-      }
-    } else {
-      RCTLogAdvice(
-          @"\"%@\" is not a valid dimension. Dimensions must be a number, \"auto\", or a string suffixed with \"%%\".",
-          s);
-    }
-  }
-  return YGValueUndefined;
-}
-
-NSArray *RCTConvertArrayValue(SEL type, id json)
-{
-  __block BOOL copy = NO;
-  __block NSArray *values = json = [RCTConvert NSArray:json];
-  [json enumerateObjectsUsingBlock:^(id jsonValue, NSUInteger idx, __unused BOOL *stop) {
-    id value = ((id(*)(Class, SEL, id))objc_msgSend)([RCTConvert class], type, jsonValue);
-    if (copy) {
-      if (value) {
-        [(NSMutableArray *)values addObject:value];
-      }
-    } else if (value != jsonValue) {
-      // Converted value is different, so we'll need to copy the array
-      values = [[NSMutableArray alloc] initWithCapacity:values.count];
-      for (NSUInteger i = 0; i < idx; i++) {
-        [(NSMutableArray *)values addObject:json[i]];
-      }
-      if (value) {
-        [(NSMutableArray *)values addObject:value];
-      }
-      copy = YES;
-    }
-  }];
-  return values;
-}
-
-RCT_ARRAY_CONVERTER(NSURL)
-RCT_ARRAY_CONVERTER(RCTFileURL)
-RCT_ARRAY_CONVERTER(UIColor)
-
-/**
- * This macro is used for creating converter functions for directly
- * representable json array values that require no conversion.
- */
-#if RCT_DEBUG
-#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) RCT_ARRAY_CONVERTER_NAMED(type, name)
-#else
-#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) \
-  +(NSArray *)name##Array : (id)json               \
-  {                                                \
-    return json;                                   \
-  }
-#endif
-#define RCT_JSON_ARRAY_CONVERTER(type) RCT_JSON_ARRAY_CONVERTER_NAMED(type, type)
-
-RCT_JSON_ARRAY_CONVERTER(NSArray)
-RCT_JSON_ARRAY_CONVERTER(NSString)
-RCT_JSON_ARRAY_CONVERTER_NAMED(NSArray<NSString *>, NSStringArray)
-RCT_JSON_ARRAY_CONVERTER(NSDictionary)
-RCT_JSON_ARRAY_CONVERTER(NSNumber)
-
-// Can't use RCT_ARRAY_CONVERTER due to bridged cast
-+ (NSArray *)CGColorArray:(id)json
-{
-  NSMutableArray *colors = [NSMutableArray new];
-  for (id value in [self NSArray:json]) {
-    [colors addObject:(__bridge id)[self CGColor:value]];
-  }
-  return colors;
-}
-
-static id RCTConvertPropertyListValue(id json)
-{
-  if (!json || json == (id)kCFNull) {
-    return nil;
-  }
-
-  if ([json isKindOfClass:[NSDictionary class]]) {
-    __block BOOL copy = NO;
-    NSMutableDictionary *values = [[NSMutableDictionary alloc] initWithCapacity:[json count]];
-    [json enumerateKeysAndObjectsUsingBlock:^(NSString *key, id jsonValue, __unused BOOL *stop) {
-      id value = RCTConvertPropertyListValue(jsonValue);
-      if (value) {
-        values[key] = value;
-      }
-      copy |= value != jsonValue;
-    }];
-    return copy ? values : json;
-  }
-
-  if ([json isKindOfClass:[NSArray class]]) {
-    __block BOOL copy = NO;
-    __block NSArray *values = json;
-    [json enumerateObjectsUsingBlock:^(id jsonValue, NSUInteger idx, __unused BOOL *stop) {
-      id value = RCTConvertPropertyListValue(jsonValue);
-      if (copy) {
-        if (value) {
-          [(NSMutableArray *)values addObject:value];
-        }
-      } else if (value != jsonValue) {
-        // Converted value is different, so we'll need to copy the array
-        values = [[NSMutableArray alloc] initWithCapacity:values.count];
-        for (NSUInteger i = 0; i < idx; i++) {
-          [(NSMutableArray *)values addObject:json[i]];
-        }
-        if (value) {
-          [(NSMutableArray *)values addObject:value];
-        }
-        copy = YES;
-      }
-    }];
-    return values;
-  }
-
-  // All other JSON types are supported by property lists
-  return json;
-}
-
-+ (NSPropertyList)NSPropertyList:(id)json
-{
-  return RCTConvertPropertyListValue(json);
-}
-
-RCT_ENUM_CONVERTER(css_backface_visibility_t, (@{@"hidden" : @NO, @"visible" : @YES}), YES, boolValue)
-
-RCT_ENUM_CONVERTER(
-    YGOverflow,
-    (@{
-      @"hidden" : @(YGOverflowHidden),
-      @"visible" : @(YGOverflowVisible),
-      @"scroll" : @(YGOverflowScroll),
-    }),
-    YGOverflowVisible,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGDisplay,
-    (@{
-      @"flex" : @(YGDisplayFlex),
-      @"none" : @(YGDisplayNone),
-    }),
-    YGDisplayFlex,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGFlexDirection,
-    (@{
-      @"row" : @(YGFlexDirectionRow),
-      @"row-reverse" : @(YGFlexDirectionRowReverse),
-      @"column" : @(YGFlexDirectionColumn),
-      @"column-reverse" : @(YGFlexDirectionColumnReverse)
-    }),
-    YGFlexDirectionColumn,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGJustify,
-    (@{
-      @"flex-start" : @(YGJustifyFlexStart),
-      @"flex-end" : @(YGJustifyFlexEnd),
-      @"center" : @(YGJustifyCenter),
-      @"space-between" : @(YGJustifySpaceBetween),
-      @"space-around" : @(YGJustifySpaceAround),
-      @"space-evenly" : @(YGJustifySpaceEvenly)
-    }),
-    YGJustifyFlexStart,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGAlign,
-    (@{
-      @"flex-start" : @(YGAlignFlexStart),
-      @"flex-end" : @(YGAlignFlexEnd),
-      @"center" : @(YGAlignCenter),
-      @"auto" : @(YGAlignAuto),
-      @"stretch" : @(YGAlignStretch),
-      @"baseline" : @(YGAlignBaseline),
-      @"space-between" : @(YGAlignSpaceBetween),
-      @"space-around" : @(YGAlignSpaceAround)
-    }),
-    YGAlignFlexStart,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGDirection,
-    (@{
-      @"inherit" : @(YGDirectionInherit),
-      @"ltr" : @(YGDirectionLTR),
-      @"rtl" : @(YGDirectionRTL),
-    }),
-    YGDirectionInherit,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGPositionType,
-    (@{
-      @"static" : @(YGPositionTypeStatic),
-      @"absolute" : @(YGPositionTypeAbsolute),
-      @"relative" : @(YGPositionTypeRelative)
-    }),
-    YGPositionTypeRelative,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    YGWrap,
-    (@{@"wrap" : @(YGWrapWrap), @"nowrap" : @(YGWrapNoWrap), @"wrap-reverse" : @(YGWrapWrapReverse)}),
-    YGWrapNoWrap,
-    intValue)
-
-RCT_ENUM_CONVERTER(
-    RCTPointerEvents,
-    (@{
-      @"none" : @(RCTPointerEventsNone),
-      @"box-only" : @(RCTPointerEventsBoxOnly),
-      @"box-none" : @(RCTPointerEventsBoxNone),
-      @"auto" : @(RCTPointerEventsUnspecified)
-    }),
-    RCTPointerEventsUnspecified,
-    integerValue)
-
-RCT_ENUM_CONVERTER(
-    RCTAnimationType,
-    (@{
-      @"spring" : @(RCTAnimationTypeSpring),
-      @"linear" : @(RCTAnimationTypeLinear),
-      @"easeIn" : @(RCTAnimationTypeEaseIn),
-      @"easeOut" : @(RCTAnimationTypeEaseOut),
-      @"easeInEaseOut" : @(RCTAnimationTypeEaseInEaseOut),
-      @"keyboard" : @(RCTAnimationTypeKeyboard),
-    }),
-    RCTAnimationTypeEaseInEaseOut,
-    integerValue)
-
-@end
-
-@interface RCTImageSource (Packager)
-
-@property (nonatomic, assign) BOOL packagerAsset;
-
-@end
-
-@implementation RCTConvert (Deprecated)
-
-/* This method is only used when loading images synchronously, e.g. for tabbar icons */
-+ (UIImage *)UIImage:(id)json
-{
-  if (!json) {
-    return nil;
-  }
-
-  RCTImageSource *imageSource = [self RCTImageSource:json];
-  if (!imageSource) {
-    return nil;
-  }
-
-  __block UIImage *image;
-  if (!RCTIsMainQueue()) {
-    // It seems that none of the UIImage loading methods can be guaranteed
-    // thread safe, so we'll pick the lesser of two evils here and block rather
-    // than run the risk of crashing
-    RCTLogWarn(@"Calling [RCTConvert UIImage:] on a background thread is not recommended");
-    RCTUnsafeExecuteOnMainQueueSync(^{
-      image = [self UIImage:json];
-    });
-    return image;
-  }
-
-  NSURL *URL = imageSource.request.URL;
-  NSString *scheme = URL.scheme.lowercaseString;
-  if ([scheme isEqualToString:@"file"]) {
-    image = RCTImageFromLocalAssetURL(URL);
-    // There is a case where this may fail when the image is at the bundle location.
-    // RCTImageFromLocalAssetURL only checks for the image in the same location as the jsbundle
-    // Hence, if the bundle is CodePush-ed, it will not be able to find the image.
-    // This check is added here instead of being inside RCTImageFromLocalAssetURL, since
-    // we don't want breaking changes to RCTImageFromLocalAssetURL, which is called in a lot of places
-    // This is a deprecated method, and hence has the least impact on existing code. Basically,
-    // instead of crashing the app, it tries one more location for the image.
-    if (!image) {
-      image = RCTImageFromLocalBundleAssetURL(URL);
-    }
-    if (!image) {
-      RCTLogConvertError(json, @"an image. File not found.");
-    }
-  } else if ([scheme isEqualToString:@"data"]) {
-    image = [UIImage imageWithData:[NSData dataWithContentsOfURL:URL]];
-  } else if ([scheme isEqualToString:@"http"] && imageSource.packagerAsset) {
-    image = [UIImage imageWithData:[NSData dataWithContentsOfURL:URL]];
-  } else {
-    RCTLogConvertError(json, @"an image. Only local files or data URIs are supported.");
-    return nil;
-  }
-
-  CGFloat scale = imageSource.scale;
-  if (!scale && imageSource.size.width) {
-    // If no scale provided, set scale to image width / source width
-    scale = CGImageGetWidth(image.CGImage) / imageSource.size.width;
-  }
-
-  if (scale) {
-    image = [UIImage imageWithCGImage:image.CGImage scale:scale orientation:image.imageOrientation];
-  }
-
-  if (!CGSizeEqualToSize(imageSource.size, CGSizeZero) && !CGSizeEqualToSize(imageSource.size, image.size)) {
-    RCTLogInfo(
-        @"Image source %@ size %@ does not match loaded image size %@.",
-        URL.path.lastPathComponent,
-        NSStringFromCGSize(imageSource.size),
-        NSStringFromCGSize(image.size));
-  }
-
-  return image;
-}
-
-+ (CGImageRef)CGImage:(id)json
-{
-  return [self UIImage:json].CGImage;
-}
-
-@end
diff --git a/packages/react-native/React/Base/RCTConvert.mm b/packages/react-native/React/Base/RCTConvert.mm
new file mode 100644
index 000000000000..b868ee72f65c
--- /dev/null
+++ b/packages/react-native/React/Base/RCTConvert.mm
@@ -0,0 +1,1323 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 "RCTConvert.h"
+
+#import <objc/message.h>
+
+#import <CoreText/CoreText.h>
+
+#import "RCTDefines.h"
+#import "RCTImageSource.h"
+#import "RCTParserUtils.h"
+#import "RCTUtils.h"
+
+@implementation RCTConvert
+
+RCT_CONVERTER(id, id, self)
+
+RCT_CONVERTER(BOOL, BOOL, boolValue)
+RCT_NUMBER_CONVERTER(double, doubleValue)
+RCT_NUMBER_CONVERTER(float, floatValue)
+RCT_NUMBER_CONVERTER(int, intValue)
+
+RCT_NUMBER_CONVERTER(int64_t, longLongValue);
+RCT_NUMBER_CONVERTER(uint64_t, unsignedLongLongValue);
+
+RCT_NUMBER_CONVERTER(NSInteger, integerValue)
+RCT_NUMBER_CONVERTER(NSUInteger, unsignedIntegerValue)
+
+/**
+ * This macro is used for creating converter functions for directly
+ * representable json values that require no conversion.
+ */
+#if RCT_DEBUG
+#define RCT_JSON_CONVERTER(type)             \
+  +(type *)type : (id)json                   \
+  {                                          \
+    if ([json isKindOfClass:[type class]]) { \
+      return json;                           \
+    } else if (json) {                       \
+      RCTLogConvertError(json, @ #type);     \
+    }                                        \
+    return nil;                              \
+  }
+#else
+#define RCT_JSON_CONVERTER(type) \
+  +(type *)type : (id)json       \
+  {                              \
+    return json;                 \
+  }
+#endif
+
+RCT_JSON_CONVERTER(NSArray)
+RCT_JSON_CONVERTER(NSDictionary)
+RCT_JSON_CONVERTER(NSString)
+RCT_JSON_CONVERTER(NSNumber)
+
+RCT_CUSTOM_CONVERTER(NSSet *, NSSet, [NSSet setWithArray:json])
+RCT_CUSTOM_CONVERTER(NSData *, NSData, [json dataUsingEncoding:NSUTF8StringEncoding])
+
++ (NSIndexSet *)NSIndexSet:(id)json
+{
+  json = [self NSNumberArray:json];
+  NSMutableIndexSet *indexSet = [NSMutableIndexSet new];
+  for (NSNumber *number in json) {
+    NSInteger index = number.integerValue;
+    if (RCT_DEBUG && index < 0) {
+      RCTLogInfo(@"Invalid index value %lld. Indices must be positive.", (long long)index);
+    }
+    [indexSet addIndex:index];
+  }
+  return indexSet;
+}
+
++ (NSURL *)NSURL:(id)json
+{
+  NSString *path = [self NSString:RCTNilIfNull(json)];
+  if (!path) {
+    return nil;
+  }
+
+  @try { // NSURL has a history of crashing with bad input, so let's be safe
+    NSURL *URL = [NSURL URLWithString:path];
+    if (URL.scheme) { // Was a well-formed absolute URL
+      return URL;
+    }
+
+    // Check if it has a scheme
+    if ([path rangeOfString:@"://"].location != NSNotFound) {
+      NSMutableCharacterSet *urlAllowedCharacterSet = [NSMutableCharacterSet new];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLUserAllowedCharacterSet]];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLPasswordAllowedCharacterSet]];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLHostAllowedCharacterSet]];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLPathAllowedCharacterSet]];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLQueryAllowedCharacterSet]];
+      [urlAllowedCharacterSet formUnionWithCharacterSet:[NSCharacterSet URLFragmentAllowedCharacterSet]];
+      path = [path stringByAddingPercentEncodingWithAllowedCharacters:urlAllowedCharacterSet];
+      URL = [NSURL URLWithString:path];
+      if (URL) {
+        return URL;
+      }
+    }
+
+    // Assume that it's a local path
+    path = path.stringByRemovingPercentEncoding;
+    if ([path hasPrefix:@"~"]) {
+      // Path is inside user directory
+      path = path.stringByExpandingTildeInPath;
+    } else if (!path.absolutePath) {
+      // Assume it's a resource path
+      path = [[NSBundle mainBundle].resourcePath stringByAppendingPathComponent:path];
+    }
+    if (!(URL = [NSURL fileURLWithPath:path])) {
+      RCTLogConvertError(json, @"a valid URL");
+    }
+    return URL;
+  } @catch (__unused NSException *e) {
+    RCTLogConvertError(json, @"a valid URL");
+    return nil;
+  }
+}
+
+RCT_ENUM_CONVERTER(
+    NSURLRequestCachePolicy,
+    (@{
+      @"default" : @(NSURLRequestUseProtocolCachePolicy),
+      @"reload" : @(NSURLRequestReloadIgnoringLocalCacheData),
+      @"force-cache" : @(NSURLRequestReturnCacheDataElseLoad),
+      @"only-if-cached" : @(NSURLRequestReturnCacheDataDontLoad),
+    }),
+    NSURLRequestUseProtocolCachePolicy,
+    integerValue)
+
++ (NSURLRequest *)NSURLRequest:(id)json
+{
+  if ([json isKindOfClass:[NSString class]]) {
+    NSURL *URL = [self NSURL:json];
+    return URL ? [NSURLRequest requestWithURL:URL] : nil;
+  }
+  if ([json isKindOfClass:[NSDictionary class]]) {
+    NSString *URLString = json[@"uri"] ?: json[@"url"];
+
+    NSURL *URL;
+    NSString *bundleName = json[@"bundle"];
+    if (bundleName) {
+      URLString = [NSString stringWithFormat:@"%@.bundle/%@", bundleName, URLString];
+    }
+
+    URL = [self NSURL:URLString];
+    if (!URL) {
+      return nil;
+    }
+
+    NSData *body = [self NSData:json[@"body"]];
+    NSString *method = [self NSString:json[@"method"]].uppercaseString ?: @"GET";
+    NSURLRequestCachePolicy cachePolicy = [self NSURLRequestCachePolicy:json[@"cache"]];
+    NSDictionary *headers = [self NSDictionary:json[@"headers"]];
+    if ([method isEqualToString:@"GET"] && headers == nil && body == nil &&
+        cachePolicy == NSURLRequestUseProtocolCachePolicy) {
+      return [NSURLRequest requestWithURL:URL];
+    }
+
+    if (headers) {
+      __block BOOL allHeadersAreStrings = YES;
+      [headers enumerateKeysAndObjectsUsingBlock:^(NSString *key, id header, BOOL *stop) {
+        if (![header isKindOfClass:[NSString class]]) {
+          RCTLogInfo(
+              @"Values of HTTP headers passed must be  of type string. "
+               "Value of header '%@' is not a string.",
+              key);
+          allHeadersAreStrings = NO;
+          *stop = YES;
+        }
+      }];
+      if (!allHeadersAreStrings) {
+        // Set headers to nil here to avoid crashing later.
+        headers = nil;
+      }
+    }
+
+    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
+    request.HTTPBody = body;
+    request.HTTPMethod = method;
+    request.cachePolicy = cachePolicy;
+    request.allHTTPHeaderFields = headers;
+    return [request copy];
+  }
+  if (json) {
+    RCTLogConvertError(json, @"a valid URLRequest");
+  }
+  return nil;
+}
+
++ (RCTFileURL *)RCTFileURL:(id)json
+{
+  NSURL *fileURL = [self NSURL:json];
+  if (!fileURL.fileURL) {
+    RCTLogInfo(@"URI must be a local file, '%@' isn't.", fileURL);
+    return nil;
+  }
+  if (![[NSFileManager defaultManager] fileExistsAtPath:fileURL.path]) {
+    RCTLogInfo(@"File '%@' could not be found.", fileURL);
+    return nil;
+  }
+  return fileURL;
+}
+
++ (NSDate *)NSDate:(id)json
+{
+  if ([json isKindOfClass:[NSNumber class]]) {
+    return [NSDate dateWithTimeIntervalSince1970:[self NSTimeInterval:json]];
+  } else if ([json isKindOfClass:[NSString class]]) {
+    static NSDateFormatter *formatter;
+    static dispatch_once_t onceToken;
+    dispatch_once(&onceToken, ^{
+      formatter = [NSDateFormatter new];
+      formatter.dateFormat = @"yyyy-MM-dd'T'HH:mm:ss.SSSZZZZZ";
+      formatter.locale = [NSLocale localeWithLocaleIdentifier:@"en_US_POSIX"];
+      formatter.timeZone = [NSTimeZone timeZoneWithName:@"UTC"];
+    });
+    NSDate *date = [formatter dateFromString:json];
+    if (!date) {
+      RCTLogInfo(
+          @"JSON String '%@' could not be interpreted as a date. "
+           "Expected format: YYYY-MM-DD'T'HH:mm:ss.sssZ",
+          json);
+    }
+    return date;
+  } else if (json) {
+    RCTLogConvertError(json, @"a date");
+  }
+  return nil;
+}
+
++ (NSLocale *)NSLocale:(id)json
+{
+  if ([json isKindOfClass:[NSString class]]) {
+    NSLocale *locale = [[NSLocale alloc] initWithLocaleIdentifier:json];
+    if (!locale) {
+      RCTLogInfo(@"JSON String '%@' could not be interpreted as a valid locale. ", json);
+    }
+    return locale;
+  } else if (json) {
+    RCTLogConvertError(json, @"a locale");
+  }
+  return nil;
+}
+
+// JS Standard for time is milliseconds
+RCT_CUSTOM_CONVERTER(NSTimeInterval, NSTimeInterval, [self double:json] / 1000.0)
+
+// JS standard for time zones is minutes.
+RCT_CUSTOM_CONVERTER(NSTimeZone *, NSTimeZone, [NSTimeZone timeZoneForSecondsFromGMT:[self double:json] * 60.0])
+
+NSNumber *RCTConvertEnumValue(const char *typeName, NSDictionary *mapping, NSNumber *defaultValue, id json)
+{
+  if (!json) {
+    return defaultValue;
+  }
+  if ([json isKindOfClass:[NSNumber class]]) {
+    NSArray *allValues = mapping.allValues;
+    if ([allValues containsObject:json] || [json isEqual:defaultValue]) {
+      return json;
+    }
+    RCTLogInfo(@"Invalid %s '%@'. should be one of: %@", typeName, json, allValues);
+    return defaultValue;
+  }
+  if (RCT_DEBUG && ![json isKindOfClass:[NSString class]]) {
+    RCTLogInfo(@"Expected NSNumber or NSString for %s, received %@: %@", typeName, [json classForCoder], json);
+  }
+  id value = mapping[json];
+  if (RCT_DEBUG && !value && [json description].length > 0) {
+    RCTLogInfo(
+        @"Invalid %s '%@'. should be one of: %@",
+        typeName,
+        json,
+        [[mapping allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)]);
+  }
+  return value ?: defaultValue;
+}
+
+NSNumber *RCTConvertMultiEnumValue(const char *typeName, NSDictionary *mapping, NSNumber *defaultValue, id json)
+{
+  if ([json isKindOfClass:[NSArray class]]) {
+    if ([json count] == 0) {
+      return defaultValue;
+    }
+    long long result = 0;
+    for (id arrayElement in json) {
+      NSNumber *value = RCTConvertEnumValue(typeName, mapping, defaultValue, arrayElement);
+      result |= value.longLongValue;
+    }
+    return @(result);
+  }
+  return RCTConvertEnumValue(typeName, mapping, defaultValue, json);
+}
+
+RCT_ENUM_CONVERTER(
+    NSLineBreakMode,
+    (@{
+      @"clip" : @(NSLineBreakByClipping),
+      @"head" : @(NSLineBreakByTruncatingHead),
+      @"tail" : @(NSLineBreakByTruncatingTail),
+      @"middle" : @(NSLineBreakByTruncatingMiddle),
+      @"wordWrapping" : @(NSLineBreakByWordWrapping),
+    }),
+    NSLineBreakByTruncatingTail,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    NSTextAlignment,
+    (@{
+      @"auto" : @(NSTextAlignmentNatural),
+      @"left" : @(NSTextAlignmentLeft),
+      @"center" : @(NSTextAlignmentCenter),
+      @"right" : @(NSTextAlignmentRight),
+      @"justify" : @(NSTextAlignmentJustified),
+    }),
+    NSTextAlignmentNatural,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    NSUnderlineStyle,
+    (@{
+      @"solid" : @(NSUnderlineStyleSingle),
+      @"double" : @(NSUnderlineStyleDouble),
+      @"dotted" : @(NSUnderlinePatternDot | NSUnderlineStyleSingle),
+      @"dashed" : @(NSUnderlinePatternDash | NSUnderlineStyleSingle),
+    }),
+    NSUnderlineStyleSingle,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTBorderStyle,
+    (@{
+      @"solid" : @(RCTBorderStyleSolid),
+      @"dotted" : @(RCTBorderStyleDotted),
+      @"dashed" : @(RCTBorderStyleDashed),
+    }),
+    RCTBorderStyleSolid,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTBorderCurve,
+    (@{
+      @"circular" : @(RCTBorderCurveCircular),
+      @"continuous" : @(RCTBorderCurveContinuous),
+    }),
+    RCTBorderCurveCircular,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTTextDecorationLineType,
+    (@{
+      @"none" : @(RCTTextDecorationLineTypeNone),
+      @"underline" : @(RCTTextDecorationLineTypeUnderline),
+      @"line-through" : @(RCTTextDecorationLineTypeStrikethrough),
+      @"underline line-through" : @(RCTTextDecorationLineTypeUnderlineStrikethrough),
+    }),
+    RCTTextDecorationLineTypeNone,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    NSWritingDirection,
+    (@{
+      @"auto" : @(NSWritingDirectionNatural),
+      @"ltr" : @(NSWritingDirectionLeftToRight),
+      @"rtl" : @(NSWritingDirectionRightToLeft),
+    }),
+    NSWritingDirectionNatural,
+    integerValue)
+
++ (NSLineBreakStrategy)NSLineBreakStrategy:(id)json RCT_DYNAMIC
+{
+  if (@available(iOS 14.0, *)) {
+    static NSDictionary *mapping;
+    static dispatch_once_t onceToken;
+    dispatch_once(&onceToken, ^{
+      mapping = @{
+        @"none" : @(NSLineBreakStrategyNone),
+        @"standard" : @(NSLineBreakStrategyStandard),
+        @"hangul-word" : @(NSLineBreakStrategyHangulWordPriority),
+        @"push-out" : @(NSLineBreakStrategyPushOut)
+      };
+    });
+    return RCTConvertEnumValue("NSLineBreakStrategy", mapping, @(NSLineBreakStrategyNone), json).integerValue;
+  } else {
+    return NSLineBreakStrategyNone;
+  }
+}
+
+RCT_ENUM_CONVERTER(
+    UITextAutocapitalizationType,
+    (@{
+      @"none" : @(UITextAutocapitalizationTypeNone),
+      @"words" : @(UITextAutocapitalizationTypeWords),
+      @"sentences" : @(UITextAutocapitalizationTypeSentences),
+      @"characters" : @(UITextAutocapitalizationTypeAllCharacters)
+    }),
+    UITextAutocapitalizationTypeSentences,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UITextFieldViewMode,
+    (@{
+      @"never" : @(UITextFieldViewModeNever),
+      @"while-editing" : @(UITextFieldViewModeWhileEditing),
+      @"unless-editing" : @(UITextFieldViewModeUnlessEditing),
+      @"always" : @(UITextFieldViewModeAlways),
+    }),
+    UITextFieldViewModeNever,
+    integerValue)
+
++ (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
+{
+  static NSDictionary<NSString *, NSNumber *> *mapping;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    NSMutableDictionary<NSString *, NSNumber *> *temporaryMapping = [NSMutableDictionary dictionaryWithDictionary:@{
+      @"default" : @(UIKeyboardTypeDefault),
+      @"ascii-capable" : @(UIKeyboardTypeASCIICapable),
+      @"numbers-and-punctuation" : @(UIKeyboardTypeNumbersAndPunctuation),
+      @"url" : @(UIKeyboardTypeURL),
+      @"number-pad" : @(UIKeyboardTypeNumberPad),
+      @"phone-pad" : @(UIKeyboardTypePhonePad),
+      @"name-phone-pad" : @(UIKeyboardTypeNamePhonePad),
+      @"email-address" : @(UIKeyboardTypeEmailAddress),
+      @"decimal-pad" : @(UIKeyboardTypeDecimalPad),
+      @"twitter" : @(UIKeyboardTypeTwitter),
+      @"web-search" : @(UIKeyboardTypeWebSearch),
+      // Added for Android compatibility
+      @"numeric" : @(UIKeyboardTypeDecimalPad),
+    }];
+    temporaryMapping[@"ascii-capable-number-pad"] = @(UIKeyboardTypeASCIICapableNumberPad);
+    mapping = temporaryMapping;
+  });
+
+  UIKeyboardType type =
+      (UIKeyboardType)RCTConvertEnumValue("UIKeyboardType", mapping, @(UIKeyboardTypeDefault), json).integerValue;
+  return type;
+}
+
+RCT_MULTI_ENUM_CONVERTER(
+    UIDataDetectorTypes,
+    (@{
+      @"phoneNumber" : @(UIDataDetectorTypePhoneNumber),
+      @"link" : @(UIDataDetectorTypeLink),
+      @"address" : @(UIDataDetectorTypeAddress),
+      @"calendarEvent" : @(UIDataDetectorTypeCalendarEvent),
+      @"trackingNumber" : @(UIDataDetectorTypeShipmentTrackingNumber),
+      @"flightNumber" : @(UIDataDetectorTypeFlightNumber),
+      @"lookupSuggestion" : @(UIDataDetectorTypeLookupSuggestion),
+      @"none" : @(UIDataDetectorTypeNone),
+      @"all" : @(UIDataDetectorTypeAll),
+    }),
+    UIDataDetectorTypePhoneNumber,
+    unsignedLongLongValue)
+
+RCT_ENUM_CONVERTER(
+    UIKeyboardAppearance,
+    (@{
+      @"default" : @(UIKeyboardAppearanceDefault),
+      @"light" : @(UIKeyboardAppearanceLight),
+      @"dark" : @(UIKeyboardAppearanceDark),
+    }),
+    UIKeyboardAppearanceDefault,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIReturnKeyType,
+    (@{
+      @"default" : @(UIReturnKeyDefault),
+      @"go" : @(UIReturnKeyGo),
+      @"google" : @(UIReturnKeyGoogle),
+      @"join" : @(UIReturnKeyJoin),
+      @"next" : @(UIReturnKeyNext),
+      @"route" : @(UIReturnKeyRoute),
+      @"search" : @(UIReturnKeySearch),
+      @"send" : @(UIReturnKeySend),
+      @"yahoo" : @(UIReturnKeyYahoo),
+      @"done" : @(UIReturnKeyDone),
+      @"emergency-call" : @(UIReturnKeyEmergencyCall),
+    }),
+    UIReturnKeyDefault,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIUserInterfaceStyle,
+    (@{
+      @"unspecified" : @(UIUserInterfaceStyleUnspecified),
+      @"light" : @(UIUserInterfaceStyleLight),
+      @"dark" : @(UIUserInterfaceStyleDark),
+    }),
+    UIUserInterfaceStyleUnspecified,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIInterfaceOrientationMask,
+    (@{
+      @"ALL" : @(UIInterfaceOrientationMaskAll),
+      @"PORTRAIT" : @(UIInterfaceOrientationMaskPortrait),
+      @"LANDSCAPE" : @(UIInterfaceOrientationMaskLandscape),
+      @"LANDSCAPE_LEFT" : @(UIInterfaceOrientationMaskLandscapeLeft),
+      @"LANDSCAPE_RIGHT" : @(UIInterfaceOrientationMaskLandscapeRight),
+    }),
+    NSNotFound,
+    unsignedIntegerValue)
+
+RCT_ENUM_CONVERTER(
+    UIViewContentMode,
+    (@{
+      @"scale-to-fill" : @(UIViewContentModeScaleToFill),
+      @"scale-aspect-fit" : @(UIViewContentModeScaleAspectFit),
+      @"scale-aspect-fill" : @(UIViewContentModeScaleAspectFill),
+      @"redraw" : @(UIViewContentModeRedraw),
+      @"center" : @(UIViewContentModeCenter),
+      @"top" : @(UIViewContentModeTop),
+      @"bottom" : @(UIViewContentModeBottom),
+      @"left" : @(UIViewContentModeLeft),
+      @"right" : @(UIViewContentModeRight),
+      @"top-left" : @(UIViewContentModeTopLeft),
+      @"top-right" : @(UIViewContentModeTopRight),
+      @"bottom-left" : @(UIViewContentModeBottomLeft),
+      @"bottom-right" : @(UIViewContentModeBottomRight),
+      // Cross-platform values
+      @"cover" : @(UIViewContentModeScaleAspectFill),
+      @"contain" : @(UIViewContentModeScaleAspectFit),
+      @"stretch" : @(UIViewContentModeScaleToFill),
+    }),
+    UIViewContentModeScaleAspectFill,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIBarStyle,
+    (@{
+      @"default" : @(UIBarStyleDefault),
+      @"black" : @(UIBarStyleBlack),
+      @"blackOpaque" : @(UIBarStyleBlackOpaque),
+      @"blackTranslucent" : @(UIBarStyleBlackTranslucent),
+    }),
+    UIBarStyleDefault,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTCursor,
+    (@{
+      @"auto" : @(RCTCursorAuto),
+      @"pointer" : @(RCTCursorPointer),
+    }),
+    RCTCursorAuto,
+    integerValue)
+
+static void convertCGStruct(const char *type, NSArray *fields, CGFloat *result, id json)
+{
+  NSUInteger count = fields.count;
+  if ([json isKindOfClass:[NSArray class]]) {
+    if (RCT_DEBUG && [json count] != count) {
+      RCTLogInfo(
+          @"Expected array with count %llu, but count is %llu: %@",
+          (unsigned long long)count,
+          (unsigned long long)[json count],
+          json);
+    } else {
+      for (NSUInteger i = 0; i < count; i++) {
+        result[i] = [RCTConvert CGFloat:RCTNilIfNull(json[i])];
+      }
+    }
+  } else if ([json isKindOfClass:[NSDictionary class]]) {
+    for (NSUInteger i = 0; i < count; i++) {
+      result[i] = [RCTConvert CGFloat:RCTNilIfNull(json[fields[i]])];
+    }
+  } else if (json) {
+    RCTLogConvertError(json, @(type));
+  }
+}
+
+/**
+ * This macro is used for creating converter functions for structs that consist
+ * of a number of CGFloat properties, such as CGPoint, CGRect, etc.
+ */
+#define RCT_CGSTRUCT_CONVERTER(type, values)                  \
+  +(type)type : (id)json                                      \
+  {                                                           \
+    static NSArray *fields;                                   \
+    static dispatch_once_t onceToken;                         \
+    dispatch_once(&onceToken, ^{                              \
+      fields = values;                                        \
+    });                                                       \
+    type result;                                              \
+    convertCGStruct(#type, fields, (CGFloat *)&result, json); \
+    return result;                                            \
+  }
+
+RCT_CUSTOM_CONVERTER(CGFloat, CGFloat, [self double:json])
+
+RCT_CGSTRUCT_CONVERTER(CGPoint, (@[ @"x", @"y" ]))
+RCT_CGSTRUCT_CONVERTER(CGSize, (@[ @"width", @"height" ]))
+RCT_CGSTRUCT_CONVERTER(CGRect, (@[ @"x", @"y", @"width", @"height" ]))
+
++ (UIEdgeInsets)UIEdgeInsets:(id)json
+{
+  static NSArray *fields;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    fields = @[ @"top", @"left", @"bottom", @"right" ];
+  });
+
+  if ([json isKindOfClass:[NSNumber class]]) {
+    CGFloat value = [json doubleValue];
+    return UIEdgeInsetsMake(value, value, value, value);
+  } else {
+    UIEdgeInsets result;
+    convertCGStruct("UIEdgeInsets", fields, (CGFloat *)&result, json);
+    return result;
+  }
+}
+
+RCT_ENUM_CONVERTER(
+    CGLineJoin,
+    (@{
+      @"miter" : @(kCGLineJoinMiter),
+      @"round" : @(kCGLineJoinRound),
+      @"bevel" : @(kCGLineJoinBevel),
+    }),
+    kCGLineJoinMiter,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    CGLineCap,
+    (@{
+      @"butt" : @(kCGLineCapButt),
+      @"round" : @(kCGLineCapRound),
+      @"square" : @(kCGLineCapSquare),
+    }),
+    kCGLineCapButt,
+    intValue)
+
+RCT_CGSTRUCT_CONVERTER(CGAffineTransform, (@[ @"a", @"b", @"c", @"d", @"tx", @"ty" ]))
+
+static NSString *const RCTFallback = @"fallback";
+static NSString *const RCTFallbackARGB = @"fallback-argb";
+static NSString *const RCTSelector = @"selector";
+static NSString *const RCTIndex = @"index";
+
+/** The following dictionary defines the react-native semantic colors for ios.
+ *  If the value for a given name is empty then the name itself
+ *  is used as the UIColor selector.
+ *  If the RCTSelector key is present then that value is used for a selector instead
+ *  of the key name.
+ *  If the given selector is not available on the running OS version then
+ *  the RCTFallback selector is used instead.
+ *  If the RCTIndex key is present then object returned from UIColor is an
+ *  NSArray and the object at index RCTIndex is to be used.
+ */
+static NSDictionary<NSString *, NSDictionary *> *RCTSemanticColorsMap(void)
+{
+  static NSDictionary<NSString *, NSDictionary *> *colorMap = nil;
+  if (colorMap == nil) {
+    NSMutableDictionary<NSString *, NSDictionary *> *map = [@{
+      // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
+      // Label Colors
+      @"labelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB :
+            @(0xFF000000) // fallback for iOS<=12: RGBA returned by this semantic color in light mode on iOS 13
+      },
+      @"secondaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x993c3c43)
+      },
+      @"tertiaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x4c3c3c43)
+      },
+      @"quaternaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x2d3c3c43)
+      },
+      // Fill Colors
+      @"systemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x33787880)
+      },
+      @"secondarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x28787880)
+      },
+      @"tertiarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x1e767680)
+      },
+      @"quaternarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x14747480)
+      },
+      // Text Colors
+      @"placeholderTextColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x4c3c3c43)
+      },
+      // Standard Content Background Colors
+      @"systemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
+      },
+      @"secondarySystemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
+      },
+      @"tertiarySystemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
+      },
+      // Grouped Content Background Colors
+      @"systemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
+      },
+      @"secondarySystemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
+      },
+      @"tertiarySystemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
+      },
+      // Separator Colors
+      @"separatorColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x493c3c43)
+      },
+      @"opaqueSeparatorColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFc6c6c8)
+      },
+      // Link Color
+      @"linkColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFF007aff)
+      },
+      // Nonadaptable Colors
+      @"darkTextColor" : @{},
+      @"lightTextColor" : @{},
+      // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
+      // Adaptable Colors
+      @"systemBlueColor" : @{},
+      @"systemBrownColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFa2845e)
+      },
+      @"systemGreenColor" : @{},
+      @"systemIndigoColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFF5856d6)
+      },
+      @"systemOrangeColor" : @{},
+      @"systemPinkColor" : @{},
+      @"systemPurpleColor" : @{},
+      @"systemRedColor" : @{},
+      @"systemTealColor" : @{},
+      @"systemYellowColor" : @{},
+      // Adaptable Gray Colors
+      @"systemGrayColor" : @{},
+      @"systemGray2Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFaeaeb2)
+      },
+      @"systemGray3Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFc7c7cc)
+      },
+      @"systemGray4Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFd1d1d6)
+      },
+      @"systemGray5Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFe5e5ea)
+      },
+      @"systemGray6Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
+      },
+      // Transparent Color
+      @"clearColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x00000000)
+      },
+    } mutableCopy];
+    // The color names are the Objective-C UIColor selector names,
+    // but Swift selector names are valid as well, so make aliases.
+    static NSString *const RCTColorSuffix = @"Color";
+    NSMutableDictionary<NSString *, NSDictionary *> *aliases = [NSMutableDictionary new];
+    for (NSString *objcSelector in map) {
+      RCTAssert(
+          [objcSelector hasSuffix:RCTColorSuffix], @"A selector in the color map did not end with the suffix Color.");
+      NSMutableDictionary *entry = [map[objcSelector] mutableCopy];
+      RCTAssert([entry objectForKey:RCTSelector] == nil, @"Entry should not already have an RCTSelector");
+      NSString *swiftSelector = [objcSelector substringToIndex:[objcSelector length] - [RCTColorSuffix length]];
+      entry[RCTSelector] = objcSelector;
+      aliases[swiftSelector] = entry;
+    }
+    [map addEntriesFromDictionary:aliases];
+#if DEBUG
+    [map addEntriesFromDictionary:@{
+      // The follow exist for Unit Tests
+      @"unitTestFallbackColor" : @{RCTFallback : @"gridColor"},
+      @"unitTestFallbackColorIOS" : @{RCTFallback : @"blueColor"},
+      @"unitTestFallbackColorEven" : @{
+        RCTSelector : @"unitTestFallbackColorEven",
+        RCTIndex : @0,
+        RCTFallback : @"controlAlternatingRowBackgroundColors"
+      },
+      @"unitTestFallbackColorOdd" : @{
+        RCTSelector : @"unitTestFallbackColorOdd",
+        RCTIndex : @1,
+        RCTFallback : @"controlAlternatingRowBackgroundColors"
+      },
+    }];
+#endif
+    colorMap = [map copy];
+  }
+
+  return colorMap;
+}
+
+/** Returns a UIColor based on a semantic color name.
+ *  Returns nil if the semantic color name is invalid.
+ */
+static UIColor *RCTColorFromSemanticColorName(NSString *semanticColorName)
+{
+  NSDictionary<NSString *, NSDictionary *> *colorMap = RCTSemanticColorsMap();
+  UIColor *color = nil;
+  NSDictionary<NSString *, id> *colorInfo = colorMap[semanticColorName];
+  if (colorInfo) {
+    NSString *semanticColorSelector = colorInfo[RCTSelector];
+    if (semanticColorSelector == nil) {
+      semanticColorSelector = semanticColorName;
+    }
+    SEL selector = NSSelectorFromString(semanticColorSelector);
+    if (![UIColor respondsToSelector:selector]) {
+      NSNumber *fallbackRGB = colorInfo[RCTFallbackARGB];
+      if (fallbackRGB != nil) {
+        RCTAssert([fallbackRGB isKindOfClass:[NSNumber class]], @"fallback ARGB is not a number");
+        return [RCTConvert UIColor:fallbackRGB];
+      }
+      semanticColorSelector = colorInfo[RCTFallback];
+      selector = NSSelectorFromString(semanticColorSelector);
+    }
+    RCTAssert([UIColor respondsToSelector:selector], @"RCTUIColor does not respond to a semantic color selector.");
+    Class klass = [UIColor class];
+    IMP imp = [klass methodForSelector:selector];
+    id (*getSemanticColorObject)(id, SEL) = (id(*)(id, SEL))imp;
+    id colorObject = getSemanticColorObject(klass, selector);
+    if ([colorObject isKindOfClass:[UIColor class]]) {
+      color = colorObject;
+    } else if ([colorObject isKindOfClass:[NSArray class]]) {
+      NSArray *colors = colorObject;
+      NSNumber *index = colorInfo[RCTIndex];
+      RCTAssert(index, @"index should not be null");
+      color = colors[[index unsignedIntegerValue]];
+    } else {
+      RCTAssert(false, @"selector return an unknown object type");
+    }
+  }
+  return color;
+}
+
+/** Returns an alphabetically sorted comma separated list of the valid semantic color names
+ */
+static NSString *RCTSemanticColorNames(void)
+{
+  NSMutableString *names = [NSMutableString new];
+  NSDictionary<NSString *, NSDictionary *> *colorMap = RCTSemanticColorsMap();
+  NSArray *allKeys =
+      [[[colorMap allKeys] mutableCopy] sortedArrayUsingSelector:@selector(localizedCaseInsensitiveCompare:)];
+
+  for (id key in allKeys) {
+    if ([names length]) {
+      [names appendString:@", "];
+    }
+    [names appendString:key];
+  }
+  return names;
+}
+
++ (UIColor *)UIColor:(id)json
+{
+  if (!json) {
+    return nil;
+  }
+  if ([json isKindOfClass:[NSArray class]]) {
+    NSArray *components = [self NSNumberArray:json];
+    CGFloat alpha = components.count > 3 ? [self CGFloat:components[3]] : 1.0;
+    return [UIColor colorWithRed:[self CGFloat:components[0]]
+                           green:[self CGFloat:components[1]]
+                            blue:[self CGFloat:components[2]]
+                           alpha:alpha];
+  } else if ([json isKindOfClass:[NSNumber class]]) {
+    NSUInteger argb = [self NSUInteger:json];
+    CGFloat a = ((argb >> 24) & 0xFF) / 255.0;
+    CGFloat r = ((argb >> 16) & 0xFF) / 255.0;
+    CGFloat g = ((argb >> 8) & 0xFF) / 255.0;
+    CGFloat b = (argb & 0xFF) / 255.0;
+    return [UIColor colorWithRed:r green:g blue:b alpha:a];
+  } else if ([json isKindOfClass:[NSDictionary class]]) {
+    NSDictionary *dictionary = json;
+    id value = nil;
+    if ((value = [dictionary objectForKey:@"semantic"])) {
+      if ([value isKindOfClass:[NSString class]]) {
+        NSString *semanticName = value;
+        UIColor *color = [UIColor colorNamed:semanticName];
+        if (color != nil) {
+          return color;
+        }
+        color = RCTColorFromSemanticColorName(semanticName);
+        if (color == nil) {
+          RCTLogConvertError(
+              json,
+              [@"a UIColor.  Expected one of the following values: " stringByAppendingString:RCTSemanticColorNames()]);
+        }
+        return color;
+      } else if ([value isKindOfClass:[NSArray class]]) {
+        for (id name in value) {
+          UIColor *color = [UIColor colorNamed:name];
+          if (color != nil) {
+            return color;
+          }
+          color = RCTColorFromSemanticColorName(name);
+          if (color != nil) {
+            return color;
+          }
+        }
+        RCTLogConvertError(
+            json,
+            [@"a UIColor.  None of the names in the array were one of the following values: "
+                stringByAppendingString:RCTSemanticColorNames()]);
+        return nil;
+      }
+      RCTLogConvertError(
+          json, @"a UIColor.  Expected either a single name or an array of names but got something else.");
+      return nil;
+    } else if ((value = [dictionary objectForKey:@"dynamic"])) {
+      NSDictionary *appearances = value;
+      id light = [appearances objectForKey:@"light"];
+      UIColor *lightColor = [RCTConvert UIColor:light];
+      id dark = [appearances objectForKey:@"dark"];
+      UIColor *darkColor = [RCTConvert UIColor:dark];
+      id highContrastLight = [appearances objectForKey:@"highContrastLight"];
+      UIColor *highContrastLightColor = [RCTConvert UIColor:highContrastLight];
+      id highContrastDark = [appearances objectForKey:@"highContrastDark"];
+      UIColor *highContrastDarkColor = [RCTConvert UIColor:highContrastDark];
+      if (lightColor != nil && darkColor != nil) {
+        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 {
+        RCTLogConvertError(json, @"a UIColor. Expected an iOS dynamic appearance aware color.");
+        return nil;
+      }
+    } else {
+      RCTLogConvertError(json, @"a UIColor. Expected an iOS semantic color or dynamic appearance aware color.");
+      return nil;
+    }
+  } else {
+    RCTLogConvertError(json, @"a UIColor. Did you forget to call processColor() on the JS side?");
+    return nil;
+  }
+}
+
++ (CGColorRef)CGColor:(id)json
+{
+  return [self UIColor:json].CGColor;
+}
+
++ (YGValue)YGValue:(id)json
+{
+  if (!json) {
+    return YGValueUndefined;
+  } else if ([json isKindOfClass:[NSNumber class]]) {
+    return (YGValue){[json floatValue], YGUnitPoint};
+  } else if ([json isKindOfClass:[NSString class]]) {
+    NSString *s = (NSString *)json;
+    if ([s isEqualToString:@"auto"]) {
+      return (YGValue){YGUndefined, YGUnitAuto};
+    } else if ([s hasSuffix:@"%"]) {
+      float floatValue;
+      if ([[NSScanner scannerWithString:s] scanFloat:&floatValue]) {
+        return (YGValue){floatValue, YGUnitPercent};
+      }
+    } else {
+      RCTLogAdvice(
+          @"\"%@\" is not a valid dimension. Dimensions must be a number, \"auto\", or a string suffixed with \"%%\".",
+          s);
+    }
+  }
+  return YGValueUndefined;
+}
+
+NSArray *RCTConvertArrayValue(SEL type, id json)
+{
+  __block BOOL copy = NO;
+  __block NSArray *values = json = [RCTConvert NSArray:json];
+  [json enumerateObjectsUsingBlock:^(id jsonValue, NSUInteger idx, __unused BOOL *stop) {
+    id value = ((id(*)(Class, SEL, id))objc_msgSend)([RCTConvert class], type, jsonValue);
+    if (copy) {
+      if (value) {
+        [(NSMutableArray *)values addObject:value];
+      }
+    } else if (value != jsonValue) {
+      // Converted value is different, so we'll need to copy the array
+      values = [[NSMutableArray alloc] initWithCapacity:values.count];
+      for (NSUInteger i = 0; i < idx; i++) {
+        [(NSMutableArray *)values addObject:json[i]];
+      }
+      if (value) {
+        [(NSMutableArray *)values addObject:value];
+      }
+      copy = YES;
+    }
+  }];
+  return values;
+}
+
+RCT_ARRAY_CONVERTER(NSURL)
+RCT_ARRAY_CONVERTER(RCTFileURL)
+RCT_ARRAY_CONVERTER(UIColor)
+
+/**
+ * This macro is used for creating converter functions for directly
+ * representable json array values that require no conversion.
+ */
+#if RCT_DEBUG
+#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) RCT_ARRAY_CONVERTER_NAMED(type, name)
+#else
+#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) \
+  +(NSArray *)name##Array : (id)json               \
+  {                                                \
+    return json;                                   \
+  }
+#endif
+#define RCT_JSON_ARRAY_CONVERTER(type) RCT_JSON_ARRAY_CONVERTER_NAMED(type, type)
+
+RCT_JSON_ARRAY_CONVERTER(NSArray)
+RCT_JSON_ARRAY_CONVERTER(NSString)
+RCT_JSON_ARRAY_CONVERTER_NAMED(NSArray<NSString *>, NSStringArray)
+RCT_JSON_ARRAY_CONVERTER(NSDictionary)
+RCT_JSON_ARRAY_CONVERTER(NSNumber)
+
+// Can't use RCT_ARRAY_CONVERTER due to bridged cast
++ (NSArray *)CGColorArray:(id)json
+{
+  NSMutableArray *colors = [NSMutableArray new];
+  for (id value in [self NSArray:json]) {
+    [colors addObject:(__bridge id)[self CGColor:value]];
+  }
+  return colors;
+}
+
+static id RCTConvertPropertyListValue(id json)
+{
+  if (!json || json == (id)kCFNull) {
+    return nil;
+  }
+
+  if ([json isKindOfClass:[NSDictionary class]]) {
+    __block BOOL copy = NO;
+    NSMutableDictionary *values = [[NSMutableDictionary alloc] initWithCapacity:[json count]];
+    [json enumerateKeysAndObjectsUsingBlock:^(NSString *key, id jsonValue, __unused BOOL *stop) {
+      id value = RCTConvertPropertyListValue(jsonValue);
+      if (value) {
+        values[key] = value;
+      }
+      copy |= value != jsonValue;
+    }];
+    return copy ? values : json;
+  }
+
+  if ([json isKindOfClass:[NSArray class]]) {
+    __block BOOL copy = NO;
+    __block NSArray *values = json;
+    [json enumerateObjectsUsingBlock:^(id jsonValue, NSUInteger idx, __unused BOOL *stop) {
+      id value = RCTConvertPropertyListValue(jsonValue);
+      if (copy) {
+        if (value) {
+          [(NSMutableArray *)values addObject:value];
+        }
+      } else if (value != jsonValue) {
+        // Converted value is different, so we'll need to copy the array
+        values = [[NSMutableArray alloc] initWithCapacity:values.count];
+        for (NSUInteger i = 0; i < idx; i++) {
+          [(NSMutableArray *)values addObject:json[i]];
+        }
+        if (value) {
+          [(NSMutableArray *)values addObject:value];
+        }
+        copy = YES;
+      }
+    }];
+    return values;
+  }
+
+  // All other JSON types are supported by property lists
+  return json;
+}
+
++ (NSPropertyList)NSPropertyList:(id)json
+{
+  return RCTConvertPropertyListValue(json);
+}
+
+RCT_ENUM_CONVERTER(css_backface_visibility_t, (@{@"hidden" : @NO, @"visible" : @YES}), YES, boolValue)
+
+RCT_ENUM_CONVERTER(
+    YGOverflow,
+    (@{
+      @"hidden" : @(YGOverflowHidden),
+      @"visible" : @(YGOverflowVisible),
+      @"scroll" : @(YGOverflowScroll),
+    }),
+    YGOverflowVisible,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGDisplay,
+    (@{
+      @"flex" : @(YGDisplayFlex),
+      @"none" : @(YGDisplayNone),
+    }),
+    YGDisplayFlex,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGFlexDirection,
+    (@{
+      @"row" : @(YGFlexDirectionRow),
+      @"row-reverse" : @(YGFlexDirectionRowReverse),
+      @"column" : @(YGFlexDirectionColumn),
+      @"column-reverse" : @(YGFlexDirectionColumnReverse)
+    }),
+    YGFlexDirectionColumn,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGJustify,
+    (@{
+      @"flex-start" : @(YGJustifyFlexStart),
+      @"flex-end" : @(YGJustifyFlexEnd),
+      @"center" : @(YGJustifyCenter),
+      @"space-between" : @(YGJustifySpaceBetween),
+      @"space-around" : @(YGJustifySpaceAround),
+      @"space-evenly" : @(YGJustifySpaceEvenly)
+    }),
+    YGJustifyFlexStart,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGAlign,
+    (@{
+      @"flex-start" : @(YGAlignFlexStart),
+      @"flex-end" : @(YGAlignFlexEnd),
+      @"center" : @(YGAlignCenter),
+      @"auto" : @(YGAlignAuto),
+      @"stretch" : @(YGAlignStretch),
+      @"baseline" : @(YGAlignBaseline),
+      @"space-between" : @(YGAlignSpaceBetween),
+      @"space-around" : @(YGAlignSpaceAround),
+      @"space-evenly" : @(YGAlignSpaceEvenly)
+    }),
+    YGAlignFlexStart,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGDirection,
+    (@{
+      @"inherit" : @(YGDirectionInherit),
+      @"ltr" : @(YGDirectionLTR),
+      @"rtl" : @(YGDirectionRTL),
+    }),
+    YGDirectionInherit,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGPositionType,
+    (@{@"absolute" : @(YGPositionTypeAbsolute), @"relative" : @(YGPositionTypeRelative)}),
+    YGPositionTypeRelative,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGWrap,
+    (@{@"wrap" : @(YGWrapWrap), @"nowrap" : @(YGWrapNoWrap), @"wrap-reverse" : @(YGWrapWrapReverse)}),
+    YGWrapNoWrap,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    RCTPointerEvents,
+    (@{
+      @"none" : @(RCTPointerEventsNone),
+      @"box-only" : @(RCTPointerEventsBoxOnly),
+      @"box-none" : @(RCTPointerEventsBoxNone),
+      @"auto" : @(RCTPointerEventsUnspecified)
+    }),
+    RCTPointerEventsUnspecified,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTAnimationType,
+    (@{
+      @"spring" : @(RCTAnimationTypeSpring),
+      @"linear" : @(RCTAnimationTypeLinear),
+      @"easeIn" : @(RCTAnimationTypeEaseIn),
+      @"easeOut" : @(RCTAnimationTypeEaseOut),
+      @"easeInEaseOut" : @(RCTAnimationTypeEaseInEaseOut),
+      @"keyboard" : @(RCTAnimationTypeKeyboard),
+    }),
+    RCTAnimationTypeEaseInEaseOut,
+    integerValue)
+
+@end
+
+@interface RCTImageSource (Packager)
+
+@property (nonatomic, assign) BOOL packagerAsset;
+
+@end
+
+@implementation RCTConvert (Deprecated)
+
+/* This method is only used when loading images synchronously, e.g. for tabbar icons */
++ (UIImage *)UIImage:(id)json
+{
+  if (!json) {
+    return nil;
+  }
+
+  RCTImageSource *imageSource = [self RCTImageSource:json];
+  if (!imageSource) {
+    return nil;
+  }
+
+  __block UIImage *image;
+  if (!RCTIsMainQueue()) {
+    // It seems that none of the UIImage loading methods can be guaranteed
+    // thread safe, so we'll pick the lesser of two evils here and block rather
+    // than run the risk of crashing
+    RCTLogWarn(@"Calling [RCTConvert UIImage:] on a background thread is not recommended");
+    RCTUnsafeExecuteOnMainQueueSync(^{
+      image = [self UIImage:json];
+    });
+    return image;
+  }
+
+  NSURL *URL = imageSource.request.URL;
+  NSString *scheme = URL.scheme.lowercaseString;
+  if ([scheme isEqualToString:@"file"]) {
+    image = RCTImageFromLocalAssetURL(URL);
+    // There is a case where this may fail when the image is at the bundle location.
+    // RCTImageFromLocalAssetURL only checks for the image in the same location as the jsbundle
+    // Hence, if the bundle is CodePush-ed, it will not be able to find the image.
+    // This check is added here instead of being inside RCTImageFromLocalAssetURL, since
+    // we don't want breaking changes to RCTImageFromLocalAssetURL, which is called in a lot of places
+    // This is a deprecated method, and hence has the least impact on existing code. Basically,
+    // instead of crashing the app, it tries one more location for the image.
+    if (!image) {
+      image = RCTImageFromLocalBundleAssetURL(URL);
+    }
+    if (!image) {
+      RCTLogConvertError(json, @"an image. File not found.");
+    }
+  } else if ([scheme isEqualToString:@"data"]) {
+    image = [UIImage imageWithData:[NSData dataWithContentsOfURL:URL]];
+  } else if ([scheme isEqualToString:@"http"] && imageSource.packagerAsset) {
+    image = [UIImage imageWithData:[NSData dataWithContentsOfURL:URL]];
+  } else {
+    RCTLogConvertError(json, @"an image. Only local files or data URIs are supported.");
+    return nil;
+  }
+
+  CGFloat scale = imageSource.scale;
+  if (!scale && imageSource.size.width) {
+    // If no scale provided, set scale to image width / source width
+    scale = CGImageGetWidth(image.CGImage) / imageSource.size.width;
+  }
+
+  if (scale) {
+    image = [UIImage imageWithCGImage:image.CGImage scale:scale orientation:image.imageOrientation];
+  }
+
+  if (!CGSizeEqualToSize(imageSource.size, CGSizeZero) && !CGSizeEqualToSize(imageSource.size, image.size)) {
+    RCTLogInfo(
+        @"Image source %@ size %@ does not match loaded image size %@.",
+        URL.path.lastPathComponent,
+        NSStringFromCGSize(imageSource.size),
+        NSStringFromCGSize(image.size));
+  }
+
+  return image;
+}
+
++ (CGImageRef)CGImage:(id)json
+{
+  return [self UIImage:json].CGImage;
+}
+
+@end
diff --git a/packages/react-native/React/Base/RCTDefines.h b/packages/react-native/React/Base/RCTDefines.h
index 68fa84228153..598d17887441 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 1ceaf6ec0dce..19ef5b1f0d46 100644
--- a/packages/react-native/React/Base/RCTKeyCommands.m
+++ b/packages/react-native/React/Base/RCTKeyCommands.m
@@ -173,13 +173,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 dbbc6daa9aa3..1be7a2af25e1 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 000000000000..fd05fe2c54e1
--- /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 dc218c47f199..e03e412fa2ab 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);
@@ -95,6 +99,9 @@ RCT_EXTERN UIWindow *__nullable RCTKeyWindow(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);
 
diff --git a/packages/react-native/React/Base/RCTUtils.m b/packages/react-native/React/Base/RCTUtils.m
index 01bd5cde9fc3..226a2bc86044 100644
--- a/packages/react-native/React/Base/RCTUtils.m
+++ b/packages/react-native/React/Base/RCTUtils.m
@@ -33,6 +33,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) {
@@ -302,14 +316,14 @@ static void RCTUnsafeExecuteOnMainQueueOnceSync(dispatch_once_t *onceToken, disp
 void RCTComputeScreenScale(void)
 {
   dispatch_once(&onceTokenScreenScale, ^{
-    screenScale = [UIScreen mainScreen].scale;
+    screenScale = [UITraitCollection currentTraitCollection].displayScale;
   });
 }
 
 CGFloat RCTScreenScale(void)
 {
   RCTUnsafeExecuteOnMainQueueOnceSync(&onceTokenScreenScale, ^{
-    screenScale = [UIScreen mainScreen].scale;
+    screenScale = [UITraitCollection currentTraitCollection].displayScale;
   });
 
   return screenScale;
@@ -548,15 +562,48 @@ BOOL RCTRunningInAppExtension(void)
     return nil;
   }
 
-  // TODO: replace with a more robust solution
-  for (UIWindow *window in RCTSharedApplication().windows) {
-    if (window.keyWindow) {
+  NSSet<UIScene *> *connectedScenes = RCTSharedApplication().connectedScenes;
+
+  UIScene *foregroundActiveScene;
+  UIScene *foregroundInactiveScene;
+
+  for (UIScene *scene in connectedScenes) {
+    if (![scene isKindOfClass:[UIWindowScene class]]) {
+      continue;
+    }
+
+    if (scene.activationState == UISceneActivationStateForegroundActive) {
+      foregroundActiveScene = scene;
+      break;
+    }
+
+    if (!foregroundInactiveScene && scene.activationState == UISceneActivationStateForegroundInactive) {
+      foregroundInactiveScene = scene;
+      // no break, we can have the active scene later in the set.
+    }
+  }
+
+  UIScene *sceneToUse = foregroundActiveScene ? foregroundActiveScene : foregroundInactiveScene;
+  UIWindowScene *windowScene = (UIWindowScene *)sceneToUse;
+
+  if (@available(iOS 15.0, *)) {
+    return windowScene.keyWindow;
+  }
+
+  for (UIWindow *window in windowScene.windows) {
+    if (window.isKeyWindow) {
       return window;
     }
   }
+
   return nil;
 }
 
+UIStatusBarManager *__nullable RCTUIStatusBarManager(void)
+{
+  return RCTKeyWindow().windowScene.statusBarManager;
+}
+
 UIViewController *__nullable RCTPresentedViewController(void)
 {
   if ([RCTUtilsUIOverride hasPresentedViewController]) {
@@ -578,12 +625,10 @@ BOOL RCTForceTouchAvailable(void)
   static BOOL forceSupported;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    forceSupported =
-        [UITraitCollection class] && [UITraitCollection instancesRespondToSelector:@selector(forceTouchCapability)];
+    forceSupported = [UITraitCollection currentTraitCollection].forceTouchCapability == UIForceTouchCapabilityAvailable;
   });
 
-  return forceSupported &&
-      (RCTKeyWindow() ?: [UIView new]).traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable;
+  return forceSupported;
 }
 
 NSError *RCTErrorWithMessage(NSString *message)
diff --git a/packages/react-native/React/Base/RCTVersion.m b/packages/react-native/React/Base/RCTVersion.m
index 1794ca2e5213..6239bd0ea617 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"
@@ -21,9 +21,9 @@
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^(void){
     __rnVersion = @{
-                  RCTVersionMajor: @(1000),
-                  RCTVersionMinor: @(0),
-                  RCTVersionPatch: @(0),
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(74),
+                  RCTVersionPatch: @(6),
                   RCTVersionPrerelease: [NSNull null],
                   };
   });
diff --git a/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.h b/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.h
index 2898b16b385d..4e0ed8458d2c 100644
--- a/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.h
+++ b/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.h
@@ -27,6 +27,6 @@
  */
 @property (nonatomic, assign) YGDirection baseDirection;
 
-- (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedShadowViews;
+- (void)layoutWithAffectedShadowViews:(NSPointerArray *)affectedShadowViews;
 
 @end
diff --git a/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.m b/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.m
index 37c551cb4bd3..95cf3390657f 100644
--- a/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.m
+++ b/packages/react-native/React/Base/Surface/RCTSurfaceRootShadowView.m
@@ -41,7 +41,7 @@ - (void)insertReactSubview:(RCTShadowView *)subview atIndex:(NSInteger)atIndex
   }
 }
 
-- (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedShadowViews
+- (void)layoutWithAffectedShadowViews:(NSPointerArray *)affectedShadowViews
 {
   NSHashTable<NSString *> *other = [NSHashTable new];
 
diff --git a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
index 670c02299601..39377fe8b6f8 100644
--- a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
+++ b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
@@ -125,9 +125,6 @@ - (void)surface:(RCTSurface *)surface didChangeStage:(RCTSurfaceStage)stage
   [super surface:surface didChangeStage:stage];
   if (RCTSurfaceStageIsRunning(stage)) {
     [_bridge.performanceLogger markStopForTag:RCTPLTTI];
-    dispatch_async(dispatch_get_main_queue(), ^{
-      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification object:self];
-    });
   }
 }
 
diff --git a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
index 47096221a7df..3de4c5898c15 100644
--- a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
+++ b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
@@ -56,6 +56,13 @@ NS_ASSUME_NONNULL_BEGIN
  */
 @property (nonatomic, copy, nullable) RCTSurfaceHostingViewActivityIndicatorViewFactory activityIndicatorViewFactory;
 
+/**
+ * When set to `YES`, the activity indicator is not automatically hidden when the Surface stage changes.
+ * In this scenario, users should invoke `hideActivityIndicator` to remove it.
+ *
+ * @param disabled: if `YES`, the auto-hide is disabled. Otherwise the loading view will be hidden automatically
+ */
+- (void)disableActivityIndicatorAutoHide:(BOOL)disabled;
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
index 78f991eecfb0..cb4ebeba3f97 100644
--- a/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
+++ b/packages/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
@@ -24,6 +24,7 @@ @implementation RCTSurfaceHostingView {
   UIView *_Nullable _activityIndicatorView;
   UIView *_Nullable _surfaceView;
   RCTSurfaceStage _stage;
+  BOOL _autoHideDisabled;
 }
 
 RCT_NOT_IMPLEMENTED(-(instancetype)init)
@@ -36,6 +37,7 @@ - (instancetype)initWithSurface:(id<RCTSurfaceProtocol>)surface
   if (self = [super initWithFrame:CGRectZero]) {
     _surface = surface;
     _sizeMeasureMode = sizeMeasureMode;
+    _autoHideDisabled = NO;
 
     _surface.delegate = self;
     _stage = surface.stage;
@@ -124,6 +126,10 @@ - (void)setSizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
   _sizeMeasureMode = sizeMeasureMode;
   [self _invalidateLayout];
 }
+- (void)disableActivityIndicatorAutoHide:(BOOL)disabled
+{
+  _autoHideDisabled = disabled;
+}
 
 #pragma mark - isActivityIndicatorViewVisible
 
@@ -162,7 +168,16 @@ - (void)setIsSurfaceViewVisible:(BOOL)visible
     _surfaceView = _surface.view;
     _surfaceView.frame = self.bounds;
     _surfaceView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-    [self addSubview:_surfaceView];
+    if (_activityIndicatorView && _autoHideDisabled) {
+      // The activity indicator is still showing and the surface is set to
+      // prevent the auto hide. This means that the application will take care of
+      // hiding it when it's ready.
+      // Let's add the surfaceView below the activity indicator so it's ready once
+      // the activity indicator is hidden.
+      [self insertSubview:_surfaceView belowSubview:_activityIndicatorView];
+    } else {
+      [self addSubview:_surfaceView];
+    }
   } else {
     [_surfaceView removeFromSuperview];
     _surfaceView = nil;
@@ -204,7 +219,7 @@ - (void)_invalidateLayout
 - (void)_updateViews
 {
   self.isSurfaceViewVisible = RCTSurfaceStageIsRunning(_stage);
-  self.isActivityIndicatorViewVisible = RCTSurfaceStageIsPreparing(_stage);
+  self.isActivityIndicatorViewVisible = _autoHideDisabled || RCTSurfaceStageIsPreparing(_stage);
 }
 
 - (void)didMoveToWindow
diff --git a/packages/react-native/React/CoreModules/RCTActionSheetManager.mm b/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
index 38a4d1658078..f8df74b24016 100644
--- a/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
+++ b/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
@@ -20,7 +20,7 @@
 
 using namespace facebook::react;
 
-@interface RCTActionSheetManager () <UIActionSheetDelegate, NativeActionSheetManagerSpec>
+@interface RCTActionSheetManager () <NativeActionSheetManagerSpec>
 
 @property (nonatomic, strong) NSMutableArray<UIAlertController *> *alertControllers;
 
@@ -46,11 +46,6 @@ + (BOOL)requiresMainQueueSetup
 
 @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED;
 
-- (dispatch_queue_t)methodQueue
-{
-  return dispatch_get_main_queue();
-}
-
 - (void)presentViewController:(UIViewController *)alertController
        onParentViewController:(UIViewController *)parentViewController
                 anchorViewTag:(NSNumber *)anchorViewTag
@@ -99,100 +94,102 @@ - (void)presentViewController:(UIViewController *)alertController
     NSNumber *destructiveButtonIndex = @-1;
     destructiveButtonIndices = @[ destructiveButtonIndex ];
   }
-
-  UIViewController *controller = RCTPresentedViewController();
   NSNumber *anchor = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
   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) {
-    RCTLogError(
-        @"Tried to display action sheet but there is no application window. options: %@", @{
-          @"title" : title,
-          @"message" : message,
-          @"options" : buttons,
-          @"cancelButtonIndex" : @(cancelButtonIndex),
-          @"destructiveButtonIndices" : destructiveButtonIndices,
-          @"anchor" : anchor,
-          @"tintColor" : tintColor,
-          @"cancelButtonTintColor" : cancelButtonTintColor,
-          @"disabledButtonIndices" : disabledButtonIndices,
-        });
-    return;
-  }
-
-  /*
-   * 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;
-
-  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
-                                                                           message:message
-                                                                    preferredStyle:UIAlertControllerStyleActionSheet];
-
-  NSInteger index = 0;
-  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;
-  for (NSString *option in buttons) {
-    UIAlertActionStyle style = UIAlertActionStyleDefault;
-    if ([destructiveButtonIndices containsObject:@(index)]) {
-      style = UIAlertActionStyleDestructive;
-    } else if (index == cancelButtonIndex) {
-      style = UIAlertActionStyleCancel;
-      isCancelButtonIndex = true;
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UIViewController *controller = RCTPresentedViewController();
+
+    if (controller == nil) {
+      RCTLogError(
+          @"Tried to display action sheet but there is no application window. options: %@", @{
+            @"title" : title,
+            @"message" : message,
+            @"options" : buttons,
+            @"cancelButtonIndex" : @(cancelButtonIndex),
+            @"destructiveButtonIndices" : destructiveButtonIndices,
+            @"anchor" : anchor,
+            @"tintColor" : tintColor,
+            @"cancelButtonTintColor" : cancelButtonTintColor,
+            @"disabledButtonIndices" : disabledButtonIndices,
+          });
+      return;
     }
 
-    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];
+    /*
+     * 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;
+
+    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
+                                                                             message:message
+                                                                      preferredStyle:UIAlertControllerStyleActionSheet];
+
+    NSInteger index = 0;
+    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;
+    for (NSString *option in buttons) {
+      UIAlertActionStyle style = UIAlertActionStyleDefault;
+      if ([destructiveButtonIndices containsObject:@(index)]) {
+        style = UIAlertActionStyleDestructive;
+      } else if (index == cancelButtonIndex) {
+        style = UIAlertActionStyleCancel;
+        isCancelButtonIndex = true;
+      }
 
-    index++;
-  }
+      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];
 
-  if (disabledButtonIndices) {
-    for (NSNumber *disabledButtonIndex in disabledButtonIndices) {
-      if ([disabledButtonIndex integerValue] < buttons.count) {
-        [alertController.actions[[disabledButtonIndex integerValue]] setEnabled:false];
-      } else {
-        RCTLogError(
-            @"Index %@ from `disabledButtonIndices` is out of bounds. Maximum index value is %@.",
-            @([disabledButtonIndex integerValue]),
-            @(buttons.count - 1));
-        return;
+      index++;
+    }
+
+    if (disabledButtonIndices) {
+      for (NSNumber *disabledButtonIndex in disabledButtonIndices) {
+        if ([disabledButtonIndex integerValue] < buttons.count) {
+          [alertController.actions[[disabledButtonIndex integerValue]] setEnabled:false];
+        } else {
+          RCTLogError(
+              @"Index %@ from `disabledButtonIndices` is out of bounds. Maximum index value is %@.",
+              @([disabledButtonIndex integerValue]),
+              @(buttons.count - 1));
+          return;
+        }
       }
     }
-  }
 
-  alertController.view.tintColor = tintColor;
-  NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
+    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;
-  }
+    if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
+    } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
+    } else if ([userInterfaceStyle isEqualToString:@"light"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
+    }
 
-  [_alertControllers addObject:alertController];
-  [self presentViewController:alertController onParentViewController:controller anchorViewTag:anchorViewTag];
+    [self->_alertControllers addObject:alertController];
+    [self presentViewController:alertController onParentViewController:controller anchorViewTag:anchorViewTag];
+  });
 }
 
 RCT_EXPORT_METHOD(dismissActionSheet)
@@ -201,9 +198,11 @@ - (void)presentViewController:(UIViewController *)alertController
     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];
+  });
 }
 
 RCT_EXPORT_METHOD(showShareActionSheetWithOptions
@@ -218,68 +217,69 @@ - (void)presentViewController:(UIViewController *)alertController
 
   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;
-  }
-
-  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];
+  UIColor *tintColor = [RCTConvert UIColor:options.tintColor() ? @(*options.tintColor()) : nil];
 
-  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()];
+    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];
+  });
 }
 
 - (std::shared_ptr<TurboModule>)getTurboModule:(const ObjCTurboModule::InitParams &)params
diff --git a/packages/react-native/React/CoreModules/RCTAlertController.mm b/packages/react-native/React/CoreModules/RCTAlertController.mm
index cd01ef56d726..b47ce0adefa0 100644
--- a/packages/react-native/React/CoreModules/RCTAlertController.mm
+++ b/packages/react-native/React/CoreModules/RCTAlertController.mm
@@ -20,17 +20,7 @@ @implementation RCTAlertController
 - (UIWindow *)alertWindow
 {
   if (_alertWindow == nil) {
-    _alertWindow = [self getUIWindowFromScene];
-
-    if (_alertWindow == nil) {
-      UIWindow *keyWindow = RCTSharedApplication().keyWindow;
-      if (keyWindow) {
-        _alertWindow = [[UIWindow alloc] initWithFrame:keyWindow.bounds];
-      } else {
-        // keyWindow is nil, so we cannot create and initialize _alertWindow
-        NSLog(@"Unable to create alert window: keyWindow is nil");
-      }
-    }
+    _alertWindow = [[UIWindow alloc] initWithWindowScene:RCTKeyWindow().windowScene];
 
     if (_alertWindow) {
       _alertWindow.rootViewController = [UIViewController new];
@@ -45,9 +35,8 @@ - (void)show:(BOOL)animated completion:(void (^)(void))completion
 {
   UIUserInterfaceStyle style = self.overrideUserInterfaceStyle;
   if (style == UIUserInterfaceStyleUnspecified) {
-    style = RCTSharedApplication().delegate.window.overrideUserInterfaceStyle
-        ? RCTSharedApplication().delegate.window.overrideUserInterfaceStyle
-        : UIUserInterfaceStyleUnspecified;
+    UIUserInterfaceStyle overriddenStyle = RCTKeyWindow().overrideUserInterfaceStyle;
+    style = overriddenStyle ? overriddenStyle : UIUserInterfaceStyleUnspecified;
   }
 
   self.overrideUserInterfaceStyle = style;
@@ -65,16 +54,4 @@ - (void)hide
   _alertWindow = nil;
 }
 
-- (UIWindow *)getUIWindowFromScene
-{
-  for (UIScene *scene in RCTSharedApplication().connectedScenes) {
-    if (scene.activationState == UISceneActivationStateForegroundActive &&
-        [scene isKindOfClass:[UIWindowScene class]]) {
-      return [[UIWindow alloc] initWithWindowScene:(UIWindowScene *)scene];
-    }
-  }
-
-  return nil;
-}
-
 @end
diff --git a/packages/react-native/React/CoreModules/RCTAlertManager.mm b/packages/react-native/React/CoreModules/RCTAlertManager.mm
index 085166e88aa1..415bb1f6fb83 100644
--- a/packages/react-native/React/CoreModules/RCTAlertManager.mm
+++ b/packages/react-native/React/CoreModules/RCTAlertManager.mm
@@ -49,9 +49,11 @@ - (dispatch_queue_t)methodQueue
 
 - (void)invalidate
 {
-  for (UIAlertController *alertController in _alertControllers) {
-    [alertController.presentingViewController dismissViewControllerAnimated:YES completion:nil];
-  }
+  RCTExecuteOnMainQueue(^{
+    for (UIAlertController *alertController in self->_alertControllers) {
+      [alertController.presentingViewController dismissViewControllerAnimated:YES completion:nil];
+    }
+  });
 }
 
 /**
@@ -82,6 +84,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()];
 
   if (!title && !message) {
     RCTLogError(@"Must specify either an alert title, or message, or both");
@@ -101,101 +104,99 @@ - (void)invalidate
     }
   }
 
-  RCTAlertController *alertController = [RCTAlertController alertControllerWithTitle:title
-                                                                             message:nil
-                                                                      preferredStyle:UIAlertControllerStyleAlert];
-
-  UIUserInterfaceStyle userInterfaceStyle = [RCTConvert UIUserInterfaceStyle:args.userInterfaceStyle()];
-  alertController.overrideUserInterfaceStyle = userInterfaceStyle;
-
-  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;
+  RCTExecuteOnMainQueue(^{
+    RCTAlertController *alertController = [RCTAlertController alertControllerWithTitle:title
+                                                                               message:nil
+                                                                        preferredStyle:UIAlertControllerStyleAlert];
+
+    alertController.overrideUserInterfaceStyle = userInterfaceStyle;
+
+    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 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;
-
-  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;
+    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;
+
+      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];
-
-    if ([buttonKey isEqualToString:preferredButtonKey]) {
-      [alertController setPreferredAction:alertAction];
-    }
-  }
+                                 }];
+      [alertController addAction:alertAction];
 
-  if (!_alertControllers) {
-    _alertControllers = [NSHashTable weakObjectsHashTable];
-  }
-  [_alertControllers addObject:alertController];
+      if ([buttonKey isEqualToString:preferredButtonKey]) {
+        [alertController setPreferredAction:alertAction];
+      }
+    }
 
-  dispatch_async(dispatch_get_main_queue(), ^{
+    if (!self->_alertControllers) {
+      self->_alertControllers = [NSHashTable weakObjectsHashTable];
+    }
+    [self->_alertControllers addObject:alertController];
     [alertController show:YES completion:nil];
   });
 }
diff --git a/packages/react-native/React/CoreModules/RCTAppState.mm b/packages/react-native/React/CoreModules/RCTAppState.mm
index 0aa63fc6b533..907e6ce2ac6a 100644
--- a/packages/react-native/React/CoreModules/RCTAppState.mm
+++ b/packages/react-native/React/CoreModules/RCTAppState.mm
@@ -107,9 +107,7 @@ - (void)stopObserving
 
 - (void)handleMemoryWarning
 {
-  if ([self canSendEvents_DEPRECATED]) {
-    [self sendEventWithName:@"memoryWarning" body:nil];
-  }
+  [self sendEventWithName:@"memoryWarning" body:nil];
 }
 
 - (void)handleAppStateDidChange:(NSNotification *)notification
@@ -126,9 +124,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 449ff0396be8..2ad68a589464 100644
--- a/packages/react-native/React/CoreModules/RCTAppearance.mm
+++ b/packages/react-native/React/CoreModules/RCTAppearance.mm
@@ -70,7 +70,7 @@ @implementation RCTAppearance {
 - (instancetype)init
 {
   if ((self = [super init])) {
-    UITraitCollection *traitCollection = RCTSharedApplication().delegate.window.traitCollection;
+    UITraitCollection *traitCollection = RCTKeyWindow().traitCollection;
     _currentColorScheme = RCTColorSchemePreference(traitCollection);
     [[NSNotificationCenter defaultCenter] addObserver:self
                                              selector:@selector(appearanceChanged:)
@@ -133,14 +133,6 @@ - (void)appearanceChanged:(NSNotification *)notification
   return @[ @"appearanceChanged" ];
 }
 
-- (void)startObserving
-{
-}
-
-- (void)stopObserving
-{
-}
-
 - (void)invalidate
 {
   [super invalidate];
diff --git a/packages/react-native/React/CoreModules/RCTDevLoadingView.mm b/packages/react-native/React/CoreModules/RCTDevLoadingView.mm
index ab9c945790e3..12736cd5297f 100644
--- a/packages/react-native/React/CoreModules/RCTDevLoadingView.mm
+++ b/packages/react-native/React/CoreModules/RCTDevLoadingView.mm
@@ -113,14 +113,14 @@ - (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(
 
   dispatch_async(dispatch_get_main_queue(), ^{
     self->_showDate = [NSDate date];
+
     if (!self->_window && !RCTRunningInTestEnvironment()) {
-      CGSize screenSize = [UIScreen mainScreen].bounds.size;
+      UIWindow *window = RCTKeyWindow();
+      CGFloat windowWidth = window.bounds.size.width;
 
-      UIWindow *window = RCTSharedApplication().keyWindow;
-      self->_window =
-          [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, window.safeAreaInsets.top + 10)];
-      self->_label =
-          [[UILabel alloc] initWithFrame:CGRectMake(0, window.safeAreaInsets.top - 10, screenSize.width, 20)];
+      self->_window = [[UIWindow alloc] initWithWindowScene:window.windowScene];
+      self->_window.frame = CGRectMake(0, 0, windowWidth, window.safeAreaInsets.top + 10);
+      self->_label = [[UILabel alloc] initWithFrame:CGRectMake(0, window.safeAreaInsets.top - 10, windowWidth, 20)];
       [self->_window addSubview:self->_label];
 
       self->_window.windowLevel = UIWindowLevelStatusBar + 1;
@@ -136,9 +136,6 @@ - (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(
 
     self->_window.backgroundColor = backgroundColor;
     self->_window.hidden = NO;
-
-    UIWindowScene *scene = (UIWindowScene *)RCTSharedApplication().connectedScenes.anyObject;
-    self->_window.windowScene = scene;
   });
 
   [self hideBannerAfter:15.0];
diff --git a/packages/react-native/React/CoreModules/RCTDevMenu.h b/packages/react-native/React/CoreModules/RCTDevMenu.h
index b9b76f63e6e3..4886ce60173c 100644
--- a/packages/react-native/React/CoreModules/RCTDevMenu.h
+++ b/packages/react-native/React/CoreModules/RCTDevMenu.h
@@ -98,6 +98,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 2154e3ebefc3..2f57d4b0b46a 100644
--- a/packages/react-native/React/CoreModules/RCTDevMenu.mm
+++ b/packages/react-native/React/CoreModules/RCTDevMenu.mm
@@ -23,6 +23,10 @@
 #import <React/RCTInspectorDevServerHelper.h>
 #endif
 
+@protocol RCTDevMenuItemProvider
+- (RCTDevMenuItem *)devMenuItem;
+@end
+
 NSString *const RCTShowDevMenuNotification = @"RCTShowDevMenuNotification";
 
 @implementation UIWindow (RCTDevMenu)
@@ -211,11 +215,15 @@ - (void)showOnShake
 
 - (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];
   }
@@ -261,26 +269,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];
@@ -297,6 +306,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 * {
@@ -380,16 +396,18 @@ - (void)setDefaultJSBundle
       ? UIAlertControllerStyleActionSheet
       : UIAlertControllerStyleAlert;
 
-  NSString *devMenuType = self.bridge ? @"Bridge" : @"Bridgeless";
+  NSString *devMenuType = [self.bridge isKindOfClass:RCTBridge.class] ? @"Bridge" : @"Bridgeless";
   NSString *devMenuTitle = [NSString stringWithFormat:@"React Native Dev Menu (%@)", devMenuType];
 
   _actionSheet = [UIAlertController alertControllerWithTitle:devMenuTitle message:description preferredStyle:style];
 
   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 346738bccb63..887a69c06c1b 100644
--- a/packages/react-native/React/CoreModules/RCTDevSettings.mm
+++ b/packages/react-native/React/CoreModules/RCTDevSettings.mm
@@ -10,6 +10,7 @@
 #import <objc/runtime.h>
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
+#import <React/RCTBridge+Inspector.h>
 #import <React/RCTBridge+Private.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTConstants.h>
@@ -157,6 +158,11 @@ + (BOOL)requiresMainQueueSetup
   return NO;
 }
 
+- (BOOL)_isBridgeMode
+{
+  return [self.bridge isKindOfClass:[RCTBridge class]];
+}
+
 - (instancetype)initWithDataSource:(id<RCTDevSettingsDataSource>)dataSource
 {
   if (self = [super init]) {
@@ -177,7 +183,7 @@ - (instancetype)initWithDataSource:(id<RCTDevSettingsDataSource>)dataSource
 - (void)initialize
 {
 #if RCT_DEV_SETTINGS_ENABLE_PACKAGER_CONNECTION
-  if (self.bridge) {
+  if ([self _isBridgeMode]) {
     RCTBridge *__weak weakBridge = self.bridge;
     _bridgeExecutorOverrideToken = [[RCTPackagerConnection sharedPackagerConnection]
         addNotificationHandler:^(id params) {
@@ -199,7 +205,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"];
@@ -208,7 +214,7 @@ - (void)initialize
 #endif
 
 #if RCT_ENABLE_INSPECTOR
-  if (self.bridge) {
+  if ([self _isBridgeMode]) {
     // We need this dispatch to the main thread because the bridge is not yet
     // finished with its initialisation. By the time it relinquishes control of
     // the main thread, this operation can be performed.
@@ -249,7 +255,7 @@ - (void)invalidate
 {
   [super invalidate];
 #if RCT_DEV_SETTINGS_ENABLE_PACKAGER_CONNECTION
-  if (self.bridge) {
+  if ([self _isBridgeMode]) {
     [[RCTPackagerConnection sharedPackagerConnection] removeHandler:_bridgeExecutorOverrideToken];
   }
 
@@ -280,7 +286,7 @@ - (id)settingForKey:(NSString *)key
 - (BOOL)isDeviceDebuggingAvailable
 {
 #if RCT_ENABLE_INSPECTOR
-  if (self.bridge) {
+  if ([self _isBridgeMode]) {
     return self.bridge.isInspectable;
   } else {
     return self.isInspectable;
diff --git a/packages/react-native/React/CoreModules/RCTDeviceInfo.mm b/packages/react-native/React/CoreModules/RCTDeviceInfo.mm
index f2d55e334a9a..573c0c320a0c 100644
--- a/packages/react-native/React/CoreModules/RCTDeviceInfo.mm
+++ b/packages/react-native/React/CoreModules/RCTDeviceInfo.mm
@@ -54,11 +54,6 @@ - (void)initialize
 
   _currentInterfaceOrientation = [RCTSharedApplication() statusBarOrientation];
 
-  [[NSNotificationCenter defaultCenter] addObserver:self
-                                           selector:@selector(interfaceOrientationDidChange)
-                                               name:UIApplicationDidChangeStatusBarOrientationNotification
-                                             object:nil];
-
   _currentInterfaceDimensions = [self _exportedDimensions];
 
   [[NSNotificationCenter defaultCenter] addObserver:self
@@ -73,13 +68,48 @@ - (void)initialize
 
   [[NSNotificationCenter defaultCenter] addObserver:self
                                            selector:@selector(interfaceFrameDidChange)
-                                               name:RCTRootViewFrameDidChangeNotification
+                                               name:RCTWindowFrameDidChangeNotification
+                                             object:nil];
+  [[NSNotificationCenter defaultCenter] addObserver:self
+                                           selector:@selector(interfaceFrameDidChange)
+                                               name:UIDeviceOrientationDidChangeNotification
+                                             object:nil];
+
+  // TODO T175901725 - Registering the RCTDeviceInfo module to the notification is a short-term fix to unblock 0.73
+  // The actual behavior should be that the module is properly registered in the TurboModule/Bridge infrastructure
+  // and the infrastructure imperatively invoke the `invalidate` method, rather than listening to a notification.
+  // This is a temporary workaround until we can investigate the issue better as there might be other modules in a
+  // similar situation.
+  [[NSNotificationCenter defaultCenter] addObserver:self
+                                           selector:@selector(invalidate)
+                                               name:RCTBridgeWillInvalidateModulesNotification
                                              object:nil];
 }
 
 - (void)invalidate
 {
+  if (_invalidated) {
+    return;
+  }
   _invalidated = YES;
+  [self _cleanupObservers];
+}
+
+- (void)_cleanupObservers
+{
+  [[NSNotificationCenter defaultCenter] removeObserver:self
+                                                  name:RCTAccessibilityManagerDidUpdateMultiplierNotification
+                                                object:[_moduleRegistry moduleForName:"AccessibilityManager"]];
+
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationDidBecomeActiveNotification object:nil];
+
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:RCTUserInterfaceStyleDidChangeNotification object:nil];
+
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:RCTWindowFrameDidChangeNotification object:nil];
+
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:RCTBridgeWillInvalidateModulesNotification object:nil];
+
+  [[NSNotificationCenter defaultCenter] removeObserver:self name:UIDeviceOrientationDidChangeNotification object:nil];
 }
 
 static BOOL RCTIsIPhoneNotched()
diff --git a/packages/react-native/React/CoreModules/RCTPerfMonitor.mm b/packages/react-native/React/CoreModules/RCTPerfMonitor.mm
index a089054feb6f..776b5e77083a 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/RCTPlatform.mm b/packages/react-native/React/CoreModules/RCTPlatform.mm
index 7c76ffb1f8a3..a908677a3c66 100644
--- a/packages/react-native/React/CoreModules/RCTPlatform.mm
+++ b/packages/react-native/React/CoreModules/RCTPlatform.mm
@@ -30,6 +30,10 @@
       return @"tv";
     case UIUserInterfaceIdiomCarPlay:
       return @"carplay";
+#if TARGET_OS_VISION
+    case UIUserInterfaceIdiomVision:
+      return @"vision";
+#endif
     default:
       return @"unknown";
   }
@@ -65,18 +69,21 @@ - (dispatch_queue_t)methodQueue
     UIDevice *device = [UIDevice currentDevice];
     auto versions = RCTGetReactNativeVersion();
     constants = typedConstants<JS::NativePlatformConstantsIOS::Constants>({
-        .forceTouchAvailable = RCTForceTouchAvailable() ? true : false,
-        .osVersion = [device systemVersion],
-        .systemName = [device systemName],
-        .interfaceIdiom = interfaceIdiom([device userInterfaceIdiom]),
-        .isTesting = RCTRunningInTestEnvironment() ? true : false,
-        .reactNativeVersion = JS::NativePlatformConstantsIOS::ConstantsReactNativeVersion::Builder(
-            {.minor = [versions[@"minor"] doubleValue],
-             .major = [versions[@"major"] doubleValue],
-             .patch = [versions[@"patch"] doubleValue],
-             .prerelease = [versions[@"prerelease"] isKindOfClass:[NSNull class]]
-                 ? std::optional<double>{}
-                 : [versions[@"prerelease"] doubleValue]}),
+      .forceTouchAvailable = RCTForceTouchAvailable() ? true : false, .osVersion = [device systemVersion],
+      .systemName = [device systemName], .interfaceIdiom = interfaceIdiom([device userInterfaceIdiom]),
+      .isTesting = RCTRunningInTestEnvironment() ? true : false,
+      .reactNativeVersion = JS::NativePlatformConstantsIOS::ConstantsReactNativeVersion::Builder(
+          {.minor = [versions[@"minor"] doubleValue],
+           .major = [versions[@"major"] doubleValue],
+           .patch = [versions[@"patch"] doubleValue],
+           .prerelease = [versions[@"prerelease"] isKindOfClass:[NSNull class]]
+               ? std::optional<double>{}
+               : [versions[@"prerelease"] doubleValue]}),
+#if TARGET_OS_MACCATALYST
+      .isMacCatalyst = true,
+#else
+        .isMacCatalyst = false,
+#endif
     });
   });
 
diff --git a/packages/react-native/React/CoreModules/RCTRedBox.mm b/packages/react-native/React/CoreModules/RCTRedBox.mm
index dc58594a8070..15cf2f023aaa 100644
--- a/packages/react-native/React/CoreModules/RCTRedBox.mm
+++ b/packages/react-native/React/CoreModules/RCTRedBox.mm
@@ -25,7 +25,7 @@
 
 #if RCT_DEV_MENU
 
-@class RCTRedBoxWindow;
+@class RCTRedBoxController;
 
 @interface UIButton (RCTRedBox)
 
@@ -62,120 +62,136 @@ - (void)rct_addBlock:(RCTRedBoxButtonPressHandler)handler forControlEvents:(UICo
 
 @end
 
-@protocol RCTRedBoxWindowActionDelegate <NSObject>
+@protocol RCTRedBoxControllerActionDelegate <NSObject>
 
-- (void)redBoxWindow:(RCTRedBoxWindow *)redBoxWindow openStackFrameInEditor:(RCTJSStackFrame *)stackFrame;
-- (void)reloadFromRedBoxWindow:(RCTRedBoxWindow *)redBoxWindow;
+- (void)redBoxController:(RCTRedBoxController *)redBoxController openStackFrameInEditor:(RCTJSStackFrame *)stackFrame;
+- (void)reloadFromRedBoxController:(RCTRedBoxController *)redBoxController;
 - (void)loadExtraDataViewController;
 
 @end
 
-@interface RCTRedBoxWindow : NSObject <UITableViewDelegate, UITableViewDataSource>
-@property (nonatomic, strong) UIViewController *rootViewController;
-@property (nonatomic, weak) id<RCTRedBoxWindowActionDelegate> actionDelegate;
+@interface RCTRedBoxController : UIViewController <UITableViewDelegate, UITableViewDataSource>
+@property (nonatomic, weak) id<RCTRedBoxControllerActionDelegate> actionDelegate;
 @end
 
-@implementation RCTRedBoxWindow {
+@implementation RCTRedBoxController {
   UITableView *_stackTraceTableView;
   NSString *_lastErrorMessage;
   NSArray<RCTJSStackFrame *> *_lastStackTrace;
+  NSArray<NSString *> *_customButtonTitles;
+  NSArray<RCTRedBoxButtonPressHandler> *_customButtonHandlers;
   int _lastErrorCookie;
 }
 
-- (instancetype)initWithFrame:(CGRect)frame
-           customButtonTitles:(NSArray<NSString *> *)customButtonTitles
-         customButtonHandlers:(NSArray<RCTRedBoxButtonPressHandler> *)customButtonHandlers
+- (instancetype)initWithCustomButtonTitles:(NSArray<NSString *> *)customButtonTitles
+                      customButtonHandlers:(NSArray<RCTRedBoxButtonPressHandler> *)customButtonHandlers
 {
   if (self = [super init]) {
     _lastErrorCookie = -1;
+    _customButtonTitles = customButtonTitles;
+    _customButtonHandlers = customButtonHandlers;
+  }
 
-    _rootViewController = [UIViewController new];
-    UIView *rootView = _rootViewController.view;
-    rootView.frame = frame;
-    rootView.backgroundColor = [UIColor blackColor];
+  return self;
+}
+
+- (void)viewDidLoad
+{
+  self.view.backgroundColor = [UIColor blackColor];
 
-    const CGFloat buttonHeight = 60;
+  const CGFloat buttonHeight = 60;
 
-    CGRect detailsFrame = rootView.bounds;
-    detailsFrame.size.height -= buttonHeight + (double)[self bottomSafeViewHeight];
+  CGRect detailsFrame = self.view.bounds;
+  detailsFrame.size.height -= buttonHeight + (double)[self bottomSafeViewHeight];
 
-    _stackTraceTableView = [[UITableView alloc] initWithFrame:detailsFrame style:UITableViewStylePlain];
-    _stackTraceTableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-    _stackTraceTableView.delegate = self;
-    _stackTraceTableView.dataSource = self;
-    _stackTraceTableView.backgroundColor = [UIColor clearColor];
-    _stackTraceTableView.separatorColor = [UIColor colorWithWhite:1 alpha:0.3];
-    _stackTraceTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
-    _stackTraceTableView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
-    [rootView addSubview:_stackTraceTableView];
+  _stackTraceTableView = [[UITableView alloc] initWithFrame:detailsFrame style:UITableViewStylePlain];
+  _stackTraceTableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+  _stackTraceTableView.delegate = self;
+  _stackTraceTableView.dataSource = self;
+  _stackTraceTableView.backgroundColor = [UIColor clearColor];
+  _stackTraceTableView.separatorColor = [UIColor colorWithWhite:1 alpha:0.3];
+  _stackTraceTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+  _stackTraceTableView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
+  [self.view addSubview:_stackTraceTableView];
 
 #if TARGET_OS_SIMULATOR || TARGET_OS_MACCATALYST
-    NSString *reloadText = @"Reload\n(\u2318R)";
-    NSString *dismissText = @"Dismiss\n(ESC)";
-    NSString *copyText = @"Copy\n(\u2325\u2318C)";
-    NSString *extraText = @"Extra Info\n(\u2318E)";
+  NSString *reloadText = @"Reload\n(\u2318R)";
+  NSString *dismissText = @"Dismiss\n(ESC)";
+  NSString *copyText = @"Copy\n(\u2325\u2318C)";
+  NSString *extraText = @"Extra Info\n(\u2318E)";
 #else
-    NSString *reloadText = @"Reload JS";
-    NSString *dismissText = @"Dismiss";
-    NSString *copyText = @"Copy";
-    NSString *extraText = @"Extra Info";
+  NSString *reloadText = @"Reload JS";
+  NSString *dismissText = @"Dismiss";
+  NSString *copyText = @"Copy";
+  NSString *extraText = @"Extra Info";
 #endif
 
-    UIButton *dismissButton = [self redBoxButton:dismissText
-                         accessibilityIdentifier:@"redbox-dismiss"
-                                        selector:@selector(dismiss)
-                                           block:nil];
-    UIButton *reloadButton = [self redBoxButton:reloadText
-                        accessibilityIdentifier:@"redbox-reload"
-                                       selector:@selector(reload)
-                                          block:nil];
-    UIButton *copyButton = [self redBoxButton:copyText
-                      accessibilityIdentifier:@"redbox-copy"
-                                     selector:@selector(copyStack)
-                                        block:nil];
-    UIButton *extraButton = [self redBoxButton:extraText
-                       accessibilityIdentifier:@"redbox-extra"
-                                      selector:@selector(showExtraDataViewController)
+  UIButton *dismissButton = [self redBoxButton:dismissText
+                       accessibilityIdentifier:@"redbox-dismiss"
+                                      selector:@selector(dismiss)
                                          block:nil];
+  UIButton *reloadButton = [self redBoxButton:reloadText
+                      accessibilityIdentifier:@"redbox-reload"
+                                     selector:@selector(reload)
+                                        block:nil];
+  UIButton *copyButton = [self redBoxButton:copyText
+                    accessibilityIdentifier:@"redbox-copy"
+                                   selector:@selector(copyStack)
+                                      block:nil];
+  UIButton *extraButton = [self redBoxButton:extraText
+                     accessibilityIdentifier:@"redbox-extra"
+                                    selector:@selector(showExtraDataViewController)
+                                       block:nil];
+
+  [NSLayoutConstraint activateConstraints:@[
+    [dismissButton.heightAnchor constraintEqualToConstant:buttonHeight],
+    [reloadButton.heightAnchor constraintEqualToConstant:buttonHeight],
+    [copyButton.heightAnchor constraintEqualToConstant:buttonHeight],
+    [extraButton.heightAnchor constraintEqualToConstant:buttonHeight]
+  ]];
+
+  UIStackView *buttonStackView = [[UIStackView alloc] init];
+  buttonStackView.translatesAutoresizingMaskIntoConstraints = NO;
+  buttonStackView.axis = UILayoutConstraintAxisHorizontal;
+  buttonStackView.distribution = UIStackViewDistributionFillEqually;
+  buttonStackView.alignment = UIStackViewAlignmentTop;
+  buttonStackView.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
+
+  [buttonStackView addArrangedSubview:dismissButton];
+  [buttonStackView addArrangedSubview:reloadButton];
+  [buttonStackView addArrangedSubview:copyButton];
+  [buttonStackView addArrangedSubview:extraButton];
+
+  [self.view addSubview:buttonStackView];
+
+  [NSLayoutConstraint activateConstraints:@[
+    [buttonStackView.heightAnchor constraintEqualToConstant:buttonHeight + [self bottomSafeViewHeight]],
+    [buttonStackView.leadingAnchor constraintEqualToAnchor:self.view.leadingAnchor],
+    [buttonStackView.trailingAnchor constraintEqualToAnchor:self.view.trailingAnchor],
+    [buttonStackView.bottomAnchor constraintEqualToAnchor:self.view.bottomAnchor]
+  ]];
+
+  for (NSUInteger i = 0; i < [_customButtonTitles count]; i++) {
+    UIButton *button = [self redBoxButton:_customButtonTitles[i]
+                  accessibilityIdentifier:@""
+                                 selector:nil
+                                    block:_customButtonHandlers[i]];
+    [button.heightAnchor constraintEqualToConstant:buttonHeight].active = YES;
+    [buttonStackView addArrangedSubview:button];
+  }
 
-    CGFloat buttonWidth = frame.size.width / (CGFloat)(4 + [customButtonTitles count]);
-    CGFloat bottomButtonHeight = frame.size.height - buttonHeight - (CGFloat)[self bottomSafeViewHeight];
-    dismissButton.frame = CGRectMake(0, bottomButtonHeight, buttonWidth, buttonHeight);
-    reloadButton.frame = CGRectMake(buttonWidth, bottomButtonHeight, buttonWidth, buttonHeight);
-    copyButton.frame = CGRectMake(buttonWidth * 2, bottomButtonHeight, buttonWidth, buttonHeight);
-    extraButton.frame = CGRectMake(buttonWidth * 3, bottomButtonHeight, buttonWidth, buttonHeight);
-
-    [rootView addSubview:dismissButton];
-    [rootView addSubview:reloadButton];
-    [rootView addSubview:copyButton];
-    [rootView addSubview:extraButton];
-
-    for (NSUInteger i = 0; i < [customButtonTitles count]; i++) {
-      UIButton *button = [self redBoxButton:customButtonTitles[i]
-                    accessibilityIdentifier:@""
-                                   selector:nil
-                                      block:customButtonHandlers[i]];
-      button.frame = CGRectMake(buttonWidth * (double)(4 + i), bottomButtonHeight, buttonWidth, buttonHeight);
-      [rootView addSubview:button];
-    }
-
-    UIView *topBorder =
-        [[UIView alloc] initWithFrame:CGRectMake(0, bottomButtonHeight + 1, rootView.frame.size.width, 1)];
-    topBorder.backgroundColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-
-    [rootView addSubview:topBorder];
+  UIView *topBorder = [[UIView alloc] init];
+  topBorder.translatesAutoresizingMaskIntoConstraints = NO;
+  topBorder.backgroundColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
+  [topBorder.heightAnchor constraintEqualToConstant:1].active = YES;
 
-    UIView *bottomSafeView = [UIView new];
-    bottomSafeView.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
-    bottomSafeView.frame = CGRectMake(
-        0,
-        frame.size.height - (CGFloat)[self bottomSafeViewHeight],
-        frame.size.width,
-        (CGFloat)[self bottomSafeViewHeight]);
+  [self.view addSubview:topBorder];
 
-    [rootView addSubview:bottomSafeView];
-  }
-  return self;
+  [NSLayoutConstraint activateConstraints:@[
+    [topBorder.leadingAnchor constraintEqualToAnchor:self.view.leadingAnchor],
+    [topBorder.trailingAnchor constraintEqualToAnchor:self.view.trailingAnchor],
+    [topBorder.bottomAnchor constraintEqualToAnchor:buttonStackView.topAnchor],
+  ]];
 }
 
 - (UIButton *)redBoxButton:(NSString *)title
@@ -226,7 +242,7 @@ - (void)showErrorMessage:(NSString *)message
   // Remove ANSI color codes from the message
   NSString *messageWithoutAnsi = [self stripAnsi:message];
 
-  BOOL isRootViewControllerPresented = self.rootViewController.presentingViewController != nil;
+  BOOL isRootViewControllerPresented = self.presentingViewController != nil;
   // Show if this is a new message, or if we're updating the previous message
   BOOL isNew = !isRootViewControllerPresented && !isUpdate;
   BOOL isUpdateForSameMessage = !isNew &&
@@ -246,19 +262,25 @@ - (void)showErrorMessage:(NSString *)message
       [_stackTraceTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0]
                                   atScrollPosition:UITableViewScrollPositionTop
                                           animated:NO];
-      [RCTKeyWindow().rootViewController presentViewController:self.rootViewController animated:YES completion:nil];
+      [RCTKeyWindow().rootViewController presentViewController:self animated:YES completion:nil];
     }
   }
 }
 
 - (void)dismiss
 {
-  [self.rootViewController dismissViewControllerAnimated:YES completion:nil];
+  [self dismissViewControllerAnimated:YES completion:nil];
 }
 
 - (void)reload
 {
-  [_actionDelegate reloadFromRedBoxWindow:self];
+  if (_actionDelegate != nil) {
+    [_actionDelegate reloadFromRedBoxController:self];
+  } else {
+    // In bridgeless mode `RCTRedBox` gets deallocated, we need to notify listeners anyway.
+    RCTTriggerReloadCommandListeners(@"Redbox");
+    [self dismiss];
+  }
 }
 
 - (void)showExtraDataViewController
@@ -396,7 +418,7 @@ - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath
   if (indexPath.section == 1) {
     NSUInteger row = indexPath.row;
     RCTJSStackFrame *stackFrame = _lastStackTrace[row];
-    [_actionDelegate redBoxWindow:self openStackFrameInEditor:stackFrame];
+    [_actionDelegate redBoxController:self openStackFrameInEditor:stackFrame];
   }
   [tableView deselectRowAtIndexPath:indexPath animated:YES];
 }
@@ -438,13 +460,13 @@ - (BOOL)canBecomeFirstResponder
 
 @interface RCTRedBox () <
     RCTInvalidating,
-    RCTRedBoxWindowActionDelegate,
+    RCTRedBoxControllerActionDelegate,
     RCTRedBoxExtraDataActionDelegate,
     NativeRedBoxSpec>
 @end
 
 @implementation RCTRedBox {
-  RCTRedBoxWindow *_window;
+  RCTRedBoxController *_controller;
   NSMutableArray<id<RCTErrorCustomizer>> *_errorCustomizers;
   RCTRedBoxExtraDataViewController *_extraDataViewController;
   NSMutableArray<NSString *> *_customButtonTitles;
@@ -592,20 +614,18 @@ - (void)showErrorMessage:(NSString *)message
     [[self->_moduleRegistry moduleForName:"EventDispatcher"] sendDeviceEventWithName:@"collectRedBoxExtraData"
                                                                                 body:nil];
 #pragma clang diagnostic pop
-
-    if (!self->_window) {
-      self->_window = [[RCTRedBoxWindow alloc] initWithFrame:[UIScreen mainScreen].bounds
-                                          customButtonTitles:self->_customButtonTitles
-                                        customButtonHandlers:self->_customButtonHandlers];
-      self->_window.actionDelegate = self;
+    if (!self->_controller) {
+      self->_controller = [[RCTRedBoxController alloc] initWithCustomButtonTitles:self->_customButtonTitles
+                                                             customButtonHandlers:self->_customButtonHandlers];
+      self->_controller.actionDelegate = self;
     }
 
     RCTErrorInfo *errorInfo = [[RCTErrorInfo alloc] initWithErrorMessage:message stack:stack];
     errorInfo = [self _customizeError:errorInfo];
-    [self->_window showErrorMessage:errorInfo.errorMessage
-                          withStack:errorInfo.stack
-                           isUpdate:isUpdate
-                        errorCookie:errorCookie];
+    [self->_controller showErrorMessage:errorInfo.errorMessage
+                              withStack:errorInfo.stack
+                               isUpdate:isUpdate
+                            errorCookie:errorCookie];
   });
 }
 
@@ -613,10 +633,8 @@ - (void)loadExtraDataViewController
 {
   dispatch_async(dispatch_get_main_queue(), ^{
     // Make sure the CMD+E shortcut doesn't call this twice
-    if (self->_extraDataViewController != nil && ![self->_window.rootViewController presentedViewController]) {
-      [self->_window.rootViewController presentViewController:self->_extraDataViewController
-                                                     animated:YES
-                                                   completion:nil];
+    if (self->_extraDataViewController != nil && ![self->_controller presentedViewController]) {
+      [self->_controller presentViewController:self->_extraDataViewController animated:YES completion:nil];
     }
   });
 }
@@ -629,7 +647,7 @@ - (void)loadExtraDataViewController
 RCT_EXPORT_METHOD(dismiss)
 {
   dispatch_async(dispatch_get_main_queue(), ^{
-    [self->_window dismiss];
+    [self->_controller dismiss];
   });
 }
 
@@ -638,7 +656,8 @@ - (void)invalidate
   [self dismiss];
 }
 
-- (void)redBoxWindow:(__unused RCTRedBoxWindow *)redBoxWindow openStackFrameInEditor:(RCTJSStackFrame *)stackFrame
+- (void)redBoxController:(__unused RCTRedBoxController *)redBoxController
+    openStackFrameInEditor:(RCTJSStackFrame *)stackFrame
 {
   NSURL *const bundleURL = _overrideBundleURL ?: _bundleManager.bundleURL;
   if (![bundleURL.scheme hasPrefix:@"http"]) {
@@ -661,10 +680,10 @@ - (void)redBoxWindow:(__unused RCTRedBoxWindow *)redBoxWindow openStackFrameInEd
 - (void)reload
 {
   // Window is not used and can be nil
-  [self reloadFromRedBoxWindow:nil];
+  [self reloadFromRedBoxController:nil];
 }
 
-- (void)reloadFromRedBoxWindow:(__unused RCTRedBoxWindow *)redBoxWindow
+- (void)reloadFromRedBoxController:(__unused RCTRedBoxController *)redBoxController
 {
   if (_overrideReloadAction) {
     _overrideReloadAction();
diff --git a/packages/react-native/React/CoreModules/RCTStatusBarManager.mm b/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
index 5d5318fb4148..015a91098e95 100644
--- a/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
+++ b/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
@@ -14,6 +14,9 @@
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 
+static NSString *const kStatusBarFrameDidChange = @"statusBarFrameDidChange";
+static NSString *const kStatusBarFrameWillChange = @"statusBarFrameWillChange";
+
 @implementation RCTConvert (UIStatusBar)
 
 + (UIStatusBarStyle)UIStatusBarStyle:(id)json RCT_DYNAMIC
@@ -71,7 +74,7 @@ + (BOOL)requiresMainQueueSetup
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[ @"statusBarFrameDidChange", @"statusBarFrameWillChange" ];
+  return @[ kStatusBarFrameDidChange, kStatusBarFrameWillChange ];
 }
 
 - (void)startObserving
@@ -92,11 +95,6 @@ - (void)stopObserving
   [[NSNotificationCenter defaultCenter] removeObserver:self];
 }
 
-- (dispatch_queue_t)methodQueue
-{
-  return dispatch_get_main_queue();
-}
-
 - (void)emitEvent:(NSString *)eventName forNotification:(NSNotification *)notification
 {
   CGRect frame = [notification.userInfo[UIApplicationStatusBarFrameUserInfoKey] CGRectValue];
@@ -113,12 +111,12 @@ - (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];
 }
 
 RCT_EXPORT_METHOD(getHeight : (RCTResponseSenderBlock)callback)
@@ -130,35 +128,41 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
 
 RCT_EXPORT_METHOD(setStyle : (NSString *)style animated : (BOOL)animated)
 {
-  UIStatusBarStyle statusBarStyle = [RCTConvert UIStatusBarStyle:style];
-  if (RCTViewControllerBasedStatusBarAppearance()) {
-    RCTLogError(@"RCTStatusBarManager module requires that the \
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UIStatusBarStyle statusBarStyle = [RCTConvert UIStatusBarStyle:style];
+    if (RCTViewControllerBasedStatusBarAppearance()) {
+      RCTLogError(@"RCTStatusBarManager module requires that the \
                 UIViewControllerBasedStatusBarAppearance key in the Info.plist is set to NO");
-  } else {
+    } else {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [RCTSharedApplication() setStatusBarStyle:statusBarStyle animated:animated];
-  }
+      [RCTSharedApplication() setStatusBarStyle:statusBarStyle animated:animated];
+    }
 #pragma clang diagnostic pop
+  });
 }
 
 RCT_EXPORT_METHOD(setHidden : (BOOL)hidden withAnimation : (NSString *)withAnimation)
 {
-  UIStatusBarAnimation animation = [RCTConvert UIStatusBarAnimation:withAnimation];
-  if (RCTViewControllerBasedStatusBarAppearance()) {
-    RCTLogError(@"RCTStatusBarManager module requires that the \
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UIStatusBarAnimation animation = [RCTConvert UIStatusBarAnimation:withAnimation];
+    if (RCTViewControllerBasedStatusBarAppearance()) {
+      RCTLogError(@"RCTStatusBarManager module requires that the \
                 UIViewControllerBasedStatusBarAppearance key in the Info.plist is set to NO");
-  } else {
+    } else {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [RCTSharedApplication() setStatusBarHidden:hidden withAnimation:animation];
+      [RCTSharedApplication() setStatusBarHidden:hidden withAnimation:animation];
 #pragma clang diagnostic pop
-  }
+    }
+  });
 }
 
 RCT_EXPORT_METHOD(setNetworkActivityIndicatorVisible : (BOOL)visible)
 {
-  RCTSharedApplication().networkActivityIndicatorVisible = visible;
+  dispatch_async(dispatch_get_main_queue(), ^{
+    RCTSharedApplication().networkActivityIndicatorVisible = visible;
+  });
 }
 
 - (facebook::react::ModuleConstants<JS::NativeStatusBarManagerIOS::Constants>)getConstants
@@ -166,7 +170,7 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   __block facebook::react::ModuleConstants<JS::NativeStatusBarManagerIOS::Constants> constants;
   RCTUnsafeExecuteOnMainQueueSync(^{
     constants = facebook::react::typedConstants<JS::NativeStatusBarManagerIOS::Constants>({
-        .HEIGHT = RCTSharedApplication().statusBarFrame.size.height,
+        .HEIGHT = RCTUIStatusBarManager().statusBarFrame.size.height,
         .DEFAULT_BACKGROUND_COLOR = std::nullopt,
     });
   });
diff --git a/packages/react-native/React/CoreModules/RCTTiming.mm b/packages/react-native/React/CoreModules/RCTTiming.mm
index 515874172419..0b3630741c80 100644
--- a/packages/react-native/React/CoreModules/RCTTiming.mm
+++ b/packages/react-native/React/CoreModules/RCTTiming.mm
@@ -129,7 +129,9 @@ - (void)setup
   _timers = [NSMutableDictionary new];
   _inBackground = NO;
   RCTExecuteOnMainQueue(^{
-    if (!self->_inBackground && [RCTSharedApplication() applicationState] == UIApplicationStateBackground) {
+    if (!self->_inBackground &&
+        ([RCTSharedApplication() applicationState] == UIApplicationStateBackground ||
+         [UIDevice currentDevice].proximityState)) {
       [self appDidMoveToBackground];
     }
   });
@@ -151,6 +153,11 @@ - (void)setup
                                                  name:name
                                                object:nil];
   }
+
+  [[NSNotificationCenter defaultCenter] addObserver:self
+                                           selector:@selector(proximityChanged)
+                                               name:UIDeviceProximityStateDidChangeNotification
+                                             object:nil];
 }
 
 - (void)dealloc
@@ -187,6 +194,16 @@ - (void)appDidMoveToForeground
   [self startTimers];
 }
 
+- (void)proximityChanged
+{
+  BOOL isClose = [UIDevice currentDevice].proximityState;
+  if (isClose) {
+    [self appDidMoveToBackground];
+  } else {
+    [self appDidMoveToForeground];
+  }
+}
+
 - (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 57f71717184b..738bec0d39bf 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.00'
-socket_rocket_version = '0.6.0'
+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
@@ -46,17 +44,22 @@ Pod::Spec.new do |s|
   s.header_dir             = "CoreModules"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(" ")
                              }
   s.framework = "UIKit"
-  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 af931fd45ca1..05278d557254 100644
--- a/packages/react-native/React/CxxBridge/RCTCxxBridge.mm
+++ b/packages/react-native/React/CxxBridge/RCTCxxBridge.mm
@@ -9,6 +9,7 @@
 #include <future>
 
 #import <React/RCTAssert.h>
+#import <React/RCTBridge+Inspector.h>
 #import <React/RCTBridge+Private.h>
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeMethod.h>
@@ -38,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"
@@ -423,7 +417,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);
@@ -438,11 +432,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);
   }];
 
@@ -657,6 +659,7 @@ - (id)moduleForClass:(Class)moduleClass
 }
 
 - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
+    parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   if (!self.valid) {
     return;
@@ -676,7 +679,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()) {
@@ -689,6 +692,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);
 
@@ -697,7 +701,8 @@ - (void)_initializeBridgeLocked:(std::shared_ptr<JSExecutorFactory>)executorFact
       std::make_unique<RCTInstanceCallback>(self),
       executorFactory,
       _jsMessageThread,
-      [self _buildModuleRegistryUnlocked]);
+      [self _buildModuleRegistryUnlocked],
+      parentInspectorTarget);
   _moduleRegistryCreated = YES;
 }
 
@@ -1187,6 +1192,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 5be6db1c2841..1c7ba7bd87ec 100644
--- a/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h
+++ b/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h
@@ -15,8 +15,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 819e14a39fd7..293782881fd1 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 <UIKit/UIKit.h>
 
+#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,23 +44,72 @@
   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]];
+}
+
+// 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]
+  NSString *identifierForVendor = [[UIDevice currentDevice] identifierForVendor].UUIDString;
+
+  NSString *rawDeviceId = [NSString stringWithFormat:@"apple-%@-%@", identifierForVendor, bundleId];
+
+  return getSHA256(rawDeviceId);
+}
+
 static NSURL *getInspectorDeviceUrl(NSURL *bundleURL)
 {
   NSString *escapedDeviceName = [[[UIDevice currentDevice] name]
       stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
   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 NSMutableDictionary<NSString *, id<RCTInspectorPackagerConnectionProtocol>> *socketConnections = nil;
 
 static void sendEventToAllConnections(NSString *event)
 {
@@ -65,13 +118,29 @@ static void sendEventToAllConnections(NSString *event)
   }
 }
 
++ (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"];
 
@@ -87,10 +156,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);
 
@@ -102,9 +174,14 @@ + (RCTInspectorPackagerConnection *)connectWithBundleURL:(NSURL *)bundleURL
   }
 
   NSString *key = [inspectorURL absoluteString];
-  RCTInspectorPackagerConnection *connection = socketConnections[key];
+  id<RCTInspectorPackagerConnectionProtocol> 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];
+    }
+
     socketConnections[key] = connection;
     [connection connect];
   }
diff --git a/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec b/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec
deleted file mode 100644
index 13bad89aefba..000000000000
--- 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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 09b6b70700a2..4d0c75f282ee 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
@@ -41,7 +41,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 = [[UIActivityIndicatorView alloc] initWithFrame:self.bounds];
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 000000000000..9ee085122656
--- /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 <UIKit/UIKit.h>
+
+#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 000000000000..f1afbc5b8472
--- /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 e48d5470179e..afbe4f822843 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 454c3ff1ac27..6ace11ce5ab0 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 fae91e1b10d4..9ad322f0d548 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.
+ */
+- (UIView *)paperView;
+
 @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 42fa691dfebd..4dd1f7782c9d 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;
 }
 
-- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
-{
-  UIView *result = [super hitTest:point withEvent:event];
-
-  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];
   }
 }
 
+- (UIView *)paperView
+{
+  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 0fea1bfc95af..341de93e877f 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 @@ - (UIView *)paperView
                             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 db5b92fb8f48..ff8810cba400 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
@@ -44,7 +44,7 @@ - (void)loadView
 
 - (UIStatusBarStyle)preferredStatusBarStyle
 {
-  return [RCTSharedApplication() statusBarStyle];
+  return [RCTUIStatusBarManager() statusBarStyle];
 }
 
 - (void)viewDidDisappear:(BOOL)animated
@@ -55,7 +55,7 @@ - (void)viewDidDisappear:(BOOL)animated
 
 - (BOOL)prefersStatusBarHidden
 {
-  return [RCTSharedApplication() isStatusBarHidden];
+  return [RCTUIStatusBarManager() isStatusBarHidden];
 }
 
 #if RCT_DEV
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 445a5c79a5af..b0908cd98df3 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
@@ -110,8 +110,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;
@@ -166,7 +165,10 @@ - (void)ensurePresentedOnlyIfNeeded
     // To animate dismissal of view controller, snapshot of
     // view hierarchy needs to be added to the UIViewController.
     UIView *snapshot = _modalContentsSnapshot;
-    [self.viewController.view addSubview:snapshot];
+
+    if (_shouldPresent) {
+      [self.viewController.view addSubview:snapshot];
+    }
 
     [self dismissViewController:self.viewController
                        animated:_shouldAnimatePresentation
@@ -195,7 +197,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 ca5f395c3141..54936a93de7c 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 02d1dc1a125a..f07b0301cd28 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 4efa8b34b4a7..c7d0a525a9ac 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
@@ -7,19 +7,22 @@
 
 #import "RCTRootComponentView.h"
 
+#import <React/RCTRootView.h>
 #import <react/renderer/components/root/RootComponentDescriptor.h>
 #import <react/renderer/components/root/RootProps.h>
 #import "RCTConversions.h"
 
 using namespace facebook::react;
 
-@implementation RCTRootComponentView
+@implementation RCTRootComponentView {
+  BOOL _contentHasAppeared;
+}
 
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const RootProps>();
-    _props = defaultProps;
+    _props = RootShadowNode::defaultSharedProps();
+    _contentHasAppeared = NO;
   }
 
   return self;
@@ -27,6 +30,23 @@ - (instancetype)initWithFrame:(CGRect)frame
 
 #pragma mark - RCTComponentViewProtocol
 
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _contentHasAppeared = NO;
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  [super mountChildComponentView:childComponentView index:index];
+  if (!self->_contentHasAppeared) {
+    self->_contentHasAppeared = YES;
+    dispatch_async(dispatch_get_main_queue(), ^{
+      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification object:self];
+    });
+  }
+}
+
 + (ComponentDescriptorProvider)componentDescriptorProvider
 {
   return concreteComponentDescriptorProvider<RootComponentDescriptor>();
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 4c9060f1a622..709e378ad49d 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 231777cd4895..64b09228a397 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
@@ -36,8 +36,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();
 
     _refreshControl = [UIRefreshControl new];
     [_refreshControl addTarget:self
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 504b0ef147ae..547dd819a74e 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
@@ -105,6 +105,9 @@ @implementation RCTScrollViewComponentView {
 
   CGRect _prevFirstVisibleFrame;
   __weak UIView *_firstVisibleView;
+
+  CGFloat _endDraggingSensitivityMultiplier;
+  CGFloat _endDraggingSensitivityVelocityMultiplier;
 }
 
 + (RCTScrollViewComponentView *_Nullable)findScrollViewComponentViewForView:(UIView *)view
@@ -118,10 +121,9 @@ + (RCTScrollViewComponentView *_Nullable)findScrollViewComponentViewForView:(UIV
 - (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.clipsToBounds = _props->getClipsContentToBounds();
     _scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
     _scrollView.delaysContentTouches = NO;
     ((RCTEnhancedScrollView *)_scrollView).overridingDelegate = self;
@@ -134,11 +136,9 @@ - (instancetype)initWithFrame:(CGRect)frame
 
     [self.scrollViewDelegateSplitter addDelegate:self];
 
-    if (CoreFeatures::disableScrollEventThrottleRequirement) {
-      _scrollEventThrottle = 0;
-    } else {
-      _scrollEventThrottle = INFINITY;
-    }
+    _scrollEventThrottle = 0;
+    _endDraggingSensitivityVelocityMultiplier = 0;
+    _endDraggingSensitivityMultiplier = 1;
   }
 
   return self;
@@ -235,6 +235,9 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     _scrollView.indicatorStyle = RCTUIScrollViewIndicatorStyleFromProps(newScrollViewProps);
   }
 
+  _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.
@@ -250,6 +253,11 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     }
   }
 
+  // Overflow prop
+  if (oldScrollViewProps.getClipsContentToBounds() != newScrollViewProps.getClipsContentToBounds()) {
+    _scrollView.clipsToBounds = newScrollViewProps.getClipsContentToBounds();
+  }
+
   MAP_SCROLL_VIEW_PROP(zoomScale);
 
   if (oldScrollViewProps.contentInset != newScrollViewProps.contentInset) {
@@ -289,7 +297,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;
     }
@@ -417,6 +425,11 @@ - (void)_updateStateWithContentOffset
 
 - (void)prepareForRecycle
 {
+  [super prepareForRecycle];
+  // Must invalidate state before setting contentOffset on ScrollView.
+  // Otherwise the state will be propagated to shadow tree.
+  _state.reset();
+
   const auto &props = static_cast<const ScrollViewProps &>(*_props);
   _scrollView.contentOffset = RCTCGPointFromPoint(props.contentOffset);
   // We set the default behavior to "never" so that iOS
@@ -424,7 +437,6 @@ - (void)prepareForRecycle
   // and keeps it as an opt-in behavior.
   _scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
   _shouldUpdateContentInsetAdjustmentBehavior = YES;
-  _state.reset();
   _isUserTriggeredScrolling = NO;
   CGRect oldFrame = self.frame;
   self.frame = CGRectZero;
@@ -437,6 +449,20 @@ - (void)prepareForRecycle
 
 #pragma mark - UIScrollViewDelegate
 
+- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView
+                     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 UIView *)view
 {
   // Historically, `UIScrollView`s in React Native do not cancel touches
@@ -476,7 +502,12 @@ - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView
 
 - (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView
 {
+  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 d4ed3860e474..941ad9b7f097 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 = [[UISwitch alloc] initWithFrame:self.bounds];
 
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 27f52dd15150..c2cc7f38f439 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
@@ -24,6 +24,12 @@
 
 using namespace facebook::react;
 
+@interface RCTParagraphComponentView () <UIEditMenuInteractionDelegate>
+
+@property (nonatomic, nullable) UIEditMenuInteraction *editMenuInteraction API_AVAILABLE(ios(16.0));
+
+@end
+
 @implementation RCTParagraphComponentView {
   ParagraphShadowNode::ConcreteState::Shared _state;
   ParagraphAttributes _paragraphAttributes;
@@ -34,8 +40,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();
 
     self.opaque = NO;
     self.contentMode = UIViewContentModeRedraw;
@@ -211,32 +216,41 @@ - (void)enableContextMenu
 {
   _longPressGestureRecognizer = [[UILongPressGestureRecognizer alloc] initWithTarget:self
                                                                               action:@selector(handleLongPress:)];
+
+  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;
 }
 
 - (void)handleLongPress:(UILongPressGestureRecognizer *)gesture
 {
-  // TODO: Adopt showMenuFromRect (necessary for UIKitForMac)
-#if !TARGET_OS_UIKITFORMAC
-  UIMenuController *menuController = [UIMenuController sharedMenuController];
+  if (@available(iOS 16.0, macCatalyst 16.0, *)) {
+    CGPoint location = [gesture locationInView:self];
+    UIEditMenuConfiguration *config = [UIEditMenuConfiguration configurationWithIdentifier:nil sourcePoint:location];
+    if (_editMenuInteraction) {
+      [_editMenuInteraction presentEditMenuWithConfiguration:config];
+    }
+  } else {
+    UIMenuController *menuController = [UIMenuController sharedMenuController];
 
-  if (menuController.isMenuVisible) {
-    return;
-  }
+    if (menuController.isMenuVisible) {
+      return;
+    }
 
-  if (!self.isFirstResponder) {
-    [self becomeFirstResponder];
+    [menuController showMenuFromView:self rect:self.bounds];
   }
-
-  [menuController setTargetRect:self.bounds inView:self];
-  [menuController setMenuVisible:YES animated:YES];
-#endif
 }
 
 - (BOOL)canBecomeFirstResponder
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 e7b69bff2f9e..b371ccbe6bff 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
@@ -62,11 +62,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;
@@ -595,6 +594,9 @@ - (void)_setAttributedString:(NSAttributedString *)attributedString
   UITextRange *selectedRange = _backedTextInputView.selectedTextRange;
   NSInteger oldTextLength = _backedTextInputView.attributedText.string.length;
   _backedTextInputView.attributedText = attributedString;
+  // Updating the UITextView attributedText, for example changing the lineHeight, the color or adding
+  // a new paragraph with \n, causes the cursor to move to the end of the Text and scroll.
+  // This is fixed by restoring the cursor position and scrolling to that position (iOS issue 652653).
   if (selectedRange.empty) {
     // Maintaining a cursor position relative to the end of the old text.
     NSInteger offsetStart = [_backedTextInputView offsetFromPosition:_backedTextInputView.beginningOfDocument
@@ -605,6 +607,7 @@ - (void)_setAttributedString:(NSAttributedString *)attributedString
                                                                    offset:newOffset];
     [_backedTextInputView setSelectedTextRange:[_backedTextInputView textRangeFromPosition:position toPosition:position]
                                 notifyDelegate:YES];
+    [_backedTextInputView scrollRangeToVisible:NSMakeRange(offsetStart, 0)];
   }
   [self _restoreTextSelection];
   _lastStringStateWasUpdatedWith = attributedString;
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 fc39e2592de4..fe4c9f6a65b1 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 = [[UILabel alloc] initWithFrame:bounds];
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 6a9efe577fb0..b5185677875a 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 = [[UILabel alloc] initWithFrame:self.bounds];
     _label.backgroundColor = [UIColor 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 d06b0aa8d1c2..8026a4bafc76 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -28,7 +28,7 @@
 
 @implementation RCTViewComponentView {
   UIColor *_backgroundColor;
-  CALayer *_borderLayer;
+  __weak CALayer *_borderLayer;
   BOOL _needsInvalidateLayer;
   BOOL _isJSResponder;
   BOOL _removeClippedSubviews;
@@ -46,8 +46,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];
     self.multipleTouchEnabled = YES;
   }
@@ -92,6 +91,15 @@ - (void)setBackgroundColor:(UIColor *)backgroundColor
   _backgroundColor = backgroundColor;
 }
 
+- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
+{
+  [super traitCollectionDidChange:previousTraitCollection];
+
+  if ([self.traitCollection hasDifferentColorAppearanceComparedToTraitCollection:previousTraitCollection]) {
+    [self invalidateLayer];
+  }
+}
+
 #pragma mark - RCTComponentViewProtocol
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
@@ -249,10 +257,15 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     self.layer.doubleSided = newViewProps.backfaceVisibility == BackfaceVisibility::Visible;
   }
 
+  // `cursor`
+  if (oldViewProps.cursor != newViewProps.cursor) {
+    needsInvalidateLayer = YES;
+  }
+
   // `shouldRasterize`
   if (oldViewProps.shouldRasterize != newViewProps.shouldRasterize) {
     self.layer.shouldRasterize = newViewProps.shouldRasterize;
-    self.layer.rasterizationScale = newViewProps.shouldRasterize ? [UIScreen mainScreen].scale : 1.0;
+    self.layer.rasterizationScale = newViewProps.shouldRasterize ? self.traitCollection.displayScale : 1.0;
   }
 
   // `pointerEvents`
@@ -265,8 +278,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`
@@ -335,10 +351,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;
     }
   }
@@ -371,11 +388,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);
@@ -397,9 +409,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());
@@ -587,6 +597,33 @@ - (void)invalidateLayer
     layer.shadowPath = nil;
   }
 
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 170000 /* __IPHONE_17_0 */
+  // Stage 1.5. Cursor / Hover Effects
+  if (@available(iOS 17.0, *)) {
+    UIHoverStyle *hoverStyle = nil;
+    if (_props->cursor == Cursor::Pointer) {
+      const RCTCornerInsets cornerInsets =
+          RCTGetCornerInsets(RCTCornerRadiiFromBorderRadii(borderMetrics.borderRadii), UIEdgeInsetsZero);
+#if TARGET_OS_IOS
+      // Due to an Apple bug, it seems on iOS, UIShapes made with `[UIShape shapeWithBezierPath:]`
+      // evaluate their shape on the superviews' coordinate space. This leads to the hover shape
+      // rendering incorrectly on iOS, iOS apps in compatibility mode on visionOS, but not on visionOS.
+      // To work around this, for iOS, we can calculate the border path based on `view.frame` (the
+      // superview's coordinate space) instead of view.bounds.
+      CGPathRef borderPath = RCTPathCreateWithRoundedRect(self.frame, cornerInsets, NULL);
+#else // TARGET_OS_VISION
+      CGPathRef borderPath = RCTPathCreateWithRoundedRect(self.bounds, cornerInsets, NULL);
+#endif
+      UIBezierPath *bezierPath = [UIBezierPath bezierPathWithCGPath:borderPath];
+      CGPathRelease(borderPath);
+      UIShape *shape = [UIShape shapeWithBezierPath:bezierPath];
+
+      hoverStyle = [UIHoverStyle styleWithEffect:[UIHoverAutomaticEffect effect] shape:shape];
+    }
+    [self setHoverStyle:hoverStyle];
+  }
+#endif
+
   // Stage 2. Border Rendering
   const bool useCoreAnimationBorderRendering =
       borderMetrics.borderColors.isUniform() && borderMetrics.borderWidths.isUniform() &&
@@ -596,15 +633,15 @@ - (void)invalidateLayer
           // iOS draws borders in front of the content whereas CSS draws them behind
           // the content. For this reason, only use iOS border drawing when clipping
           // or when the border is hidden.
-          borderMetrics.borderWidths.left == 0 ||
-          colorComponentsFromColor(borderMetrics.borderColors.left).alpha == 0 || self.clipsToBounds);
+          borderMetrics.borderWidths.left == 0 || self.clipsToBounds ||
+          (colorComponentsFromColor(borderMetrics.borderColors.left).alpha == 0 &&
+           (*borderMetrics.borderColors.left).getUIColor() != nullptr));
+
+  CGColorRef backgroundColor = [_backgroundColor resolvedColorWithTraitCollection:self.traitCollection].CGColor;
 
   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);
@@ -614,14 +651,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;
@@ -637,7 +675,7 @@ - (void)invalidateLayer
         RCTCornerRadiiFromBorderRadii(borderMetrics.borderRadii),
         RCTUIEdgeInsetsFromEdgeInsets(borderMetrics.borderWidths),
         borderColors,
-        _backgroundColor.CGColor,
+        backgroundColor,
         self.clipsToBounds);
 
     RCTReleaseRCTBorderColors(borderColors);
@@ -662,6 +700,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;
@@ -725,12 +767,13 @@ - (NSString *)accessibilityLabel
 - (NSString *)accessibilityValue
 {
   const auto &props = static_cast<const ViewProps &>(*_props);
+  const auto accessibilityState = props.accessibilityState.value_or(AccessibilityState{});
 
   // Handle Switch.
   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";
     }
   }
@@ -756,25 +799,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 b03a4642a981..3bc159229f74 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 3ca65d18fcb1..fd1c4b9feb0c 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h
@@ -29,6 +29,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 0b15d7112a85..1f4d7488ba3d 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/RCTComponentViewProtocol.h b/packages/react-native/React/Fabric/Mounting/RCTComponentViewProtocol.h
index 228710d400f1..1b802b5cfde3 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewProtocol.h
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewProtocol.h
@@ -22,8 +22,8 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
   RNComponentViewUpdateMaskNone = 0,
   RNComponentViewUpdateMaskProps = 1 << 0,
   RNComponentViewUpdateMaskEventEmitter = 1 << 1,
-  RNComponentViewUpdateMaskState = 1 << 3,
-  RNComponentViewUpdateMaskLayoutMetrics = 1 << 4,
+  RNComponentViewUpdateMaskState = 1 << 2,
+  RNComponentViewUpdateMaskLayoutMetrics = 1 << 3,
 
   RNComponentViewUpdateMaskAll = RNComponentViewUpdateMaskProps | RNComponentViewUpdateMaskEventEmitter |
       RNComponentViewUpdateMaskState | RNComponentViewUpdateMaskLayoutMetrics
diff --git a/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm b/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
index e78e8ae53342..74ebc3160ea4 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
@@ -107,7 +107,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 b4cfb3d0ede1..0e2323f88a5a 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 d8ed955da44b..204c54686322 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 UIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor)
 {
-  if (!sharedColor) {
-    return nil;
-  }
-
-  if (*facebook::react::clearColor() == *sharedColor) {
-    return [UIColor clearColor];
-  }
-
-  if (*facebook::react::blackColor() == *sharedColor) {
-    return [UIColor blackColor];
-  }
-
-  if (*facebook::react::whiteColor() == *sharedColor) {
-    return [UIColor whiteColor];
-  }
-
-  auto components = facebook::react::colorComponentsFromColor(sharedColor);
-  return [UIColor colorWithRed:components.red green:components.green blue:components.blue alpha:components.alpha];
+  return RCTPlatformColorFromColor(*sharedColor);
 }
 
 inline CF_RETURNS_RETAINED CGColorRef _Nullable RCTCreateCGColorRefFromSharedColor(
diff --git a/packages/react-native/React/Fabric/RCTScheduler.h b/packages/react-native/React/Fabric/RCTScheduler.h
index 888770cfd9fe..f80e83c7a4cb 100644
--- a/packages/react-native/React/Fabric/RCTScheduler.h
+++ b/packages/react-native/React/Fabric/RCTScheduler.h
@@ -30,6 +30,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)schedulerDidFinishTransaction:(facebook::react::MountingCoordinator::Shared)mountingCoordinator;
 
+- (void)schedulerShouldRenderTransactions:(facebook::react::MountingCoordinator::Shared)mountingCoordinator;
+
 - (void)schedulerDidDispatchCommand:(const facebook::react::ShadowView &)shadowView
                         commandName:(const std::string &)commandName
                                args:(const folly::dynamic &)args;
diff --git a/packages/react-native/React/Fabric/RCTScheduler.mm b/packages/react-native/React/Fabric/RCTScheduler.mm
index 3e774560998e..91e1225c67a8 100644
--- a/packages/react-native/React/Fabric/RCTScheduler.mm
+++ b/packages/react-native/React/Fabric/RCTScheduler.mm
@@ -30,6 +30,12 @@ void schedulerDidFinishTransaction(const MountingCoordinator::Shared &mountingCo
     [scheduler.delegate schedulerDidFinishTransaction:mountingCoordinator];
   }
 
+  void schedulerShouldRenderTransactions(const MountingCoordinator::Shared &mountingCoordinator) override
+  {
+    RCTScheduler *scheduler = (__bridge RCTScheduler *)scheduler_;
+    [scheduler.delegate schedulerShouldRenderTransactions:mountingCoordinator];
+  }
+
   void schedulerDidRequestPreliminaryViewAllocation(SurfaceId surfaceId, const ShadowNode &shadowNode) override
   {
     // Does nothing.
diff --git a/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm b/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
index 67a89beac124..78dec24a9bd3 100644
--- a/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
+++ b/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
@@ -612,7 +612,6 @@ - (void)_dispatchActivePointers:(std::vector<ActivePointer>)activePointers event
 {
   for (const auto &activePointer : activePointers) {
     PointerEvent pointerEvent = CreatePointerEventFromActivePointer(activePointer, eventType, _rootComponentView);
-    [self handleIncomingPointerEvent:pointerEvent onView:activePointer.componentView];
 
     SharedTouchEventEmitter eventEmitter = GetTouchEmitterFromView(
         activePointer.componentView,
@@ -630,19 +629,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;
         }
       }
@@ -764,109 +757,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);
-  }
-}
-
-#pragma mark - Shared pointer handlers
-
-/**
- * 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;
 }
 
 @end
diff --git a/packages/react-native/React/Fabric/RCTSurfacePresenter.mm b/packages/react-native/React/Fabric/RCTSurfacePresenter.mm
index 3557485f5fdb..80ff067dc4ab 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>
@@ -256,22 +257,10 @@ - (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;
   }
 
-  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;
   }
@@ -280,14 +269,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;
   }
@@ -321,7 +302,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();
   }
 
@@ -373,6 +354,11 @@ - (void)_applicationWillTerminate
 #pragma mark - RCTSchedulerDelegate
 
 - (void)schedulerDidFinishTransaction:(MountingCoordinator::Shared)mountingCoordinator
+{
+  // no-op, we will flush the transaction from schedulerShouldRenderTransactions
+}
+
+- (void)schedulerShouldRenderTransactions:(MountingCoordinator::Shared)mountingCoordinator
 {
   [_mountingManager scheduleTransaction:mountingCoordinator];
 }
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h
new file mode 100644
index 000000000000..93c4a457c9c8
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h
@@ -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.
+ */
+
+#import <Foundation/Foundation.h>
+#import <React/RCTDefines.h>
+#import "RCTInspectorPackagerConnection.h"
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+@interface RCTCxxInspectorPackagerConnection : NSObject <RCTInspectorPackagerConnectionProtocol>
+@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 000000000000..53d465bc64c9
--- /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 000000000000..56e5f51c161d
--- /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 000000000000..d6fb7b32d112
--- /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 000000000000..8520d88d0133
--- /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 000000000000..ad4d1f6fb98e
--- /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 0c47f6da7791..9385f5d19c33 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 96bb8416b772..72e279dce30b 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 3d16997273dd..7d934b433432 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 6ad213393ad4..82fbf407e244 100644
--- a/packages/react-native/React/Modules/RCTEventEmitter.h
+++ b/packages/react-native/React/Modules/RCTEventEmitter.h
@@ -32,8 +32,6 @@
  */
 - (void)sendEventWithName:(NSString *)name body:(id)body;
 
-- (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 7ad3513ae8c5..6cdec32f68bc 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 67fc4289b623..fbd8e2c166cd 100644
--- a/packages/react-native/React/Modules/RCTUIManager.h
+++ b/packages/react-native/React/Modules/RCTUIManager.h
@@ -9,6 +9,7 @@
 
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeModule.h>
+#import <React/RCTBridgeProxy.h>
 #import <React/RCTInvalidating.h>
 #import <React/RCTRootView.h>
 #import <React/RCTViewManager.h>
@@ -154,6 +155,14 @@ RCT_EXTERN NSString *const RCTUIManagerWillUpdateViewsDueToContentSizeMultiplier
  */
 - (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.
+ */
++ (UIView *)paperViewOrCurrentView:(UIView *)view;
+
 /**
  * Dedicated object for subscribing for UIManager events.
  * See `RCTUIManagerObserver` protocol for more details.
@@ -173,6 +182,36 @@ RCT_EXTERN NSString *const RCTUIManagerWillUpdateViewsDueToContentSizeMultiplier
 
 @end
 
+@interface RCTBridgeProxy (RCTUIManager)
+
+@property (nonatomic, readonly) RCTUIManager *uiManager;
+
+@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 *, UIView *> *)registry;
+
+@end
+
+// This protocol is needed to silence the "unknown selector" warning
+@protocol RCTRendererInteropLayerAdapting
+- (UIView *)paperView;
+@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 14963e7d4a64..1a1b1155c332 100644
--- a/packages/react-native/React/Modules/RCTUIManager.m
+++ b/packages/react-native/React/Modules/RCTUIManager.m
@@ -101,8 +101,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) {
-      UIView *rootView = self->_viewRegistry[rootViewTag];
+      id<RCTComponent> rootView = viewRegistry[rootViewTag];
+      [self _purgeChildren:[rootView reactSubviews] fromRegistry:viewRegistry];
       if ([rootView conformsToProtocol:@protocol(RCTInvalidating)]) {
         [(id<RCTInvalidating>)rootView invalidate];
       }
@@ -177,13 +180,21 @@ - (void)setBridge:(RCTBridge *)bridge
     }
   }
 
+  // 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];
   });
   [[NSNotificationCenter defaultCenter] addObserver:self
                                            selector:@selector(namedOrientationDidChange)
@@ -363,7 +374,7 @@ - (UIView *)viewForReactTag:(NSNumber *)reactTag
   if (!view) {
     view = _viewRegistry[reactTag];
   }
-  return view;
+  return [RCTUIManager paperViewOrCurrentView:view];
 }
 
 - (RCTShadowView *)shadowViewForReactTag:(NSNumber *)reactTag
@@ -534,7 +545,7 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
 {
   RCTAssertUIManagerQueue();
 
-  NSHashTable<RCTShadowView *> *affectedShadowViews = [NSHashTable weakObjectsHashTable];
+  NSPointerArray *affectedShadowViews = [NSPointerArray weakObjectsPointerArray];
   [rootShadowView layoutWithAffectedShadowViews:affectedShadowViews];
 
   if (!affectedShadowViews.count) {
@@ -694,31 +705,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.
@@ -836,31 +822,6 @@ - (void)_removeChildren:(NSArray<UIView *> *)children
   }];
 }
 
-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);
@@ -1196,7 +1157,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);
@@ -1489,9 +1452,10 @@ static void RCTMeasureLayout(RCTShadowView *view, RCTShadowView *ancestor, RCTRe
   // lazifyViewManagerConfig function in JS. This fuction uses NativeModules global object that is not available in the
   // New Architecture. To make native view configs work in the New Architecture we will populate these properties in
   // native.
-  moduleConstants[@"Commands"] = viewConfig[@"Commands"];
-  moduleConstants[@"Constants"] = viewConfig[@"Constants"];
-
+  if (RCTGetUseNativeViewConfigsInBridgelessMode()) {
+    moduleConstants[@"Commands"] = viewConfig[@"Commands"];
+    moduleConstants[@"Constants"] = viewConfig[@"Constants"];
+  }
   // Add direct events
   for (NSString *eventName in viewConfig[@"directEvents"]) {
     if (!directEvents[eventName]) {
@@ -1677,6 +1641,19 @@ + (UIView *)JSResponder
   return _jsResponder;
 }
 
++ (UIView *)paperViewOrCurrentView:(UIView *)view
+{
+  if ([view respondsToSelector:@selector(paperView)]) {
+    return [view performSelector:@selector(paperView)];
+  }
+  return view;
+}
+
+- (void)removeViewFromRegistry:(NSNumber *)reactTag
+{
+  [_viewRegistry removeObjectForKey:reactTag];
+}
+
 @end
 
 @implementation RCTBridge (RCTUIManager)
@@ -1687,3 +1664,64 @@ - (RCTUIManager *)uiManager
 }
 
 @end
+
+@implementation RCTComposedViewRegistry {
+  __weak RCTUIManager *_uiManager;
+  NSDictionary<NSNumber *, UIView *> *_registry;
+}
+
+- (instancetype)initWithUIManager:(RCTUIManager *)uiManager andRegistry:(NSDictionary<NSNumber *, UIView *> *)registry
+{
+  self = [super init];
+  if (self) {
+    _uiManager = uiManager;
+    _registry = registry;
+  }
+  return self;
+}
+
+- (NSUInteger)count
+{
+  return self->_registry.count;
+}
+
+- (NSEnumerator *)keyEnumerator
+{
+  return self->_registry.keyEnumerator;
+}
+
+- (id)objectForKey:(id)key
+{
+  if (![key isKindOfClass:[NSNumber class]]) {
+    return NULL;
+  }
+
+  NSNumber *index = (NSNumber *)key;
+  UIView *view = _registry[index];
+  if (view) {
+    return [RCTUIManager paperViewOrCurrentView:view];
+  }
+  view = [_uiManager viewForReactTag:index];
+  if (view) {
+    return [RCTUIManager paperViewOrCurrentView:view];
+  }
+  return NULL;
+}
+
+- (void)removeObjectForKey:(id)key
+{
+  if (![key isKindOfClass:[NSNumber class]]) {
+    return;
+  }
+
+  NSNumber *tag = (NSNumber *)key;
+
+  if (_registry[key]) {
+    NSMutableDictionary *mutableRegistry = (NSMutableDictionary *)_registry;
+    [mutableRegistry removeObjectForKey:tag];
+  } else if ([_uiManager viewForReactTag:tag]) {
+    [_uiManager removeViewFromRegistry:tag];
+  }
+}
+
+@end
diff --git a/packages/react-native/React/React-RCTFabric.podspec b/packages/react-native/React/React-RCTFabric.podspec
index bd4ed10ec194..057443c8e745 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'
-folly_compiler_flags = folly_flags + ' ' + '-Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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,38 +53,47 @@ 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
   s.framework              = ["JavaScriptCore", "MobileCoreServices"]
   s.pod_target_xcconfig    = {
     "HEADER_SEARCH_PATHS" => header_search_paths,
-    "OTHER_CFLAGS" => "$(inherited) -DRN_FABRIC_ENABLED" + " " + folly_flags,
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+    "OTHER_CFLAGS" => "$(inherited) " + folly_compiler_flags + new_arch_flags,
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard()
   }.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 9355cf57f1d1..f23f353e1212 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-            yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-                       yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-                               yogaStyle.setDimension(YGDimensionHeight, 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/UIUtils/RCTUIUtils.h b/packages/react-native/React/UIUtils/RCTUIUtils.h
index 8fd1850fb73a..78d647af9a9a 100644
--- a/packages/react-native/React/UIUtils/RCTUIUtils.h
+++ b/packages/react-native/React/UIUtils/RCTUIUtils.h
@@ -23,10 +23,6 @@ typedef struct {
 } RCTDimensions;
 extern __attribute__((visibility("default"))) RCTDimensions RCTGetDimensions(CGFloat fontScale);
 
-// Get font size multiplier for font base size (Large) by content size category
-extern __attribute__((visibility("default"))) CGFloat RCTGetMultiplierForContentSizeCategory(
-    UIContentSizeCategory category);
-
 #ifdef __cplusplus
 }
 #endif
diff --git a/packages/react-native/React/UIUtils/RCTUIUtils.m b/packages/react-native/React/UIUtils/RCTUIUtils.m
index 9dce915ae94b..b0e655fb4c54 100644
--- a/packages/react-native/React/UIUtils/RCTUIUtils.m
+++ b/packages/react-native/React/UIUtils/RCTUIUtils.m
@@ -14,8 +14,7 @@ RCTDimensions RCTGetDimensions(CGFloat fontScale)
   UIScreen *mainScreen = UIScreen.mainScreen;
   CGSize screenSize = mainScreen.bounds.size;
 
-  UIView *mainWindow;
-  mainWindow = RCTKeyWindow();
+  UIView *mainWindow = RCTKeyWindow();
   // We fallback to screen size if a key window is not found.
   CGSize windowSize = mainWindow ? mainWindow.bounds.size : screenSize;
 
@@ -29,28 +28,3 @@ RCTDimensions RCTGetDimensions(CGFloat fontScale)
 
   return result;
 }
-
-CGFloat RCTGetMultiplierForContentSizeCategory(UIContentSizeCategory category)
-{
-  static NSDictionary<NSString *, NSNumber *> *multipliers = nil;
-  static dispatch_once_t token;
-  dispatch_once(&token, ^{
-    multipliers = @{
-      UIContentSizeCategoryExtraSmall : @0.823,
-      UIContentSizeCategorySmall : @0.882,
-      UIContentSizeCategoryMedium : @0.941,
-      UIContentSizeCategoryLarge : @1.0,
-      UIContentSizeCategoryExtraLarge : @1.118,
-      UIContentSizeCategoryExtraExtraLarge : @1.235,
-      UIContentSizeCategoryExtraExtraExtraLarge : @1.353,
-      UIContentSizeCategoryAccessibilityMedium : @1.786,
-      UIContentSizeCategoryAccessibilityLarge : @2.143,
-      UIContentSizeCategoryAccessibilityExtraLarge : @2.643,
-      UIContentSizeCategoryAccessibilityExtraExtraLarge : @3.143,
-      UIContentSizeCategoryAccessibilityExtraExtraExtraLarge : @3.571
-    };
-  });
-
-  double value = multipliers[category].doubleValue;
-  return value > 0.0 ? value : 1.0;
-}
diff --git a/packages/react-native/React/Views/RCTComponentData.m b/packages/react-native/React/Views/RCTComponentData.m
index 2c627b6cbef5..f743aa88b7bc 100644
--- a/packages/react-native/React/Views/RCTComponentData.m
+++ b/packages/react-native/React/Views/RCTComponentData.m
@@ -61,17 +61,25 @@ - (instancetype)initWithManagerClass:(Class)managerClass
   return self;
 }
 
+- (BOOL)isBridgeMode
+{
+  // If we are in bridge mode, the bridge is RCTBridge
+  // If we are bridgeless, the bridge is RCTBridgeProxy
+  return [_bridge isKindOfClass:[RCTBridge class]];
+}
+
 - (RCTViewManager *)manager
 {
-  if (!_manager && _bridge) {
+  if (!_manager && [self isBridgeMode]) {
     _manager = [_bridge moduleForClass:_managerClass];
   } else if (!_manager && !_bridgelessViewManager) {
     _bridgelessViewManager = [_managerClass new];
+    _bridgelessViewManager.bridge = _bridge;
     [[NSNotificationCenter defaultCenter] postNotificationName:RCTDidInitializeModuleNotification
                                                         object:nil
                                                       userInfo:@{@"module" : _bridgelessViewManager}];
   }
-  return _manager ?: _bridgelessViewManager;
+  return _manager ? _manager : _bridgelessViewManager;
 }
 
 RCT_NOT_IMPLEMENTED(-(instancetype)init)
@@ -265,8 +273,8 @@ - (RCTPropBlock)createPropBlock:(NSString *)name isShadowView:(BOOL)isShadowView
         type == NSSelectorFromString(@"RCTDirectEventBlock:") ||
         type == NSSelectorFromString(@"RCTCapturingEventBlock:")) {
       // Special case for event handlers
-      setterBlock =
-          createEventSetter(name, setter, self.eventInterceptor, _bridge ? _bridge.eventDispatcher : _eventDispatcher);
+      setterBlock = createEventSetter(
+          name, setter, self.eventInterceptor, [self isBridgeMode] ? _bridge.eventDispatcher : _eventDispatcher);
     } else {
       // Ordinary property handlers
       NSMethodSignature *typeSignature = [[RCTConvert class] methodSignatureForSelector:type];
@@ -366,23 +374,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);
   }];
 }
 
@@ -417,7 +424,20 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
 + (NSDictionary<NSString *, id> *)constantsForViewMangerClass:(Class)managerClass
 {
   if ([managerClass instancesRespondToSelector:@selector(constantsToExport)]) {
-    return [[managerClass new] constantsToExport];
+    BOOL shouldRunOnMainThread = NO;
+
+    if ([managerClass respondsToSelector:@selector(requiresMainQueueSetup)]) {
+      shouldRunOnMainThread = [managerClass requiresMainQueueSetup];
+    }
+    if (shouldRunOnMainThread) {
+      __block NSDictionary<NSString *, id> *constants;
+      RCTUnsafeExecuteOnMainQueueSync(^{
+        constants = [[managerClass new] constantsToExport];
+      });
+      return constants;
+    } else {
+      return [[managerClass new] constantsToExport];
+    }
   }
   return @{};
 }
@@ -480,11 +500,6 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
     }
   }
 
-  NSDictionary<NSString *, NSNumber *> *commands = [self commandsForViewMangerClass:managerClass
-                                                                            methods:methods
-                                                                        methodCount:count];
-  free(methods);
-
 #if RCT_DEBUG
   for (NSString *event in bubblingEvents) {
     if ([directEvents containsObject:event]) {
@@ -499,15 +514,22 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
 
   Class superClass = [managerClass superclass];
 
-  return @{
+  NSMutableDictionary *result = [[NSMutableDictionary alloc] initWithDictionary:@{
     @"propTypes" : propTypes,
     @"directEvents" : directEvents,
     @"bubblingEvents" : bubblingEvents,
     @"capturingEvents" : capturingEvents,
     @"baseModuleName" : superClass == [NSObject class] ? (id)kCFNull : RCTViewManagerModuleNameForClass(superClass),
-    @"Commands" : commands,
-    @"Constants" : [self constantsForViewMangerClass:managerClass],
-  };
+  }];
+
+  if (RCTGetUseNativeViewConfigsInBridgelessMode()) {
+    result[@"Commands"] = [self commandsForViewMangerClass:managerClass methods:methods methodCount:count];
+    result[@"Constants"] = [self constantsForViewMangerClass:managerClass];
+  }
+
+  free(methods);
+
+  return result;
 }
 
 - (NSDictionary<NSString *, id> *)viewConfig
diff --git a/packages/react-native/React/Views/RCTConvert+Transform.h b/packages/react-native/React/Views/RCTConvert+Transform.h
index 9ad72aef37e6..68e6bba0b863 100644
--- a/packages/react-native/React/Views/RCTConvert+Transform.h
+++ b/packages/react-native/React/Views/RCTConvert+Transform.h
@@ -5,10 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTConvert.h"
+#import <React/RCTConvert.h>
+#import "UIView+React.h"
 
 @interface RCTConvert (Transform)
 
 + (CATransform3D)CATransform3D:(id)json;
 
++ (RCTTransformOrigin)RCTTransformOrigin:(id)json;
+
 @end
diff --git a/packages/react-native/React/Views/RCTConvert+Transform.m b/packages/react-native/React/Views/RCTConvert+Transform.m
index 348d4ec4abe8..8248b5892a6f 100644
--- a/packages/react-native/React/Views/RCTConvert+Transform.m
+++ b/packages/react-native/React/Views/RCTConvert+Transform.m
@@ -144,4 +144,11 @@ + (CATransform3D)CATransform3D:(id)json
   return transform;
 }
 
++ (RCTTransformOrigin)RCTTransformOrigin:(id)json
+{
+  RCTTransformOrigin transformOrigin = {
+      [RCTConvert YGValue:json[0]], [RCTConvert YGValue:json[1]], [RCTConvert CGFloat:json[2]]};
+  return transformOrigin;
+}
+
 @end
diff --git a/packages/react-native/React/Views/RCTCursor.h b/packages/react-native/React/Views/RCTCursor.h
new file mode 100644
index 000000000000..63fcb3e123e3
--- /dev/null
+++ b/packages/react-native/React/Views/RCTCursor.h
@@ -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.
+ */
+
+#import <Foundation/Foundation.h>
+
+typedef NS_ENUM(NSInteger, RCTCursor) {
+  RCTCursorAuto,
+  RCTCursorPointer,
+};
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlay.h b/packages/react-native/React/Views/RCTDebuggingOverlay.h
new file mode 100644
index 000000000000..8e1a174d3568
--- /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 <UIKit/UIKit.h>
+
+#import <React/RCTView.h>
+
+@interface TraceUpdateTuple : NSObject
+
+@property (nonatomic, strong, readonly) UIView *view;
+@property (nonatomic, copy, readonly) dispatch_block_t cleanupBlock;
+
+- (instancetype)initWithView:(UIView *)view cleanupBlock:(dispatch_block_t)cleanupBlock;
+
+@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 000000000000..0c56b948712d
--- /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:(UIView *)view cleanupBlock:(dispatch_block_t)cleanupBlock
+{
+  if (self = [super init]) {
+    _view = view;
+    _cleanupBlock = cleanupBlock;
+  }
+
+  return self;
+}
+
+@end
+
+@implementation RCTDebuggingOverlay {
+  NSMutableArray<UIView *> *_highlightedElements;
+  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"];
+    UIColor *nodeColor = [RCTConvert UIColor:update[@"color"]];
+
+    CGRect rect = [RCTConvert CGRect:nodeRectangle];
+
+    TraceUpdateTuple *possiblyRegisteredTraceUpdateTuple = [_idToTraceUpdateMap objectForKey:identifier];
+    if (possiblyRegisteredTraceUpdateTuple != nil) {
+      dispatch_block_t cleanupBlock = [possiblyRegisteredTraceUpdateTuple cleanupBlock];
+      UIView *view = [possiblyRegisteredTraceUpdateTuple view];
+
+      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;
+    }
+
+    UIView *box = [[UIView alloc] initWithFrame:rect];
+    box.backgroundColor = [UIColor clearColor];
+
+    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) {
+    UIView *view = [[UIView alloc] initWithFrame:[RCTConvert CGRect:rectangle]];
+    view.backgroundColor = [UIColor colorWithRed:200 / 255.0 green:230 / 255.0 blue:255 / 255.0 alpha:0.8];
+
+    [self addSubview:view];
+    [_highlightedElements addObject:view];
+  }
+}
+
+- (void)clearElementsHighlights
+{
+  if (_highlightedElements != nil) {
+    for (UIView *v in _highlightedElements) {
+      [v removeFromSuperview];
+    }
+  }
+
+  _highlightedElements = nil;
+}
+
+@end
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlayManager.h b/packages/react-native/React/Views/RCTDebuggingOverlayManager.h
new file mode 100644
index 000000000000..a852cc81883e
--- /dev/null
+++ b/packages/react-native/React/Views/RCTDebuggingOverlayManager.h
@@ -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.
+ */
+
+#import <React/RCTViewManager.h>
+
+@interface RCTDebuggingOverlayManager : RCTViewManager
+
+@end
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlayManager.m b/packages/react-native/React/Views/RCTDebuggingOverlayManager.m
new file mode 100644
index 000000000000..16102ab8208d
--- /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)
+
+- (UIView *)view
+{
+  return [RCTDebuggingOverlay new];
+}
+
+RCT_EXPORT_METHOD(highlightTraceUpdates : (nonnull NSNumber *)viewTag nodes : (NSArray *)updates)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    UIView *view = viewRegistry[viewTag];
+
+    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 *, UIView *> *viewRegistry) {
+    UIView *view = viewRegistry[viewTag];
+
+    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 *, UIView *> *viewRegistry) {
+    UIView *view = viewRegistry[viewTag];
+
+    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/RCTLayout.h b/packages/react-native/React/Views/RCTLayout.h
index 55340ad938d1..8016463e145c 100644
--- a/packages/react-native/React/Views/RCTLayout.h
+++ b/packages/react-native/React/Views/RCTLayout.h
@@ -31,7 +31,7 @@ typedef struct CG_BOXABLE RCTLayoutMetrics RCTLayoutMetrics;
 
 struct RCTLayoutContext {
   CGPoint absolutePosition;
-  __unsafe_unretained NSHashTable<RCTShadowView *> *_Nonnull affectedShadowViews;
+  __unsafe_unretained NSPointerArray *_Nonnull affectedShadowViews;
   __unsafe_unretained NSHashTable<NSString *> *_Nonnull other;
 };
 typedef struct CG_BOXABLE RCTLayoutContext RCTLayoutContext;
diff --git a/packages/react-native/React/Views/RCTModalHostViewController.m b/packages/react-native/React/Views/RCTModalHostViewController.m
index 059b64157f98..50075ffd4847 100644
--- a/packages/react-native/React/Views/RCTModalHostViewController.m
+++ b/packages/react-native/React/Views/RCTModalHostViewController.m
@@ -24,8 +24,8 @@ - (instancetype)init
 
   self.modalInPresentation = YES;
 
-  _preferredStatusBarStyle = [RCTSharedApplication() statusBarStyle];
-  _preferredStatusBarHidden = [RCTSharedApplication() isStatusBarHidden];
+  _preferredStatusBarStyle = [RCTUIStatusBarManager() statusBarStyle];
+  _preferredStatusBarHidden = [RCTUIStatusBarManager() isStatusBarHidden];
 
   return self;
 }
diff --git a/packages/react-native/React/Views/RCTModalHostViewManager.m b/packages/react-native/React/Views/RCTModalHostViewManager.m
index 4b9f9ad7267c..b0295e05ae4d 100644
--- a/packages/react-native/React/Views/RCTModalHostViewManager.m
+++ b/packages/react-native/React/Views/RCTModalHostViewManager.m
@@ -98,8 +98,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/RCTRootShadowView.h b/packages/react-native/React/Views/RCTRootShadowView.h
index a312d9abfede..aecfc4d0a6ec 100644
--- a/packages/react-native/React/Views/RCTRootShadowView.h
+++ b/packages/react-native/React/Views/RCTRootShadowView.h
@@ -29,6 +29,6 @@
  */
 @property (nonatomic, assign) YGDirection baseDirection;
 
-- (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedShadowViews;
+- (void)layoutWithAffectedShadowViews:(NSPointerArray *)affectedShadowViews;
 
 @end
diff --git a/packages/react-native/React/Views/RCTRootShadowView.m b/packages/react-native/React/Views/RCTRootShadowView.m
index 9db376d7c49f..b80ab28ba853 100644
--- a/packages/react-native/React/Views/RCTRootShadowView.m
+++ b/packages/react-native/React/Views/RCTRootShadowView.m
@@ -23,7 +23,7 @@ - (instancetype)init
   return self;
 }
 
-- (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedShadowViews
+- (void)layoutWithAffectedShadowViews:(NSPointerArray *)affectedShadowViews
 {
   NSHashTable<NSString *> *other = [NSHashTable new];
 
diff --git a/packages/react-native/React/Views/RCTShadowView.m b/packages/react-native/React/Views/RCTShadowView.m
index e0084ea7f1d6..b893cfe5c267 100644
--- a/packages/react-native/React/Views/RCTShadowView.m
+++ b/packages/react-native/React/Views/RCTShadowView.m
@@ -60,12 +60,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:                               \
@@ -203,7 +197,6 @@ - (instancetype)init
 
     _yogaNode = YGNodeNewWithConfig([[self class] yogaConfig]);
     YGNodeSetContext(_yogaNode, (__bridge void *)self);
-    YGNodeSetPrintFunc(_yogaNode, RCTPrint);
   }
   return self;
 }
@@ -304,7 +297,7 @@ - (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics layoutContext:(RCTLayo
 {
   if (!RCTLayoutMetricsEqualToLayoutMetrics(self.layoutMetrics, layoutMetrics)) {
     self.layoutMetrics = layoutMetrics;
-    [layoutContext.affectedShadowViews addObject:self];
+    [layoutContext.affectedShadowViews addPointer:((__bridge void *)self)];
   }
 }
 
@@ -366,6 +359,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/RCTTransformOrigin.h b/packages/react-native/React/Views/RCTTransformOrigin.h
deleted file mode 100644
index 1823fd91f1eb..000000000000
--- a/packages/react-native/React/Views/RCTTransformOrigin.h
+++ /dev/null
@@ -1,15 +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>
-#import <yoga/Yoga.h>
-
-typedef struct {
-  YGValue x;
-  YGValue y;
-  CGFloat z;
-} RCTTransformOrigin;
diff --git a/packages/react-native/React/Views/RCTView.h b/packages/react-native/React/Views/RCTView.h
index 200d8b451bf5..8abda6e8538d 100644
--- a/packages/react-native/React/Views/RCTView.h
+++ b/packages/react-native/React/Views/RCTView.h
@@ -10,6 +10,7 @@
 #import <React/RCTBorderCurve.h>
 #import <React/RCTBorderStyle.h>
 #import <React/RCTComponent.h>
+#import <React/RCTCursor.h>
 #import <React/RCTPointerEvents.h>
 
 extern const UIAccessibilityTraits SwitchAccessibilityTrait;
@@ -120,6 +121,8 @@ extern const UIAccessibilityTraits SwitchAccessibilityTrait;
  */
 @property (nonatomic, assign) UIEdgeInsets hitTestEdgeInsets;
 
+@property (nonatomic, assign) RCTCursor cursor;
+
 /**
  * (Experimental and unused for Paper) Pointer event handlers.
  */
diff --git a/packages/react-native/React/Views/RCTView.m b/packages/react-native/React/Views/RCTView.m
index bb8336615a02..3a8658100332 100644
--- a/packages/react-native/React/Views/RCTView.m
+++ b/packages/react-native/React/Views/RCTView.m
@@ -136,6 +136,7 @@ - (instancetype)initWithFrame:(CGRect)frame
     _borderCurve = RCTBorderCurveCircular;
     _borderStyle = RCTBorderStyleSolid;
     _hitTestEdgeInsets = UIEdgeInsetsZero;
+    _cursor = RCTCursorAuto;
 
     _backgroundColor = super.backgroundColor;
   }
@@ -796,6 +797,8 @@ - (void)displayLayer:(CALayer *)layer
 
   RCTUpdateShadowPathForView(self);
 
+  RCTUpdateHoverStyleForView(self);
+
   const RCTCornerRadii cornerRadii = [self cornerRadii];
   const UIEdgeInsets borderInsets = [self bordersAsInsets];
   const RCTBorderColors borderColors = [self borderColorsWithTraitCollection:self.traitCollection];
@@ -883,7 +886,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]);
@@ -891,6 +894,33 @@ static void RCTUpdateShadowPathForView(RCTView *view)
   }
 }
 
+static void RCTUpdateHoverStyleForView(RCTView *view)
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 170000 /* __IPHONE_17_0 */
+  if (@available(iOS 17.0, *)) {
+    UIHoverStyle *hoverStyle = nil;
+    if ([view cursor] == RCTCursorPointer) {
+      const RCTCornerRadii cornerRadii = [view cornerRadii];
+      const RCTCornerInsets cornerInsets = RCTGetCornerInsets(cornerRadii, UIEdgeInsetsZero);
+#if TARGET_OS_IOS
+      // Due to an Apple bug, it seems on iOS, `[UIShape shapeWithBezierPath:]` needs to
+      // be calculated in the superviews' coordinate space (view.frame). This is not true
+      // on other platforms like visionOS.
+      CGPathRef borderPath = RCTPathCreateWithRoundedRect(view.frame, cornerInsets, NULL);
+#else // TARGET_OS_VISION
+      CGPathRef borderPath = RCTPathCreateWithRoundedRect(view.bounds, cornerInsets, NULL);
+#endif
+      UIBezierPath *bezierPath = [UIBezierPath bezierPathWithCGPath:borderPath];
+      CGPathRelease(borderPath);
+      UIShape *shape = [UIShape shapeWithBezierPath:bezierPath];
+
+      hoverStyle = [UIHoverStyle styleWithEffect:[UIHoverHighlightEffect effect] shape:shape];
+    }
+    [view setHoverStyle:hoverStyle];
+  }
+#endif
+}
+
 - (void)updateClippingForLayer:(CALayer *)layer
 {
   CALayer *mask = nil;
diff --git a/packages/react-native/React/Views/RCTViewManager.m b/packages/react-native/React/Views/RCTViewManager.m
index 9b4775ceec3c..0a0126545bde 100644
--- a/packages/react-native/React/Views/RCTViewManager.m
+++ b/packages/react-native/React/Views/RCTViewManager.m
@@ -13,9 +13,9 @@
 #import "RCTBridge.h"
 #import "RCTConvert+Transform.h"
 #import "RCTConvert.h"
+#import "RCTCursor.h"
 #import "RCTLog.h"
 #import "RCTShadowView.h"
-#import "RCTTransformOrigin.h"
 #import "RCTUIManager.h"
 #import "RCTUIManagerUtils.h"
 #import "RCTUtils.h"
@@ -122,13 +122,6 @@ @implementation RCTConvert (UIAccessibilityTraits)
     UIAccessibilityTraitNone,
     unsignedLongLongValue)
 
-+ (RCTTransformOrigin)RCTTransformOrigin:(id)json
-{
-  RCTTransformOrigin transformOrigin = {
-      [RCTConvert YGValue:json[0]], [RCTConvert YGValue:json[1]], [RCTConvert CGFloat:json[2]]};
-  return transformOrigin;
-}
-
 @end
 
 @implementation RCTViewManager
@@ -203,6 +196,7 @@ - (RCTShadowView *)shadowView
 
 RCT_EXPORT_VIEW_PROPERTY(backgroundColor, UIColor)
 RCT_REMAP_VIEW_PROPERTY(backfaceVisibility, layer.doubleSided, css_backface_visibility_t)
+RCT_EXPORT_VIEW_PROPERTY(cursor, RCTCursor)
 RCT_REMAP_VIEW_PROPERTY(opacity, alpha, CGFloat)
 RCT_REMAP_VIEW_PROPERTY(shadowColor, layer.shadowColor, CGColor)
 RCT_REMAP_VIEW_PROPERTY(shadowOffset, layer.shadowOffset, CGSize)
@@ -221,7 +215,7 @@ - (RCTShadowView *)shadowView
 {
   view.layer.shouldRasterize = json ? [RCTConvert BOOL:json] : defaultView.layer.shouldRasterize;
   view.layer.rasterizationScale =
-      view.layer.shouldRasterize ? [UIScreen mainScreen].scale : defaultView.layer.rasterizationScale;
+      view.layer.shouldRasterize ? view.traitCollection.displayScale : defaultView.layer.rasterizationScale;
 }
 
 RCT_REMAP_VIEW_PROPERTY(transform, reactTransform, CATransform3D)
diff --git a/packages/react-native/React/Views/RCTWrapperViewController.m b/packages/react-native/React/Views/RCTWrapperViewController.m
index 6719783277d3..eb041ad79a64 100644
--- a/packages/react-native/React/Views/RCTWrapperViewController.m
+++ b/packages/react-native/React/Views/RCTWrapperViewController.m
@@ -29,7 +29,6 @@ - (instancetype)initWithContentView:(UIView *)contentView
 
   if ((self = [super initWithNibName:nil bundle:nil])) {
     _contentView = contentView;
-    self.automaticallyAdjustsScrollViewInsets = NO;
   }
   return self;
 }
diff --git a/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m b/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
index 41dc74b06b66..eeb12da71bfb 100644
--- a/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
+++ b/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
@@ -57,7 +57,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 1b506c877ebd..1aead514ac3f 100644
--- a/packages/react-native/React/Views/ScrollView/RCTScrollView.m
+++ b/packages/react-native/React/Views/ScrollView/RCTScrollView.m
@@ -568,6 +568,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),
@@ -674,8 +678,7 @@ - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    * 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;
@@ -972,7 +975,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];
           }
         }
@@ -988,7 +991,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];
           }
         }
@@ -1058,7 +1061,7 @@ - (void)sendScrollEventWithName:(NSString *)eventName
   }
 
   CGPoint offset = scrollView.contentOffset;
-  if ([UIApplication sharedApplication].userInterfaceLayoutDirection == UIUserInterfaceLayoutDirectionRightToLeft) {
+  if ([self reactLayoutDirection] == UIUserInterfaceLayoutDirectionRightToLeft) {
     offset.x = scrollView.contentSize.width - scrollView.frame.size.width - offset.x;
   }
 
diff --git a/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m b/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
index 03355504e0a1..9ce23ade7c8c 100644
--- a/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
+++ b/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
@@ -68,6 +68,8 @@ - (UIView *)view
 RCT_EXPORT_VIEW_PROPERTY(automaticallyAdjustContentInsets, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(automaticallyAdjustKeyboardInsets, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(decelerationRate, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(endDraggingSensitivityMultiplier, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(endDraggingSensitivityVelocityMultiplier, CGFloat)
 RCT_EXPORT_VIEW_PROPERTY(directionalLockEnabled, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(indicatorStyle, UIScrollViewIndicatorStyle)
 RCT_EXPORT_VIEW_PROPERTY(keyboardDismissMode, UIScrollViewKeyboardDismissMode)
diff --git a/packages/react-native/React/Views/UIView+React.h b/packages/react-native/React/Views/UIView+React.h
index 46bd1660aae9..fbc8ca0f94c8 100644
--- a/packages/react-native/React/Views/UIView+React.h
+++ b/packages/react-native/React/Views/UIView+React.h
@@ -8,11 +8,17 @@
 #import <UIKit/UIKit.h>
 
 #import <React/RCTComponent.h>
-#import <React/RCTTransformOrigin.h>
+#import <React/RCTConvert.h>
 #import <yoga/YGEnums.h>
 
 @class RCTShadowView;
 
+typedef struct {
+  YGValue x;
+  YGValue y;
+  CGFloat z;
+} RCTTransformOrigin;
+
 @interface UIView (React) <RCTComponent>
 
 /**
diff --git a/packages/react-native/React/Views/UIView+React.m b/packages/react-native/React/Views/UIView+React.m
index 5268b638536b..2ee2c500ddb7 100644
--- a/packages/react-native/React/Views/UIView+React.m
+++ b/packages/react-native/React/Views/UIView+React.m
@@ -204,7 +204,10 @@ - (void)reactSetFrame:(CGRect)frame
   self.center = position;
   self.bounds = bounds;
 
-  updateTransform(self);
+  id transformOrigin = objc_getAssociatedObject(self, @selector(reactTransformOrigin));
+  if (transformOrigin) {
+    updateTransform(self);
+  }
 }
 
 #pragma mark - Transforms
@@ -242,31 +245,35 @@ - (void)setReactTransformOrigin:(RCTTransformOrigin)reactTransformOrigin
 
 static void updateTransform(UIView *view)
 {
-  CGSize size = view.bounds.size;
-  RCTTransformOrigin transformOrigin = view.reactTransformOrigin;
-
-  CGFloat anchorPointX = 0;
-  CGFloat anchorPointY = 0;
-  CGFloat anchorPointZ = 0;
-
-  if (transformOrigin.x.unit == YGUnitPoint) {
-    anchorPointX = transformOrigin.x.value - size.width * 0.5;
-  } else if (transformOrigin.x.unit == YGUnitPercent) {
-    anchorPointX = (transformOrigin.x.value * 0.01 - 0.5) * size.width;
-  }
+  CATransform3D transform;
+  id rawTansformOrigin = objc_getAssociatedObject(view, @selector(reactTransformOrigin));
+  if (rawTansformOrigin) {
+    CGSize size = view.bounds.size;
+    CGFloat anchorPointX = 0;
+    CGFloat anchorPointY = 0;
+    CGFloat anchorPointZ = 0;
+    RCTTransformOrigin transformOrigin;
+    [rawTansformOrigin getValue:&transformOrigin];
+    if (transformOrigin.x.unit == YGUnitPoint) {
+      anchorPointX = transformOrigin.x.value - size.width * 0.5;
+    } else if (transformOrigin.x.unit == YGUnitPercent) {
+      anchorPointX = (transformOrigin.x.value * 0.01 - 0.5) * size.width;
+    }
 
-  if (transformOrigin.y.unit == YGUnitPoint) {
-    anchorPointY = transformOrigin.y.value - size.height * 0.5;
-  } else if (transformOrigin.y.unit == YGUnitPercent) {
-    anchorPointY = (transformOrigin.y.value * 0.01 - 0.5) * size.height;
+    if (transformOrigin.y.unit == YGUnitPoint) {
+      anchorPointY = transformOrigin.y.value - size.height * 0.5;
+    } else if (transformOrigin.y.unit == YGUnitPercent) {
+      anchorPointY = (transformOrigin.y.value * 0.01 - 0.5) * size.height;
+    }
+    anchorPointZ = transformOrigin.z;
+    transform = CATransform3DConcat(
+        view.reactTransform, CATransform3DMakeTranslation(anchorPointX, anchorPointY, anchorPointZ));
+    transform =
+        CATransform3DConcat(CATransform3DMakeTranslation(-anchorPointX, -anchorPointY, -anchorPointZ), transform);
+  } else {
+    transform = view.reactTransform;
   }
 
-  anchorPointZ = transformOrigin.z;
-
-  CATransform3D transform = CATransform3DMakeTranslation(anchorPointX, anchorPointY, anchorPointZ);
-  transform = CATransform3DConcat(view.reactTransform, transform);
-  transform = CATransform3DTranslate(transform, -anchorPointX, -anchorPointY, -anchorPointZ);
-
   view.layer.transform = transform;
   // Enable edge antialiasing in rotation, skew, or perspective transforms
   view.layer.allowsEdgeAntialiasing = transform.m12 != 0.0f || transform.m21 != 0.0f || transform.m34 != 0.0f;
diff --git a/packages/react-native/React/third-party.xcconfig b/packages/react-native/React/third-party.xcconfig
index ee7b44b3fb12..273b6c537714 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-2022.05.16.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
+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 914cb7646a18..664f6e667e44 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 c0d259daae20..000000000000
--- 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 000000000000..5242fce7eac8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/api/ReactAndroid.api
@@ -0,0 +1,7690 @@
+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 : com/facebook/react/TurboReactPackage, com/facebook/react/ViewManagerOnDemandReactPackage {
+	public fun <init> ()V
+	public fun createViewManager (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	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 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;
+	public fun getReactDelegate ()Lcom/facebook/react/ReactDelegate;
+	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;
+	protected fun getReactDelegate ()Lcom/facebook/react/ReactDelegate;
+	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 onConfigurationChanged (Landroid/content/res/Configuration;)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun onKeyDown (ILandroid/view/KeyEvent;)Z
+	public fun onKeyLongPress (I)Z
+	public fun onNewIntent (Landroid/content/Intent;)Z
+	public fun onWindowFocusChanged (Z)V
+	public fun reload ()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 onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public abstract fun onBackPressed ()Z
+	public abstract fun onConfigurationChanged (Landroid/content/Context;)V
+	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 onNewIntent (Landroid/content/Intent;)V
+	public abstract fun onWindowFocusChange (Z)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/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 interface class com/facebook/react/bridge/NativeArrayInterface {
+	public abstract 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, com/facebook/react/fabric/interop/UIBlockViewResolver {
+	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 static fun classIsTurboModule (Ljava/lang/Class;)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/modules/common/ModuleDataCleaner$Cleanable, com/facebook/react/turbomodule/core/interfaces/TurboModule {
+	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/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 final class com/facebook/react/runtime/BridgelessCatalystInstance : com/facebook/react/bridge/CatalystInstance {
+	public fun <init> (Lcom/facebook/react/runtime/ReactHostImpl;)V
+	public fun addBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)V
+	public fun addJSIModules (Ljava/util/List;)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/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/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 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/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 onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public fun onBackPressed ()Z
+	public fun onConfigurationChanged (Landroid/content/Context;)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 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 {
+	public abstract fun initialize ()V
+	public abstract fun invalidate ()V
+}
+
+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;
+	public fun getRootViewNum ()I
+	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/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 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
+	public static final field UNSET I
+	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 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 cce54c2a0e1f..000000000000
--- a/packages/react-native/ReactAndroid/build.gradle
+++ /dev/null
@@ -1,826 +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",
-                    "-DANDROID_PLATFORM=android-21",
-                    // 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/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)
-    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 000000000000..4909aeddba5d
--- /dev/null
+++ b/packages/react-native/ReactAndroid/build.gradle.kts
@@ -0,0 +1,813 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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_text",
+                  listOf(
+                      Pair(
+                          "../ReactCommon/react/renderer/components/text/",
+                          "react/renderer/components/text/"),
+                      Pair(
+                          "../ReactCommon/react/renderer/attributedstring",
+                          "react/renderer/attributedstring"),
+                  )),
+              PrefabPreprocessingEntry(
+                  "rrc_textinput",
+                  listOf(
+                      Pair(
+                          "../ReactCommon/react/renderer/components/textinput/",
+                          "react/renderer/components/textinput/"),
+                      Pair(
+                          "../ReactCommon/react/renderer/components/textinput/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(
+                  "react_render_textlayoutmanager",
+                  listOf(
+                      Pair(
+                          "../ReactCommon/react/renderer/textlayoutmanager/",
+                          "react/renderer/textlayoutmanager/"),
+                      Pair("../ReactCommon/react/renderer/textlayoutmanager/platform/android/", ""),
+                  )),
+              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()
+  } else {
+    ndkVersion = libs.versions.ndkVersion.get()
+  }
+
+  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_text",
+            "rrc_textinput",
+            "rrc_legacyviewmanagerinterop",
+            "jsi",
+            "glog",
+            "fabricjni",
+            "react_render_mapbuffer",
+            "react_render_textlayoutmanager",
+            "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_text") { headers = File(prefabHeadersDir, "rrc_text").absolutePath }
+    create("rrc_textinput") { headers = File(prefabHeadersDir, "rrc_textinput").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("react_render_textlayoutmanager") {
+      headers = File(prefabHeadersDir, "react_render_textlayoutmanager").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 d49fa9ed80d8..e2efc266ca0f 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,13 +70,17 @@ 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)
+add_library(rrc_text ALIAS ReactAndroid::rrc_text)
+add_library(rrc_textinput ALIAS ReactAndroid::rrc_textinput)
 add_library(jsi ALIAS ReactAndroid::jsi)
 add_library(glog ALIAS ReactAndroid::glog)
 add_library(fabricjni ALIAS ReactAndroid::fabricjni)
 add_library(react_render_mapbuffer ALIAS ReactAndroid::react_render_mapbuffer)
+add_library(react_render_textlayoutmanager ALIAS ReactAndroid::react_render_textlayoutmanager)
 add_library(yoga ALIAS ReactAndroid::yoga)
 add_library(folly_runtime ALIAS ReactAndroid::folly_runtime)
 add_library(react_nativemodule_core ALIAS ReactAndroid::react_nativemodule_core)
@@ -99,14 +102,18 @@ 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
         react_render_graphics               # prefab ready
         react_render_imagemanager           # prefab ready
         react_render_mapbuffer              # prefab ready
+        react_render_textlayoutmanager      # prefab ready
         rrc_image                           # prefab ready
         rrc_view                            # prefab ready
+        rrc_text                            # prefab ready
+        rrc_textinput                       # prefab ready
         rrc_legacyviewmanagerinterop        # prefab ready
         runtimeexecutor                     # prefab ready
         turbomodulejsijni                   # prefab ready
@@ -133,4 +140,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 eff504b9c210..56a38374370a 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,17 +48,30 @@ 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);
 }
 
 std::shared_ptr<TurboModule> cxxModuleProvider(
     const std::string& name,
     const std::shared_ptr<CallInvoker>& jsInvoker) {
-  // Not implemented yet: provide pure-C++ NativeModules here.
-  return nullptr;
+  // Here you can provide your CXX Turbo Modules coming from
+  // either your application or from external libraries. The approach to follow
+  // is similar to the following (for a module called `NativeCxxModuleExample`):
+  //
+  // if (name == NativeCxxModuleExample::kModuleName) {
+  //   return std::make_shared<NativeCxxModuleExample>(jsInvoker);
+  // }
+
+  // And we fallback to the CXX module providers autolinked by RN CLI
+  return rncli_cxxModuleProvider(name, jsInvoker);
 }
 
 std::shared_ptr<TurboModule> javaModuleProvider(
@@ -61,13 +81,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 f0c42511a91a..685d77e7b7fa 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 b1bfa20d8f87..000000000000
--- 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 2109a287d46c..000000000000
--- 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 ecbef22f7731..000000000000
--- a/packages/react-native/ReactAndroid/flipper-integration/src/debug/java/com/facebook/react/flipper/ReactNativeFlipper.kt
+++ /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.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.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 (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 e44f63d8d1db..000000000000
--- 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 924f82a0637d..4d5adfcbff9a 100644
--- a/packages/react-native/ReactAndroid/gradle.properties
+++ b/packages/react-native/ReactAndroid/gradle.properties
@@ -1,4 +1,4 @@
-VERSION_NAME=1000.0.0
+VERSION_NAME=0.74.6
 react.internal.publishingGroup=com.facebook.react
 
 android.useAndroidX=true
@@ -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 4cb7ad9e9f97..000000000000
--- 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 000000000000..7fa719f08e60
--- /dev/null
+++ b/packages/react-native/ReactAndroid/hermes-engine/build.gradle.kts
@@ -0,0 +1,320 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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()
+  } else {
+    ndkVersion = libs.versions.ndkVersion.get()
+  }
+
+  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 7e65d7910430..70c7e22bd8f1 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*(***);
@@ -49,6 +55,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
 -keep class com.facebook.jni.** { *; }
diff --git a/packages/react-native/ReactAndroid/publish.gradle b/packages/react-native/ReactAndroid/publish.gradle
index db2c83765c66..32287a7c8139 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 31552b1abc0b..000000000000
--- 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 5e31d4403b2d..000000000000
--- 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 a9df0445f67d..000000000000
--- 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 618106f6f990..000000000000
--- 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 90e8a630f4d8..000000000000
--- 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 c2b250428c04..000000000000
--- 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 f2d544dc7058..000000000000
--- 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 d70069190b95..000000000000
--- 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 3824383d8def..000000000000
--- 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 7f938986cf72..000000000000
--- 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 4147077d8d6f..000000000000
--- 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 fa6ee446671d..000000000000
--- 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 355640952b9d..000000000000
--- 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 7c0fddbe4660..000000000000
--- 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 a5ac40a93d9e..000000000000
--- 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 d13ef19aa56f..000000000000
--- 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 9376aa3493bc..000000000000
--- 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 1290ea9e647b..000000000000
--- 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 73867d3d7a39..000000000000
--- 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 926d0383596e..000000000000
--- 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 11affeb80ffb..000000000000
--- 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 98b922fbb3d8..000000000000
--- 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 bc8564dbe979..000000000000
--- 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 05fb2137b391..000000000000
--- 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/IdleWaiter.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
deleted file mode 100644
index 89cbf73d986b..000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
+++ /dev/null
@@ -1,14 +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;
-
-/** Interface for something that knows how to wait for bridge and UI idle. */
-public interface IdleWaiter {
-
-  void waitForBridgeAndUIIdle();
-}
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 a988351820b4..000000000000
--- 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 a2e20984ec0f..000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
+++ /dev/null
@@ -1,121 +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 androidx.test.InstrumentationRegistry;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.core.ChoreographerCompat;
-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(
-        new Runnable() {
-          @Override
-          public void run() {
-            final ChoreographerCompat choreographerCompat = ChoreographerCompat.getInstance();
-            choreographerCompat.postFrameCallback(
-                new ChoreographerCompat.FrameCallback() {
-
-                  private int frameCount = 0;
-
-                  @Override
-                  public void doFrame(long frameTimeNanos) {
-                    frameCount++;
-                    if (frameCount == waitFrameCount) {
-                      latch.countDown();
-                    } else {
-                      choreographerCompat.postFrameCallback(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 e6cb498904b5..000000000000
--- 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 e8f6ff3971a2..000000000000
--- 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 cf2631779a6d..000000000000
--- 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 c7b45417f6c2..000000000000
--- 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 a36eb9a8b358..000000000000
--- 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 287884f7a071..000000000000
--- 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 0776e61361a4..000000000000
--- 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 65bc4f27e465..000000000000
--- 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 7d4b4b194070..000000000000
--- 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 98557aec5d11..000000000000
--- 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 4d40bba1c608..000000000000
--- 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 7cc93cf4ed67..000000000000
--- 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 e77487ee489f..000000000000
--- 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 30419772a4d9..000000000000
--- 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 60548adf6239..000000000000
--- 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 a270ff0d07d8..000000000000
--- 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 ec947422fd34..000000000000
--- 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 b98a2789df2d..000000000000
--- 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 e09a4f1c2497..000000000000
--- 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 f4c2210388c5..000000000000
--- 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 0a8f7a11a3d3..000000000000
--- 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 384ce67d5e37..000000000000
--- 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 7a2ebae7680d..000000000000
--- 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 411ab0003473..000000000000
--- 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 04d8ec6348c7..000000000000
--- 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 f58bd22b301b..000000000000
--- 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 3a0db7743e8c..000000000000
--- 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 62c9811f0c91..000000000000
--- 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 64e59f2a5885..000000000000
--- 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 c6997e6e0b31..000000000000
--- 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 36288a8fb768..000000000000
--- 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 06605c0c5602..000000000000
--- 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 9e818ceb695a..000000000000
--- 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 278670f35274..000000000000
--- 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 04a461f3afd7..000000000000
--- 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 e942bc315a1d..000000000000
--- 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 3fe6ca666707..000000000000
--- 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 4967106a75bb..000000000000
--- 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 59cda24bdd22..000000000000
--- 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 68289a53bee4..000000000000
--- 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 73f023fd58c7..000000000000
--- 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 583d7c71b169..000000000000
--- 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 21df4f6ec241..000000000000
--- 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 4808118ed894..000000000000
--- 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 8d3f7fb4778b..000000000000
--- 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 82599a67bc09..000000000000
--- 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 4859233ff0b3..000000000000
--- 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 208b6cdf91eb..000000000000
--- 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/TestBundle.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestBundle.js
deleted file mode 100644
index e4c8a519e1aa..000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestBundle.js
+++ /dev/null
@@ -1,15 +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 {AppRegistry} = require('react-native');
-const TestApps = require('./TestApps');
-
-AppRegistry.registerConfig(TestApps);
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 6f59c2d23d32..000000000000
--- 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 241a94c1f00e..000000000000
--- 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 aa8ca51f3429..000000000000
--- 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 81d0f194154b..000000000000
--- 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 9d81124ba867..000000000000
--- 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 321b1aea209b..000000000000
--- 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 dd27fbd0e8db..000000000000
--- 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 9433f36b7865..000000000000
--- 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 dd6dbe18bda6..000000000000
--- 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/AndroidManifest.xml b/packages/react-native/ReactAndroid/src/main/AndroidManifest.xml
index e05503658c78..fe6accdb8b4d 100644
--- a/packages/react-native/ReactAndroid/src/main/AndroidManifest.xml
+++ b/packages/react-native/ReactAndroid/src/main/AndroidManifest.xml
@@ -8,7 +8,7 @@
    up from the file to lint until it find an AndroidManifest with a minSdkVersion. This is then used
    as the min SDK to lint the file.-->
   <uses-sdk
-      android:minSdkVersion="21"
+      android:minSdkVersion="23"
       android:targetSdkVersion="34"
       />
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/annotationprocessors/common/ProcessorBase.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/annotationprocessors/common/ProcessorBase.java
new file mode 100644
index 000000000000..51983ad030eb
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/annotationprocessors/common/ProcessorBase.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.annotationprocessors.common;
+
+import java.util.Set;
+import javax.annotation.processing.AbstractProcessor;
+import javax.annotation.processing.RoundEnvironment;
+import javax.lang.model.element.TypeElement;
+
+public abstract class ProcessorBase extends AbstractProcessor {
+
+  @Override
+  public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
+    return processImpl(annotations, roundEnv);
+  }
+
+  protected abstract boolean processImpl(
+      Set<? extends TypeElement> annotations, RoundEnvironment roundEnv);
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/BaseReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/BaseReactPackage.java
new file mode 100644
index 000000000000..0a606e0c65f4
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/BaseReactPackage.java
@@ -0,0 +1,159 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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.NonNull;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ModuleHolder;
+import com.facebook.react.bridge.ModuleSpec;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.config.ReactFeatureFlags;
+import com.facebook.react.module.model.ReactModuleInfo;
+import com.facebook.react.module.model.ReactModuleInfoProvider;
+import com.facebook.react.uimanager.ViewManager;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.NoSuchElementException;
+import java.util.Set;
+import javax.inject.Provider;
+
+/** Abstract class that supports lazy loading of NativeModules by default. */
+public abstract class BaseReactPackage implements ReactPackage {
+
+  @Override
+  public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+    throw new UnsupportedOperationException(
+        "createNativeModules method is not supported. Use getModule() method instead.");
+  }
+
+  /**
+   * The API needed for TurboModules. Given a module name, it returns an instance of {@link
+   * NativeModule} for the name
+   *
+   * @param name name of the Native Module
+   * @param reactContext {@link ReactApplicationContext} context for this
+   */
+  @Override
+  public abstract @Nullable NativeModule getModule(
+      @NonNull String name, @NonNull ReactApplicationContext reactContext);
+
+  /**
+   * This is a temporary method till we implement TurboModules. Once we implement TurboModules, we
+   * will be able to directly call {@link BaseReactPackage#getModule(String,
+   * ReactApplicationContext)} This method will be removed when TurboModule implementation is
+   * complete
+   *
+   * @param reactContext
+   * @return
+   */
+  /** package */
+  Iterable<ModuleHolder> getNativeModuleIterator(final ReactApplicationContext reactContext) {
+    final Set<Map.Entry<String, ReactModuleInfo>> entrySet =
+        getReactModuleInfoProvider().getReactModuleInfos().entrySet();
+    final Iterator<Map.Entry<String, ReactModuleInfo>> entrySetIterator = entrySet.iterator();
+    // This should ideally be an IteratorConvertor, but we don't have any internal library for it
+    return () ->
+        new Iterator<ModuleHolder>() {
+          @Nullable Map.Entry<String, ReactModuleInfo> nextEntry = null;
+
+          private void findNext() {
+            while (entrySetIterator.hasNext()) {
+              Map.Entry<String, ReactModuleInfo> entry = entrySetIterator.next();
+              ReactModuleInfo reactModuleInfo = entry.getValue();
+
+              // This Iterator is used to create the NativeModule registry. The NativeModule
+              // registry must not have TurboModules. Therefore, if TurboModules are enabled, and
+              // the current NativeModule is a TurboModule, we need to skip iterating over it.
+              if (ReactFeatureFlags.useTurboModules && reactModuleInfo.isTurboModule()) {
+                continue;
+              }
+
+              nextEntry = entry;
+              return;
+            }
+            nextEntry = null;
+          }
+
+          @Override
+          public boolean hasNext() {
+            if (nextEntry == null) {
+              findNext();
+            }
+            return nextEntry != null;
+          }
+
+          @Override
+          public ModuleHolder next() {
+            if (nextEntry == null) {
+              findNext();
+            }
+
+            if (nextEntry == null) {
+              throw new NoSuchElementException("ModuleHolder not found");
+            }
+
+            Map.Entry<String, ReactModuleInfo> entry = nextEntry;
+
+            // Advance iterator
+            findNext();
+            String name = entry.getKey();
+            ReactModuleInfo reactModuleInfo = entry.getValue();
+            return new ModuleHolder(reactModuleInfo, new ModuleHolderProvider(name, reactContext));
+          }
+
+          @Override
+          public void remove() {
+            throw new UnsupportedOperationException("Cannot remove native modules from the list");
+          }
+        };
+  }
+
+  /**
+   * @param reactContext react application context that can be used to create View Managers.
+   * @return list of module specs that can create the View Managers.
+   */
+  protected List<ModuleSpec> getViewManagers(ReactApplicationContext reactContext) {
+    return Collections.emptyList();
+  }
+
+  @Override
+  public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+    List<ModuleSpec> viewManagerModuleSpecs = getViewManagers(reactContext);
+    if (viewManagerModuleSpecs == null || viewManagerModuleSpecs.isEmpty()) {
+      return Collections.emptyList();
+    }
+
+    List<ViewManager> viewManagers = new ArrayList<>();
+    for (ModuleSpec moduleSpec : viewManagerModuleSpecs) {
+      viewManagers.add((ViewManager) moduleSpec.getProvider().get());
+    }
+    return viewManagers;
+  }
+
+  public abstract ReactModuleInfoProvider getReactModuleInfoProvider();
+
+  private class ModuleHolderProvider implements Provider<NativeModule> {
+
+    private final String mName;
+    private final ReactApplicationContext mReactContext;
+
+    public ModuleHolderProvider(String name, ReactApplicationContext reactContext) {
+      mName = name;
+      mReactContext = reactContext;
+    }
+
+    @Override
+    public @Nullable NativeModule get() {
+      return getModule(mName, mReactContext);
+    }
+  }
+}
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 3cae5492de17..92d32ae490e4 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
@@ -26,7 +26,12 @@
 /**
  * {@code CompositeReactPackage} allows to create a single package composed of views and modules
  * from several other packages.
+ *
+ * @deprecated
  */
+@Deprecated(
+    since = "CompositeReactPackage is deprecated and will be deleted, use ReactPackage instead",
+    forRemoval = true)
 public class CompositeReactPackage implements ViewManagerOnDemandReactPackage, ReactPackage {
 
   private final List<ReactPackage> mChildReactPackages = new ArrayList<>();
@@ -57,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 973fdf7cf5b6..89d695a24d92 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
@@ -11,11 +11,14 @@
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.turbomodule.core.TurboModuleManagerDelegate;
+import com.facebook.react.internal.turbomodule.core.TurboModuleManagerDelegate;
 import java.util.ArrayList;
 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 5b3e5bb3c313..ae1bb0131fd2 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
@@ -30,7 +30,6 @@
 import com.facebook.react.modules.debug.SourceCodeModule;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
 import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewManagerResolver;
@@ -57,7 +56,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;
@@ -115,7 +114,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                 reactModule.canOverrideExistingModule(),
                 reactModule.needsEagerInit(),
                 reactModule.isCxxModule(),
-                TurboModule.class.isAssignableFrom(moduleClass)));
+                ReactModuleInfo.classIsTurboModule(moduleClass)));
       }
 
       return () -> reactModuleInfoMap;
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 cc98ffd79b18..b695c937dbc6 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
@@ -16,10 +16,9 @@
 import com.facebook.react.module.annotations.ReactModuleList;
 import com.facebook.react.module.model.ReactModuleInfo;
 import com.facebook.react.module.model.ReactModuleInfoProvider;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 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 +35,19 @@
     nativeModules = {
       JSCHeapCapture.class,
     })
+/* package */
 public 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;
     }
   }
 
@@ -74,7 +73,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                 reactModule.canOverrideExistingModule(),
                 reactModule.needsEagerInit(),
                 reactModule.isCxxModule(),
-                TurboModule.class.isAssignableFrom(moduleClass)));
+                ReactModuleInfo.classIsTurboModule(moduleClass)));
       }
 
       return () -> reactModuleInfoMap;
@@ -96,8 +95,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/EagerModuleProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
index ea17d5aad08d..07bb19c46546 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/EagerModuleProvider.java
@@ -11,7 +11,7 @@
 import javax.inject.Provider;
 
 /** Provider for an already initialized and non-lazy NativeModule. */
-public class EagerModuleProvider implements Provider<NativeModule> {
+class EagerModuleProvider implements Provider<NativeModule> {
 
   private final NativeModule mModule;
 
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.java
deleted file mode 100644
index 7f33bc78c5a5..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.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;
-
-/**
- * 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.
- */
-public enum JSEngineResolutionAlgorithm {
-  JSC,
-  HERMES
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.kt
new file mode 100644
index 000000000000..672e20ba3c56
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.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 com.facebook.react
+/**
+ * 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 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 570d1a2f89b8..48e30d36b8e0 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
    *
@@ -95,11 +86,8 @@ public void remove() {
   protected abstract List<ModuleSpec> getNativeModules(ReactApplicationContext reactContext);
 
   /**
-   * This is only used when a LazyReactPackage is a part of {@link CompositeReactPackage} Once we
-   * deprecate {@link CompositeReactPackage}, this can be removed too
-   *
    * @param reactContext react application context that can be used to create modules
-   * @return
+   * @return {@link List<NativeModule>} to register
    */
   @Override
   public final List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
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 a0d30017f6ef..000000000000
--- 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.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 a29f876b6c65..75777adb036c 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 75d1cac4ba5a..cf85a64935b8 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 28b259596e5d..958629743246 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
@@ -64,6 +65,10 @@ protected void onDestroy() {
     mDelegate.onDestroy();
   }
 
+  public @Nullable ReactDelegate getReactDelegate() {
+    return mDelegate.getReactDelegate();
+  }
+
   @Override
   public void onActivityResult(int requestCode, int resultCode, Intent data) {
     super.onActivityResult(requestCode, resultCode, data);
@@ -112,7 +117,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 +129,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 8546a5d6e149..a64876ff900f 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
@@ -7,19 +7,16 @@
 
 package com.facebook.react;
 
-import android.annotation.TargetApi;
 import android.app.Activity;
 import android.content.Context;
 import android.content.Intent;
 import android.content.res.Configuration;
-import android.os.Build;
 import android.os.Bundle;
 import android.view.KeyEvent;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.config.ReactFeatureFlags;
-import com.facebook.react.interfaces.ReactHost;
 import com.facebook.react.modules.core.PermissionListener;
 
 /**
@@ -37,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;
   }
@@ -63,7 +61,6 @@ public ReactActivityDelegate(ReactActivity activity, @Nullable String mainCompon
       if (composedLaunchOptions == null) {
         composedLaunchOptions = new Bundle();
       }
-      composedLaunchOptions.putBoolean("concurrentRoot", true);
     }
     return composedLaunchOptions;
   }
@@ -91,6 +88,10 @@ public ReactHost getReactHost() {
     return ((ReactApplication) getPlainActivity().getApplication()).getReactHost();
   }
 
+  protected @Nullable ReactDelegate getReactDelegate() {
+    return mReactDelegate;
+  }
+
   public ReactInstanceManager getReactInstanceManager() {
     return mReactDelegate.getReactInstanceManager();
   }
@@ -108,7 +109,11 @@ protected void onCreate(Bundle savedInstanceState) {
     } else {
       mReactDelegate =
           new ReactDelegate(
-              getPlainActivity(), getReactNativeHost(), mainComponentName, launchOptions) {
+              getPlainActivity(),
+              getReactNativeHost(),
+              mainComponentName,
+              launchOptions,
+              isFabricEnabled()) {
             @Override
             protected ReactRootView createRootView() {
               return ReactActivityDelegate.this.createRootView(launchOptions);
@@ -147,15 +152,7 @@ public void onActivityResult(int requestCode, int resultCode, Intent data) {
   }
 
   public boolean onKeyDown(int keyCode, KeyEvent event) {
-    if (!ReactFeatureFlags.enableBridgelessArchitecture) {
-      if (getReactNativeHost().hasInstance()
-          && getReactNativeHost().getUseDeveloperSupport()
-          && keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD) {
-        event.startTracking();
-        return true;
-      }
-    }
-    return false;
+    return mReactDelegate.onKeyDown(keyCode, event);
   }
 
   public boolean onKeyUp(int keyCode, KeyEvent event) {
@@ -163,15 +160,7 @@ public boolean onKeyUp(int keyCode, KeyEvent event) {
   }
 
   public boolean onKeyLongPress(int keyCode, KeyEvent event) {
-    if (!ReactFeatureFlags.enableBridgelessArchitecture) {
-      if (getReactNativeHost().hasInstance()
-          && getReactNativeHost().getUseDeveloperSupport()
-          && keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD) {
-        getReactNativeHost().getReactInstanceManager().showDevOptionsDialog();
-        return true;
-      }
-    }
-    return false;
+    return mReactDelegate.onKeyLongPress(keyCode);
   }
 
   public boolean onBackPressed() {
@@ -179,32 +168,17 @@ public boolean onBackPressed() {
   }
 
   public boolean onNewIntent(Intent intent) {
-    if (!ReactFeatureFlags.enableBridgelessArchitecture) {
-      if (getReactNativeHost().hasInstance()) {
-        getReactNativeHost().getReactInstanceManager().onNewIntent(intent);
-        return true;
-      }
-    }
-    return false;
+    return mReactDelegate.onNewIntent(intent);
   }
 
   public void onWindowFocusChanged(boolean hasFocus) {
-    if (!ReactFeatureFlags.enableBridgelessArchitecture) {
-      if (getReactNativeHost().hasInstance()) {
-        getReactNativeHost().getReactInstanceManager().onWindowFocusChange(hasFocus);
-      }
-    }
+    mReactDelegate.onWindowFocusChanged(hasFocus);
   }
 
   public void onConfigurationChanged(Configuration newConfig) {
-    if (!ReactFeatureFlags.enableBridgelessArchitecture) {
-      if (getReactNativeHost().hasInstance()) {
-        getReactInstanceManager().onConfigurationChanged(getContext(), newConfig);
-      }
-    }
+    mReactDelegate.onConfigurationChanged(newConfig);
   }
 
-  @TargetApi(Build.VERSION_CODES.M)
   public void requestPermissions(
       String[] permissions, int requestCode, PermissionListener listener) {
     mPermissionListener = listener;
@@ -241,6 +215,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/ReactAndroidHWInputDeviceHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
index 44a9fe79df02..c34e63d8489e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactAndroidHWInputDeviceHelper.java
@@ -15,7 +15,7 @@
 import java.util.Map;
 
 /** Responsible for dispatching events specific for hardware inputs. */
-public class ReactAndroidHWInputDeviceHelper {
+class ReactAndroidHWInputDeviceHelper {
 
   /**
    * Contains a mapping between handled KeyEvents and the corresponding navigation event that should
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 3f572fa149ea..9360b51f7342 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,19 +7,15 @@
 
 package com.facebook.react
 
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-import com.facebook.react.interfaces.ReactHost
-
-@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 de1ca0327220..5eb70f792928 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
@@ -9,14 +9,17 @@
 
 import android.app.Activity;
 import android.content.Intent;
+import android.content.res.Configuration;
 import android.os.Bundle;
 import android.view.KeyEvent;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.config.ReactFeatureFlags;
+import com.facebook.react.devsupport.DisabledDevSupportManager;
 import com.facebook.react.devsupport.DoubleTapReloadRecognizer;
-import com.facebook.react.interfaces.ReactHost;
+import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.interfaces.fabric.ReactSurface;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 
@@ -43,6 +46,15 @@ public class ReactDelegate {
 
   private boolean mFabricEnabled = false;
 
+  /**
+   * Do not use this constructor as it's not accounting for New Architecture at all. You should
+   * either use {@link ReactDelegate#ReactDelegate(Activity, ReactHost, String, Bundle)} if you're
+   * on bridgeless mode or {@link ReactDelegate#ReactDelegate(Activity, ReactNativeHost, String,
+   * Bundle, boolean)} and use the last parameter to toggle paper/fabric.
+   *
+   * @deprecated Use one of the other constructors instead to account for New Architecture.
+   */
+  @Deprecated
   public ReactDelegate(
       Activity activity,
       ReactNativeHost reactNativeHost,
@@ -73,12 +85,26 @@ 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;
+  }
+
+  @Nullable
+  private DevSupportManager getDevSupportManager() {
+    if (ReactFeatureFlags.enableBridgelessArchitecture
+        && mReactHost != null
+        && mReactHost.getDevSupportManager() != null) {
+      return mReactHost.getDevSupportManager();
+    } else if (getReactNativeHost().hasInstance()
+        && getReactNativeHost().getReactInstanceManager() != null) {
+      return getReactNativeHost().getReactInstanceManager().getDevSupportManager();
+    } else {
+      return null;
+    }
   }
 
   public void onHostResume() {
@@ -137,11 +163,23 @@ public boolean onBackPressed() {
     return false;
   }
 
+  public boolean onNewIntent(Intent intent) {
+    if (ReactFeatureFlags.enableBridgelessArchitecture) {
+      mReactHost.onNewIntent(intent);
+      return true;
+    } else {
+      if (getReactNativeHost().hasInstance()) {
+        getReactNativeHost().getReactInstanceManager().onNewIntent(intent);
+        return true;
+      }
+    }
+    return false;
+  }
+
   public void onActivityResult(
       int requestCode, int resultCode, Intent data, boolean shouldForwardToReactInstance) {
     if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      // TODO T156475655: Implement onActivityResult for Bridgeless
-      return;
+      mReactHost.onActivityResult(mActivity, requestCode, resultCode, data);
     } else {
       if (getReactNativeHost().hasInstance() && shouldForwardToReactInstance) {
         getReactNativeHost()
@@ -151,6 +189,86 @@ public void onActivityResult(
     }
   }
 
+  public void onWindowFocusChanged(boolean hasFocus) {
+    if (ReactFeatureFlags.enableBridgelessArchitecture) {
+      mReactHost.onWindowFocusChange(hasFocus);
+    } else {
+      if (getReactNativeHost().hasInstance()) {
+        getReactNativeHost().getReactInstanceManager().onWindowFocusChange(hasFocus);
+      }
+    }
+  }
+
+  public void onConfigurationChanged(Configuration newConfig) {
+    if (ReactFeatureFlags.enableBridgelessArchitecture) {
+      mReactHost.onConfigurationChanged(Assertions.assertNotNull(mActivity));
+    } else {
+      if (getReactNativeHost().hasInstance()) {
+        getReactInstanceManager()
+            .onConfigurationChanged(Assertions.assertNotNull(mActivity), newConfig);
+      }
+    }
+  }
+
+  public boolean onKeyDown(int keyCode, KeyEvent event) {
+    if (keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD
+        && ((ReactFeatureFlags.enableBridgelessArchitecture
+                && mReactHost != null
+                && mReactHost.getDevSupportManager() != null)
+            || (getReactNativeHost().hasInstance()
+                && getReactNativeHost().getUseDeveloperSupport()))) {
+      event.startTracking();
+      return true;
+    }
+    return false;
+  }
+
+  public boolean onKeyLongPress(int keyCode) {
+    if (keyCode == KeyEvent.KEYCODE_MEDIA_FAST_FORWARD) {
+      if (ReactFeatureFlags.enableBridgelessArchitecture
+          && mReactHost != null
+          && mReactHost.getDevSupportManager() != null) {
+        mReactHost.getDevSupportManager().showDevOptionsDialog();
+        return true;
+      } else {
+        if (getReactNativeHost().hasInstance() && getReactNativeHost().getUseDeveloperSupport()) {
+          getReactNativeHost().getReactInstanceManager().showDevOptionsDialog();
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  public void reload() {
+    DevSupportManager devSupportManager = getDevSupportManager();
+    if (devSupportManager == null) {
+      return;
+    }
+
+    // Reload in RELEASE mode
+    if (devSupportManager instanceof DisabledDevSupportManager) {
+      // Do not reload the bundle from JS as there is no bundler running in release mode.
+      if (ReactFeatureFlags.enableBridgelessArchitecture) {
+        if (mReactHost != null) {
+          mReactHost.reload("ReactDelegate.reload()");
+        }
+      } else {
+        UiThreadUtil.runOnUiThread(
+            () -> {
+              if (mReactNativeHost.hasInstance()
+                  && mReactNativeHost.getReactInstanceManager() != null) {
+                mReactNativeHost.getReactInstanceManager().recreateReactContextInBackground();
+              }
+            });
+      }
+      return;
+    }
+
+    // Reload in DEBUG mode
+    devSupportManager.handleReloadJS();
+  }
+
   public void loadApp() {
     loadApp(mMainComponentName);
   }
@@ -197,22 +315,21 @@ protected ReactRootView createRootView() {
    *     application.
    */
   public boolean shouldShowDevMenuOrReload(int keyCode, KeyEvent event) {
-    if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      // TODO T156475655: Implement shouldShowDevMenuOrReload for Bridgeless
+    DevSupportManager devSupportManager = getDevSupportManager();
+    if (devSupportManager == null) {
       return false;
-    } else if (getReactNativeHost().hasInstance()
-        && getReactNativeHost().getUseDeveloperSupport()) {
-      if (keyCode == KeyEvent.KEYCODE_MENU) {
-        getReactNativeHost().getReactInstanceManager().showDevOptionsDialog();
-        return true;
-      }
-      boolean didDoubleTapR =
-          Assertions.assertNotNull(mDoubleTapReloadRecognizer)
-              .didDoubleTapR(keyCode, mActivity.getCurrentFocus());
-      if (didDoubleTapR) {
-        getReactNativeHost().getReactInstanceManager().getDevSupportManager().handleReloadJS();
-        return true;
-      }
+    }
+
+    if (keyCode == KeyEvent.KEYCODE_MENU) {
+      devSupportManager.showDevOptionsDialog();
+      return true;
+    }
+    boolean didDoubleTapR =
+        Assertions.assertNotNull(mDoubleTapReloadRecognizer)
+            .didDoubleTapR(keyCode, mActivity.getCurrentFocus());
+    if (didDoubleTapR) {
+      devSupportManager.handleReloadJS();
+      return true;
     }
     return false;
   }
@@ -241,7 +358,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 f6c75784e85f..103b71cf894c 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
@@ -7,10 +7,8 @@
 
 package com.facebook.react;
 
-import android.annotation.TargetApi;
 import android.app.Activity;
 import android.content.Intent;
-import android.os.Build;
 import android.os.Bundle;
 import android.view.KeyEvent;
 import android.view.LayoutInflater;
@@ -32,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;
 
@@ -161,13 +159,11 @@ public int checkPermission(String permission, int pid, int uid) {
     return getActivity().checkPermission(permission, pid, uid);
   }
 
-  @TargetApi(Build.VERSION_CODES.M)
   @Override
   public int checkSelfPermission(String permission) {
     return getActivity().checkSelfPermission(permission);
   }
 
-  @TargetApi(Build.VERSION_CODES.M)
   @Override
   public void requestPermissions(
       String[] permissions, int requestCode, PermissionListener listener) {
@@ -185,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
new file mode 100644
index 000000000000..b66775c2e76c
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactHost.kt
@@ -0,0 +1,134 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 android.app.Activity
+import android.content.Context
+import android.content.Intent
+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.devsupport.interfaces.DevSupportManager
+import com.facebook.react.interfaces.TaskInterface
+import com.facebook.react.interfaces.fabric.ReactSurface
+import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
+
+/**
+ * A ReactHost is an object that manages a single {@link ReactInstance}. A ReactHost can be
+ * constructed without initializing the ReactInstance, and it will continue to exist after the
+ * instance is destroyed.
+ *
+ * The implementation of this interface should be Thread Safe
+ */
+public interface ReactHost {
+
+  /** The current [LifecycleState] for React Host */
+  public val lifecycleState: LifecycleState
+
+  /**
+   * The current [ReactContext] associated with ReactInstance. It could be nullable if ReactInstance
+   * hasn't been created.
+   */
+  public val currentReactContext: ReactContext?
+
+  // TODO: review if DevSupportManager should be nullable
+  /** [DevSupportManager] used by this ReactHost */
+  public val devSupportManager: DevSupportManager?
+
+  // TODO: review if possible to remove ReactQueueConfiguration
+  /** [ReactQueueConfiguration] for caller to post jobs in React Native threads */
+  public val reactQueueConfiguration: ReactQueueConfiguration?
+
+  /** [JSEngineResolutionAlgorithm] used by this host. */
+  public var jsEngineResolutionAlgorithm: JSEngineResolutionAlgorithm?
+
+  /** To be called when back button is pressed */
+  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. */
+  public fun onHostResume(
+      activity: Activity?,
+      defaultBackButtonImpl: DefaultHardwareBackBtnHandler?
+  )
+
+  /** To be called when the host activity is resumed. */
+  public fun onHostResume(activity: Activity?)
+
+  /** To be called when the host activity is paused. */
+  public fun onHostPause(activity: Activity?)
+
+  /** To be called when the host activity is paused. */
+  public fun onHostPause()
+
+  /** To be called when the host activity is destroyed. */
+  public fun onHostDestroy()
+
+  /** To be called when the host activity is destroyed. */
+  public fun onHostDestroy(activity: Activity?)
+
+  /** To be called to create and setup an 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
+   * surface needs to be rendered. It is not necessary to call this function; startSurface() will
+   * initialize the ReactInstance if it hasn't been preloaded.
+   *
+   * @return A Task that completes when the instance is initialized. The task will be faulted if any
+   *   errors occur during initialization, and will be cancelled if ReactHost.destroy() is called
+   *   before it completes.
+   */
+  public fun start(): TaskInterface<Void>
+
+  /**
+   * Entrypoint to reload the ReactInstance. If the ReactInstance is destroying, will wait until
+   * destroy is finished, before reloading.
+   *
+   * @param reason describing why ReactHost is being reloaded (e.g. js error, user tap on reload
+   *   button)
+   * @return A task that completes when React Native reloads
+   */
+  public fun reload(reason: String): TaskInterface<Void>
+
+  /**
+   * Entrypoint to destroy the ReactInstance. If the ReactInstance is reloading, will wait until
+   * reload is finished, before destroying.
+   *
+   * @param reason describing why ReactHost is being destroyed (e.g. memmory pressure)
+   * @param ex exception that caused the trigger to destroy ReactHost (or null) This exception will
+   *   be used to log properly the cause of destroy operation.
+   * @return A task that completes when React Native gets destroyed.
+   */
+  public fun destroy(reason: String, ex: Exception?): TaskInterface<Void>
+
+  /* To be called when the host activity receives an activity result. */
+  public fun onActivityResult(
+      activity: Activity,
+      requestCode: Int,
+      resultCode: Int,
+      data: Intent?,
+  )
+
+  /* To be called when focus has changed for the hosting window. */
+  public fun onWindowFocusChange(hasFocus: Boolean)
+
+  /* This method will give JS the opportunity to receive intents via Linking. */
+  public fun onNewIntent(intent: Intent)
+
+  public fun onConfigurationChanged(context: Context)
+
+  public fun addBeforeDestroyListener(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.java
deleted file mode 100644
index 5663e7cab754..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.java
+++ /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;
-
-import com.facebook.react.bridge.ReactContext;
-
-/**
- * New Listener interface for react instance events. {@Link
- * ReactInstanceManager.ReactInstanceEventListener will be deprecated.}
- */
-public interface ReactInstanceEventListener {
-
-  /**
-   * Called when the react context is initialized (all modules registered). Always called on the UI
-   * thread.
-   */
-  void onReactContextInitialized(ReactContext context);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.kt
new file mode 100644
index 000000000000..a42281182711
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.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
+
+import com.facebook.react.bridge.ReactContext
+
+/** 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.
+   */
+  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 7a56f1d1345f..7258ab91f4db 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,6 +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.modules.appearance.AppearanceModule;
 import com.facebook.react.modules.appregistry.AppRegistry;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
@@ -93,12 +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.turbomodule.core.TurboModuleManager;
-import com.facebook.react.turbomodule.core.TurboModuleManagerDelegate;
-import com.facebook.react.turbomodule.core.interfaces.TurboModuleRegistry;
 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();
@@ -983,6 +998,11 @@ public Collection<String> getViewManagerNames() {
               if (names != null) {
                 uniqueNames.addAll(names);
               }
+            } else {
+              FLog.w(
+                  ReactConstants.TAG,
+                  "Package %s is not a ViewManagerOnDemandReactPackage, view managers will not be loaded",
+                  reactPackage.getClass().getSimpleName());
             }
             Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
           }
@@ -1237,8 +1257,7 @@ private void attachRootViewToInstance(final ReactRoot reactRoot) {
               reactRoot.getRootViewGroup(),
               initialProperties == null
                   ? new WritableNativeMap()
-                  : Arguments.fromBundle(initialProperties),
-              reactRoot.getInitialUITemplate());
+                  : Arguments.fromBundle(initialProperties));
       reactRoot.setRootViewTag(rootTag);
       reactRoot.runApplication();
     }
@@ -1278,14 +1297,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
@@ -1294,8 +1311,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)
@@ -1331,7 +1347,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()
@@ -1354,14 +1370,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 =
@@ -1377,23 +1391,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);
@@ -1411,9 +1425,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);
 
@@ -1421,14 +1433,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 c4787b09fab1..d467ab93d0a1 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 3d8634135c35..000000000000
--- 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 4e6f41bce876..6551937866f7 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,22 +10,27 @@
 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;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 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;
 
 /**
  * Simple class that holds an instance of {@link ReactInstanceManager}. This can be used in your
  * {@link Application class} (see {@link ReactApplication}), or as a static field.
  */
+@DeprecatedInNewArchitecture(
+    message =
+        "This class will be replaced by com.facebook.react.ReactHost in the new architecture of React Native.")
 public abstract class ReactNativeHost {
 
   private final Application mApplication;
@@ -79,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);
@@ -119,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. */
@@ -209,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 993dca001418..6b65e35afec4 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;
@@ -16,7 +15,7 @@
 import java.util.Iterator;
 import java.util.List;
 
-public class ReactPackageHelper {
+class ReactPackageHelper {
   /**
    * A helper method to iterate over a list of Native Modules and convert them to an iterable.
    *
@@ -27,26 +26,15 @@ public 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 905f016c0ef5..5de97f4ceffc 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,15 +8,18 @@
 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.module.annotations.ReactModule;
 import com.facebook.react.module.model.ReactModuleInfo;
-import com.facebook.react.turbomodule.core.TurboModuleManagerDelegate;
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -42,22 +45,38 @@ interface ModuleProvider {
       mShouldEnableLegacyModuleInterop
           && ReactFeatureFlags.unstable_useTurboModuleInteropForAllTurboModules;
 
-  protected ReactPackageTurboModuleManagerDelegate() {
+  private final boolean mEnableTurboModuleSyncVoidMethods =
+      ReactFeatureFlags.unstable_enableTurboModuleSyncVoidMethods;
+
+  // 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;
       }
 
@@ -82,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 =
@@ -109,14 +123,14 @@ protected ReactPackageTurboModuleManagerDelegate(
                       reactModule.canOverrideExistingModule(),
                       true,
                       reactModule.isCxxModule(),
-                      TurboModule.class.isAssignableFrom(moduleClass))
+                      ReactModuleInfo.classIsTurboModule(moduleClass))
                   : new ReactModuleInfo(
                       moduleName,
                       moduleClass.getName(),
                       module.canOverrideExistingModule(),
                       true,
                       CxxModuleWrapper.class.isAssignableFrom(moduleClass),
-                      TurboModule.class.isAssignableFrom(moduleClass));
+                      ReactModuleInfo.classIsTurboModule(moduleClass));
 
           reactModuleInfoMap.put(moduleName, moduleInfo);
           moduleMap.put(moduleName, module);
@@ -140,6 +154,10 @@ public boolean unstable_shouldRouteTurboModulesThroughLegacyModuleInterop() {
     return mShouldRouteTurboModulesThroughLegacyModuleInterop;
   }
 
+  public boolean unstable_enableSyncVoidMethods() {
+    return mEnableTurboModuleSyncVoidMethods;
+  }
+
   @Nullable
   @Override
   public TurboModule getModule(String moduleName) {
@@ -159,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);
       }
     }
 
@@ -219,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 8142f72c9271..fabafa7af7bf 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;
@@ -94,7 +92,6 @@ public interface ReactRootViewEventListener {
   private @Nullable ReactInstanceManager mReactInstanceManager;
   private @Nullable String mJSModuleName;
   private @Nullable Bundle mAppProperties;
-  private @Nullable String mInitialUITemplate;
   private @Nullable CustomGlobalLayoutListener mCustomGlobalLayoutListener;
   private @Nullable ReactRootViewEventListener mRootViewEventListener;
   private int mRootViewTag =
@@ -435,10 +432,8 @@ public void run() {
 
     if (mShouldLogContentAppeared) {
       mShouldLogContentAppeared = false;
-
-      if (mJSModuleName != null) {
-        ReactMarker.logMarker(ReactMarkerConstants.CONTENT_APPEARED, mJSModuleName, mRootViewTag);
-      }
+      String jsModuleName = getJSModuleName();
+      ReactMarker.logMarker(ReactMarkerConstants.CONTENT_APPEARED, jsModuleName, mRootViewTag);
     }
   }
 
@@ -452,14 +447,6 @@ public void startReactApplication(ReactInstanceManager reactInstanceManager, Str
     startReactApplication(reactInstanceManager, moduleName, null);
   }
 
-  /** {@see #startReactApplication(ReactInstanceManager, String, android.os.Bundle, String)} */
-  public void startReactApplication(
-      ReactInstanceManager reactInstanceManager,
-      String moduleName,
-      @Nullable Bundle initialProperties) {
-    startReactApplication(reactInstanceManager, moduleName, initialProperties, null);
-  }
-
   /**
    * Schedule rendering of the react component rendered by the JS application from the given JS
    * module (@{param moduleName}) using provided {@param reactInstanceManager} to attach to the JS
@@ -470,8 +457,7 @@ public void startReactApplication(
   public void startReactApplication(
       ReactInstanceManager reactInstanceManager,
       String moduleName,
-      @Nullable Bundle initialProperties,
-      @Nullable String initialUITemplate) {
+      @Nullable Bundle initialProperties) {
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "startReactApplication");
     try {
       UiThreadUtil.assertOnUiThread();
@@ -486,7 +472,6 @@ public void startReactApplication(
       mReactInstanceManager = reactInstanceManager;
       mJSModuleName = moduleName;
       mAppProperties = initialProperties;
-      mInitialUITemplate = initialUITemplate;
 
       mReactInstanceManager.createReactContextInBackground();
       // if in this experiment, we initialize the root earlier in startReactApplication
@@ -611,7 +596,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();
@@ -651,11 +636,6 @@ public String getJSModuleName() {
     return mAppProperties;
   }
 
-  @Override
-  public @Nullable String getInitialUITemplate() {
-    return mInitialUITemplate;
-  }
-
   @ThreadConfined(UI)
   public void setAppProperties(@Nullable Bundle appProperties) {
     UiThreadUtil.assertOnUiThread();
@@ -872,14 +852,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);
@@ -897,7 +869,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/TurboReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
index 8d09923ddd20..c8f5ea9d24d1 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/TurboReactPackage.java
@@ -7,153 +7,8 @@
 
 package com.facebook.react;
 
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ModuleHolder;
-import com.facebook.react.bridge.ModuleSpec;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.config.ReactFeatureFlags;
-import com.facebook.react.module.model.ReactModuleInfo;
-import com.facebook.react.module.model.ReactModuleInfoProvider;
-import com.facebook.react.uimanager.ViewManager;
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.Iterator;
-import java.util.List;
-import java.util.Map;
-import java.util.NoSuchElementException;
-import java.util.Set;
-import javax.inject.Provider;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 
 /** This will eventually replace {@link LazyReactPackage} when TurboModules are finally done. */
-public abstract class TurboReactPackage implements ReactPackage {
-
-  @Override
-  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-    throw new UnsupportedOperationException(
-        "createNativeModules method is not supported. Use getModule() method instead.");
-  }
-
-  /**
-   * The API needed for TurboModules. Given a module name, it returns an instance of {@link
-   * NativeModule} for the name
-   *
-   * @param name name of the Native Module
-   * @param reactContext {@link ReactApplicationContext} context for this
-   */
-  @Override
-  public abstract @Nullable NativeModule getModule(
-      @NonNull String name, @NonNull ReactApplicationContext reactContext);
-
-  /**
-   * This is a temporary method till we implement TurboModules. Once we implement TurboModules, we
-   * will be able to directly call {@link TurboReactPackage#getModule(String,
-   * ReactApplicationContext)} This method will be removed when TurboModule implementation is
-   * complete
-   *
-   * @param reactContext
-   * @return
-   */
-  /** package */
-  Iterable<ModuleHolder> getNativeModuleIterator(final ReactApplicationContext reactContext) {
-    final Set<Map.Entry<String, ReactModuleInfo>> entrySet =
-        getReactModuleInfoProvider().getReactModuleInfos().entrySet();
-    final Iterator<Map.Entry<String, ReactModuleInfo>> entrySetIterator = entrySet.iterator();
-    // This should ideally be an IteratorConvertor, but we don't have any internal library for it
-    return () ->
-        new Iterator<ModuleHolder>() {
-          @Nullable Map.Entry<String, ReactModuleInfo> nextEntry = null;
-
-          private void findNext() {
-            while (entrySetIterator.hasNext()) {
-              Map.Entry<String, ReactModuleInfo> entry = entrySetIterator.next();
-              ReactModuleInfo reactModuleInfo = entry.getValue();
-
-              // This Iterator is used to create the NativeModule registry. The NativeModule
-              // registry must not have TurboModules. Therefore, if TurboModules are enabled, and
-              // the current NativeModule is a TurboModule, we need to skip iterating over it.
-              if (ReactFeatureFlags.useTurboModules && reactModuleInfo.isTurboModule()) {
-                continue;
-              }
-
-              nextEntry = entry;
-              return;
-            }
-            nextEntry = null;
-          }
-
-          @Override
-          public boolean hasNext() {
-            if (nextEntry == null) {
-              findNext();
-            }
-            return nextEntry != null;
-          }
-
-          @Override
-          public ModuleHolder next() {
-            if (nextEntry == null) {
-              findNext();
-            }
-
-            if (nextEntry == null) {
-              throw new NoSuchElementException("ModuleHolder not found");
-            }
-
-            Map.Entry<String, ReactModuleInfo> entry = nextEntry;
-
-            // Advance iterator
-            findNext();
-            String name = entry.getKey();
-            ReactModuleInfo reactModuleInfo = entry.getValue();
-            return new ModuleHolder(reactModuleInfo, new ModuleHolderProvider(name, reactContext));
-          }
-
-          @Override
-          public void remove() {
-            throw new UnsupportedOperationException("Cannot remove native modules from the list");
-          }
-        };
-  }
-
-  /**
-   * @param reactContext react application context that can be used to create View Managers.
-   * @return list of module specs that can create the View Managers.
-   */
-  protected List<ModuleSpec> getViewManagers(ReactApplicationContext reactContext) {
-    return Collections.emptyList();
-  }
-
-  @Override
-  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-    List<ModuleSpec> viewManagerModuleSpecs = getViewManagers(reactContext);
-    if (viewManagerModuleSpecs == null || viewManagerModuleSpecs.isEmpty()) {
-      return Collections.emptyList();
-    }
-
-    List<ViewManager> viewManagers = new ArrayList<>();
-    for (ModuleSpec moduleSpec : viewManagerModuleSpecs) {
-      viewManagers.add((ViewManager) moduleSpec.getProvider().get());
-    }
-    return viewManagers;
-  }
-
-  public abstract ReactModuleInfoProvider getReactModuleInfoProvider();
-
-  private class ModuleHolderProvider implements Provider<NativeModule> {
-
-    private final String mName;
-    private final ReactApplicationContext mReactContext;
-
-    public ModuleHolderProvider(String name, ReactApplicationContext reactContext) {
-      mName = name;
-      mReactContext = reactContext;
-    }
-
-    @Override
-    public NativeModule get() {
-      return getModule(mName, mReactContext);
-    }
-  }
-}
+@DeprecatedInNewArchitecture(message = "Use BaseReactPackage instead")
+public abstract class TurboReactPackage extends BaseReactPackage {}
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 358296ebf55d..089a4a25b350 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/AnimatedNodeValueListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
index 24ee0e662ddb..512fda12ad80 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeValueListener.java
@@ -8,6 +8,6 @@
 package com.facebook.react.animated;
 
 /** Interface used to listen to {@link ValueAnimatedNode} updates. */
-public interface AnimatedNodeValueListener {
+interface AnimatedNodeValueListener {
   void onValueUpdate(double value);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeWithUpdateableConfig.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeWithUpdateableConfig.java
index 59fb7d801cb9..a8cf01e11f14 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeWithUpdateableConfig.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNodeWithUpdateableConfig.java
@@ -10,6 +10,6 @@
 import com.facebook.react.bridge.ReadableMap;
 
 /** Indicates that AnimatedNode is able to receive native config updates. */
-public interface AnimatedNodeWithUpdateableConfig {
+interface AnimatedNodeWithUpdateableConfig {
   void onUpdateConfig(ReadableMap config);
 }
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 b3bbab4378cd..97463913dae6 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,13 +7,15 @@
 
 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}.
  */
-public class DecayAnimation extends AnimationDriver {
+@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 de356762c801..4ed74b8ccfa7 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 edc92c238c3b..91dd128c243f 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 f5ec5b7bb3c9..7cd9a6568650 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 76749aaff7f9..8a719ca35af1 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 79805825767c..4c3e81288ec9 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 b00863f82f2f..c4d0492c9819 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 c507a6d51532..29c69e141c07 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 3b4606afdd9f..c6a0d33a966e 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
@@ -7,7 +7,16 @@
 
 package com.facebook.react.bridge;
 
+import static com.facebook.infer.annotation.ThreadConfined.ANY;
+
 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.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;
 
 /**
@@ -38,13 +47,25 @@
  * <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";
   public static final String METHOD_TYPE_PROMISE = "promise";
   public static final String METHOD_TYPE_SYNC = "sync";
 
+  private final @Nullable ReactApplicationContext mReactApplicationContext;
+
+  public BaseJavaModule() {
+    this(null);
+  }
+
+  public BaseJavaModule(@Nullable ReactApplicationContext reactContext) {
+    mReactApplicationContext = reactContext;
+  }
+
   /** @return a map of constants this module exports to JS. Supports JSON types. */
+  @DeprecatedInNewArchitecture()
   public @Nullable Map<String, Object> getConstants() {
     return null;
   }
@@ -59,15 +80,50 @@ 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 {@link ReactApplicationContext} passed as a
+   * constructor.
+   */
+  protected final ReactApplicationContext getReactApplicationContext() {
+    return Assertions.assertNotNull(
+        mReactApplicationContext,
+        "Tried to get ReactApplicationContext even though NativeModule wasn't instantiated with one");
+  }
+
+  /**
+   * 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.
+   *
+   * <p>Threading implications have not been analyzed fully yet, so assume this method is not
+   * thread-safe.
+   */
+  @ThreadConfined(ANY)
+  protected @Nullable final ReactApplicationContext getReactApplicationContextIfActiveOrWarn() {
+    if (mReactApplicationContext.hasActiveReactInstance()) {
+      return mReactApplicationContext;
+    }
+
+    // We want to collect data about how often this happens, but SoftExceptions will cause a crash
+    // in debug mode, which isn't usually desirable.
+    String msg = "React Native Instance has already disappeared: requested by " + getName();
+    if (ReactBuildConfig.DEBUG) {
+      FLog.w(ReactConstants.TAG, msg);
+    } else {
+      ReactSoftExceptionLogger.logSoftException(ReactConstants.TAG, new RuntimeException(msg));
+    }
+    return null;
   }
 }
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 2623190edba0..b2e2d7cadc1f 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,7 +10,9 @@
 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.TurboModuleRegistry;
 import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
 import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 import java.util.Collection;
@@ -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,7 +119,8 @@ public interface CatalystInstance
 
   RuntimeScheduler getRuntimeScheduler();
 
-  void addJSIModules(List<JSIModuleSpec> jsiModules);
+  @Deprecated
+  <T extends JSIModule> void addJSIModules(List<JSIModuleSpec<T>> jsiModules);
 
   /**
    * Returns a hybrid object that contains a pointer to a JS CallInvoker, which is used to schedule
@@ -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 2fb5e10a4a75..f86dffbf341d 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.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.react.turbomodule.core.interfaces.TurboModuleRegistry;
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.TraceListener;
 import java.lang.ref.WeakReference;
@@ -102,8 +102,8 @@ public String toString() {
   private @Nullable String mSourceURL;
 
   private JavaScriptContextHolder mJavaScriptContextHolder;
-  private volatile @Nullable TurboModuleRegistry mTurboModuleRegistry = null;
-  private @Nullable JSIModule mTurboModuleManagerJSIModule = null;
+  private @Nullable TurboModuleRegistry mTurboModuleRegistry;
+  private @Nullable UIManager mFabricUIManager;
 
   // C++ parts
   private final HybridData mHybridData;
@@ -141,7 +141,7 @@ private CatalystInstanceImpl(
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "initializeCxxBridge");
 
     initializeBridge(
-        new BridgeCallback(this),
+        new InstanceCallback(this),
         jsExecutor,
         mReactQueueConfiguration.getJSQueueThread(),
         mNativeModulesQueueThread,
@@ -153,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) {
@@ -179,7 +181,6 @@ public void incrementPendingJSCalls() {
       }
     }
 
-    @Override
     public void decrementPendingJSCalls() {
       CatalystInstanceImpl impl = mOuter.get();
       if (impl != null) {
@@ -208,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,
@@ -347,66 +348,50 @@ public void destroy() {
     mDestroyed = true;
 
     mNativeModulesQueueThread.runOnQueue(
-        new Runnable() {
-          @Override
-          public void run() {
-            mNativeModuleRegistry.notifyJSInstanceDestroy();
-            mJSIModuleRegistry.notifyJSInstanceDestroy();
-            boolean wasIdle = (mPendingJSCalls.getAndSet(0) == 0);
-            if (!mBridgeIdleListeners.isEmpty()) {
-              for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
-                if (!wasIdle) {
-                  listener.onTransitionToBridgeIdle();
-                }
-                listener.onBridgeDestroyed();
+        () -> {
+          mNativeModuleRegistry.notifyJSInstanceDestroy();
+          mJSIModuleRegistry.notifyJSInstanceDestroy();
+          if (mFabricUIManager != null) {
+            mFabricUIManager.invalidate();
+          }
+          boolean wasIdle = (mPendingJSCalls.getAndSet(0) == 0);
+          if (!mBridgeIdleListeners.isEmpty()) {
+            for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
+              if (!wasIdle) {
+                listener.onTransitionToBridgeIdle();
               }
+              listener.onBridgeDestroyed();
             }
-
-            getReactQueueConfiguration()
-                .getJSQueueThread()
-                .runOnQueue(
-                    new Runnable() {
-                      @Override
-                      public void run() {
-                        // We need to destroy the TurboModuleManager on the JS Thread
-                        if (mTurboModuleManagerJSIModule != null) {
-                          mTurboModuleManagerJSIModule.onCatalystInstanceDestroy();
-                        }
-
-                        getReactQueueConfiguration()
-                            .getUIQueueThread()
-                            .runOnQueue(
-                                new Runnable() {
-                                  @Override
-                                  public void run() {
-                                    // AsyncTask.execute must be executed from the UI Thread
-                                    AsyncTask.execute(
-                                        new Runnable() {
-                                          @Override
-                                          public void run() {
-                                            // 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);
-                                          }
-                                        });
-                                  }
-                                });
-                      }
-                    });
           }
+
+          getReactQueueConfiguration()
+              .getJSQueueThread()
+              .runOnQueue(
+                  () -> {
+                    // We need to destroy the TurboModuleManager on the JS Thread
+                    if (mTurboModuleRegistry != null) {
+                      mTurboModuleRegistry.invalidate();
+                    }
+
+                    // Kill non-UI threads from neutral third party
+                    // potentially expensive, so don't run on UI thread
+                    new 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.w(ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
+                              ReactMarker.logMarker(
+                                  ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
+                            },
+                            "destroy_react_context")
+                        .start();
+                  });
         });
 
     // This is a noop if the listener was not yet registered.
@@ -431,11 +416,8 @@ public void initialize() {
     Assertions.assertCondition(mAcceptCalls, "RunJSBundle hasn't completed.");
     mInitialized = true;
     mNativeModulesQueueThread.runOnQueue(
-        new Runnable() {
-          @Override
-          public void run() {
-            mNativeModuleRegistry.notifyJSInstanceInitialized();
-          }
+        () -> {
+          mNativeModuleRegistry.notifyJSInstanceInitialized();
         });
   }
 
@@ -555,7 +537,8 @@ public JavaScriptContextHolder getJavaScriptContextHolder() {
   public native RuntimeScheduler getRuntimeScheduler();
 
   @Override
-  public void addJSIModules(List<JSIModuleSpec> jsiModules) {
+  @Deprecated
+  public <T extends JSIModule> void addJSIModules(List<JSIModuleSpec<T>> jsiModules) {
     mJSIModuleRegistry.registerModules(jsiModules);
   }
 
@@ -573,12 +556,9 @@ private void incrementPendingJSCalls() {
         Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, mJsPendingCallsTitleForTrace, oldPendingCalls + 1);
     if (wasIdle && !mBridgeIdleListeners.isEmpty()) {
       mNativeModulesQueueThread.runOnQueue(
-          new Runnable() {
-            @Override
-            public void run() {
-              for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
-                listener.onTransitionToBridgeBusy();
-              }
+          () -> {
+            for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
+              listener.onTransitionToBridgeBusy();
             }
           });
     }
@@ -586,7 +566,21 @@ public void run() {
 
   public void setTurboModuleManager(JSIModule module) {
     mTurboModuleRegistry = (TurboModuleRegistry) module;
-    mTurboModuleManagerJSIModule = 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() {
@@ -599,12 +593,9 @@ private void decrementPendingJSCalls() {
 
     if (isNowIdle && !mBridgeIdleListeners.isEmpty()) {
       mNativeModulesQueueThread.runOnQueue(
-          new Runnable() {
-            @Override
-            public void run() {
-              for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
-                listener.onTransitionToBridgeIdle();
-              }
+          () -> {
+            for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
+              listener.onTransitionToBridgeIdle();
             }
           });
     }
@@ -615,11 +606,8 @@ private void onNativeException(Exception e) {
     mReactQueueConfiguration
         .getUIQueueThread()
         .runOnQueue(
-            new Runnable() {
-              @Override
-              public void run() {
-                destroy();
-              }
+            () -> {
+              destroy();
             });
   }
 
@@ -662,7 +650,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 a50ced0771ea..40928a6c6c0c 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 ff7d2d6369f3..e1e60bcb077d 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/DynamicFromArray.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
index ce8fc4aa8f83..c5f20a8f6277 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromArray.java
@@ -11,7 +11,7 @@
 import androidx.core.util.Pools;
 
 /** Implementation of Dynamic wrapping a ReadableArray. */
-public class DynamicFromArray implements Dynamic {
+class DynamicFromArray implements Dynamic {
   private static final Pools.SimplePool<DynamicFromArray> sPool = new Pools.SimplePool<>(10);
 
   private @Nullable ReadableArray mArray;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
index 62d8d509f253..e6ad9c4a1109 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicFromMap.java
@@ -11,7 +11,7 @@
 import androidx.core.util.Pools.SimplePool;
 
 /** Implementation of Dynamic wrapping a ReadableMap. */
-public class DynamicFromMap implements Dynamic {
+class DynamicFromMap implements Dynamic {
   private static final ThreadLocal<SimplePool<DynamicFromMap>> sPool =
       new ThreadLocal<SimplePool<DynamicFromMap>>() {
         @Override
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicNative.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicNative.kt
new file mode 100644
index 000000000000..8e2c1fe9ea47
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/DynamicNative.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.bridge
+
+import com.facebook.jni.HybridData
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.proguard.annotations.DoNotStripAny
+
+/**
+ * An implementation of [Dynamic] that has a C++ implementation.
+ *
+ * This is used to support Legacy Native Modules that have not been migrated to the new architecture
+ * and are using [Dynamic] as a parameter type.
+ */
+@DoNotStripAny
+private class DynamicNative(
+    @Suppress("NoHungarianNotation") @field:DoNotStrip private val mHybridData: HybridData?
+) : Dynamic {
+
+  override fun getType(): ReadableType = getTypeNative()
+
+  override fun isNull(): Boolean = isNullNative()
+
+  private external fun getTypeNative(): ReadableType
+
+  private external fun isNullNative(): Boolean
+
+  external override fun asBoolean(): Boolean
+
+  // The native representation is holding the value as Double. We do the Int conversion here.
+  override fun asInt(): Int = asDouble().toInt()
+
+  external override fun asDouble(): Double
+
+  external override fun asString(): String
+
+  external override fun asArray(): ReadableArray
+
+  external override fun asMap(): ReadableMap
+
+  override fun recycle() {
+    // Noop - nothing to recycle since there is no pooling
+  }
+}
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 cc114f8c5344..000000000000
--- 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 97b25026f0f1..000000000000
--- 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
-public 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/JSIModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
index 2c0b6301817a..64774acc7a48 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModule.java
@@ -18,5 +18,5 @@ public interface JSIModule {
   void initialize();
 
   /** Called before {CatalystInstance#onHostDestroy} */
-  void onCatalystInstanceDestroy();
+  void invalidate();
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
index b5bd5902b235..3223560878de 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleHolder.java
@@ -7,7 +7,7 @@
 
 package com.facebook.react.bridge;
 
-public class JSIModuleHolder {
+class JSIModuleHolder {
 
   private JSIModule mModule;
   private final JSIModuleSpec mSpec;
@@ -31,7 +31,7 @@ public JSIModule getJSIModule() {
 
   public void notifyJSInstanceDestroy() {
     if (mModule != null) {
-      mModule.onCatalystInstanceDestroy();
+      mModule.invalidate();
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
index 3853232e6db4..90d5cde4fcbc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSIModuleRegistry.java
@@ -12,7 +12,7 @@
 import java.util.List;
 import java.util.Map;
 
-public class JSIModuleRegistry {
+class JSIModuleRegistry {
 
   private final Map<JSIModuleType, JSIModuleHolder> mModules = new HashMap<>();
 
@@ -26,8 +26,8 @@ public JSIModule getModule(JSIModuleType moduleType) {
     return Assertions.assertNotNull(jsiModuleHolder.getJSIModule());
   }
 
-  public void registerModules(List<JSIModuleSpec> jsiModules) {
-    for (JSIModuleSpec spec : jsiModules) {
+  public <T extends JSIModule> void registerModules(List<JSIModuleSpec<T>> jsiModules) {
+    for (JSIModuleSpec<T> spec : jsiModules) {
       mModules.put(spec.getJSIModuleType(), new JSIModuleHolder(spec));
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
index 3b5a5abf14a7..e4eef1716eaa 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSInstance.java
@@ -11,7 +11,7 @@
  * This interface includes the methods needed to use a running JS instance, without specifying any
  * of the bridge-specific initialization or lifecycle management.
  */
-public interface JSInstance {
+interface JSInstance {
   void invokeCallback(int callbackID, NativeArrayInterface arguments);
   // TODO if this interface survives refactoring, think about adding
   // callFunction.
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 460e444477b5..daa3eaca7852 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 a931d834af03..44abd25f26a7 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
@@ -20,10 +20,8 @@
 import com.facebook.systrace.SystraceMessage;
 import java.lang.reflect.Method;
 import java.util.ArrayList;
-import java.util.HashSet;
 import java.util.List;
 import java.util.Map;
-import java.util.Set;
 
 /**
  * This is part of the glue which wraps a java BaseJavaModule in a C++ NativeModule. This could all
@@ -32,8 +30,15 @@
  */
 @DoNotStrip
 class JavaModuleWrapper {
+
+  interface NativeMethod {
+    void invoke(JSInstance jsInstance, ReadableArray parameters);
+
+    String getType();
+  }
+
   @DoNotStrip
-  public class MethodDescriptor {
+  public static class MethodDescriptor {
     @DoNotStrip Method method;
     @DoNotStrip String signature;
     @DoNotStrip String name;
@@ -42,15 +47,14 @@ public 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;
-  private static final String TAG = JavaModuleWrapper.class.getSimpleName();
 
   public JavaModuleWrapper(JSInstance jsInstance, ModuleHolder moduleHolder) {
     mJSInstance = jsInstance;
     mModuleHolder = moduleHolder;
     mMethods = new ArrayList<>();
-    mDescs = new ArrayList();
+    mDescs = new ArrayList<>();
   }
 
   @DoNotStrip
@@ -66,7 +70,6 @@ public String getName() {
   @DoNotStrip
   private void findMethods() {
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "findMethods");
-    Set<String> methodNames = new HashSet<>();
 
     Class<? extends NativeModule> classForMethods = mModuleHolder.getModule().getClass();
     Class<? extends NativeModule> superClass =
@@ -83,18 +86,12 @@ private void findMethods() {
       ReactMethod annotation = targetMethod.getAnnotation(ReactMethod.class);
       if (annotation != null) {
         String methodName = targetMethod.getName();
-        if (methodNames.contains(methodName)) {
-          // We do not support method overloading since js sees a function as an object regardless
-          // of number of params.
-          throw new IllegalArgumentException(
-              "Java Module " + getName() + " method name already registered: " + methodName);
-        }
         MethodDescriptor md = new MethodDescriptor();
         JavaMethodWrapper method =
             new JavaMethodWrapper(this, targetMethod, annotation.isBlockingSynchronousMethod());
         md.name = methodName;
         md.type = method.getType();
-        if (md.type == BaseJavaModule.METHOD_TYPE_SYNC) {
+        if (BaseJavaModule.METHOD_TYPE_SYNC.equals(md.type)) {
           md.signature = method.getSignature();
           md.method = targetMethod;
         }
@@ -142,7 +139,7 @@ public List<MethodDescriptor> getMethodDescriptors() {
 
   @DoNotStrip
   public void invoke(int methodId, ReadableNativeArray parameters) {
-    if (mMethods == null || methodId >= mMethods.size()) {
+    if (methodId >= mMethods.size()) {
       return;
     }
 
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 24e14e34000b..77d011b93cfa 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,8 +19,8 @@
 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.module.model.ReactModuleInfo;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.systrace.SystraceMessage;
 import java.util.concurrent.atomic.AtomicInteger;
 import javax.inject.Provider;
@@ -72,7 +72,7 @@ public ModuleHolder(NativeModule nativeModule) {
             nativeModule.canOverrideExistingModule(),
             true,
             CxxModuleWrapper.class.isAssignableFrom(nativeModule.getClass()),
-            TurboModule.class.isAssignableFrom(nativeModule.getClass()));
+            ReactModuleInfo.classIsTurboModule(nativeModule.getClass()));
 
     mModule = nativeModule;
     PrinterHolder.getPrinter()
@@ -204,7 +204,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/NativeArgumentsParseException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
index 47e31156bd15..974fcfc94492 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeArgumentsParseException.java
@@ -10,7 +10,7 @@
 import androidx.annotation.Nullable;
 
 /** Exception thrown when a native module method call receives unexpected arguments from JS. */
-public class NativeArgumentsParseException extends JSApplicationCausedNativeException {
+class NativeArgumentsParseException extends JSApplicationCausedNativeException {
 
   public NativeArgumentsParseException(String detailMessage) {
     super(detailMessage);
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 c5b1dfcf5439..d524a365f33e 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
@@ -8,6 +8,8 @@
 package com.facebook.react.bridge;
 
 import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
+import com.facebook.react.common.annotations.StableReactNativeAPI;
 import javax.annotation.Nonnull;
 
 /**
@@ -17,13 +19,9 @@
  * 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 {
-  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
@@ -32,29 +30,28 @@ interface NativeMethod {
   @Nonnull
   String getName();
 
-  /**
-   * This is called at the end of {@link CatalystApplicationFragment#createCatalystInstance()} after
-   * the CatalystInstance has been created, in order to initialize NativeModules that require the
-   * CatalystInstance or JS modules.
-   */
+  /** 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
    * this method is considered an error and will throw an exception during initialization. By
    * default all modules return false.
    */
-  boolean canOverrideExistingModule();
+  @DeprecatedInNewArchitecture()
+  default boolean canOverrideExistingModule() {
+    return false;
+  }
 
   /**
    * Allow NativeModule to clean up. Called before {CatalystInstance#onHostDestroy}
    *
    * @deprecated use {@link #invalidate()} instead.
    */
-  @Deprecated
-  void onCatalystInstanceDestroy();
-
-  /** Allow NativeModule to clean up. Called before {CatalystInstance#onHostDestroy} */
-  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/PerformanceCounter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
index 43f53119b459..b4514a74884c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/PerformanceCounter.java
@@ -9,7 +9,7 @@
 
 import java.util.Map;
 
-public interface PerformanceCounter {
+interface PerformanceCounter {
 
   void profileNextBatch();
 
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 36dca68a23e4..000000000000
--- 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 dfb1e641215f..4f5af10bde70 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 6aacb484a536..64b666cb5419 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
@@ -7,65 +7,24 @@
 
 package com.facebook.react.bridge;
 
-import static com.facebook.infer.annotation.ThreadConfined.ANY;
-
 import android.app.Activity;
 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.react.common.ReactConstants;
-import com.facebook.react.common.build.ReactBuildConfig;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 
 /**
  * Base class for Catalyst native modules that require access to the {@link ReactContext} instance.
  */
+@DeprecatedInNewArchitecture(
+    message =
+        "ReactContextBaseJavaModule will be deprecated in new Architecture of React Native, use BaseJavaModule instead")
 public abstract class ReactContextBaseJavaModule extends BaseJavaModule {
 
-  private final @Nullable ReactApplicationContext mReactApplicationContext;
-
   public ReactContextBaseJavaModule() {
-    mReactApplicationContext = null;
+    super(null);
   }
 
   public ReactContextBaseJavaModule(@Nullable ReactApplicationContext reactContext) {
-    mReactApplicationContext = reactContext;
-  }
-
-  /** Subclasses can use this method to access catalyst context passed as a constructor. */
-  protected final ReactApplicationContext getReactApplicationContext() {
-    return Assertions.assertNotNull(
-        mReactApplicationContext,
-        "Tried to get ReactApplicationContext even though NativeModule wasn't instantiated with one");
-  }
-
-  /**
-   * 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.
-   *
-   * <p>This can return null at any time, but especially during teardown methods it's
-   * possible/likely.
-   *
-   * <p>Threading implications have not been analyzed fully yet, so assume this method is not
-   * thread-safe.
-   */
-  @ThreadConfined(ANY)
-  protected @Nullable final ReactApplicationContext getReactApplicationContextIfActiveOrWarn() {
-    if (mReactApplicationContext.hasActiveReactInstance()) {
-      return mReactApplicationContext;
-    }
-
-    // We want to collect data about how often this happens, but SoftExceptions will cause a crash
-    // in debug mode, which isn't usually desirable.
-    String msg = "Catalyst Instance has already disappeared: requested by " + this.getName();
-    if (ReactBuildConfig.DEBUG) {
-      FLog.w(ReactConstants.TAG, msg);
-    } else {
-      ReactSoftExceptionLogger.logSoftException(ReactConstants.TAG, new RuntimeException(msg));
-    }
-    return null;
+    super(reactContext);
   }
 
   /**
@@ -78,7 +37,9 @@ protected final ReactApplicationContext getReactApplicationContext() {
    * call this method whenever you actually need the Activity and make sure to check for {@code
    * null}.
    */
+  @DeprecatedInNewArchitecture(
+      message = "Use 'getReactApplicationContext.getCurrentActivity() instead.")
   protected @Nullable final Activity getCurrentActivity() {
-    return mReactApplicationContext.getCurrentActivity();
+    return getReactApplicationContext().getCurrentActivity();
   }
 }
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 318c71a597dc..74de7150a139 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 f3c3ede01a53..a40bab353659 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,14 +15,13 @@
 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
   @ThreadConfined(UI)
   @Deprecated
-  <T extends View> int addRootView(
-      final T rootView, WritableMap initialProps, @Nullable String initialUITemplate);
+  <T extends View> int addRootView(final T rootView, WritableMap initialProps);
 
   /** Registers a new root view with width and height. */
   @AnyThread
@@ -152,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.java
deleted file mode 100644
index 505999b3d5af..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.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.bridge;
-
-/** Listener used to hook into the UIManager update process. */
-public interface UIManagerListener {
-  /**
-   * Called right before view updates are dispatched at the end of a batch. This is useful if a
-   * module needs to add UIBlocks to the queue before it is flushed.
-   *
-   * <p>This is called by Paper only.
-   */
-  void willDispatchViewUpdates(UIManager uiManager);
-  /**
-   * Called on UIThread right before view updates are executed.
-   *
-   * <p>This is called by Fabric only.
-   */
-  void willMountItems(UIManager uiManager);
-  /**
-   * Called on UIThread right after view updates are executed.
-   *
-   * <p>This is called by Fabric only.
-   */
-  void didMountItems(UIManager uiManager);
-  /**
-   * 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);
-  /**
-   * 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);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt
new file mode 100644
index 000000000000..d2989b677d54
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt
@@ -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.
+ */
+
+package com.facebook.react.bridge
+
+/** Listener used to hook into the UIManager update process. */
+public interface UIManagerListener {
+  /**
+   * Called right before view updates are dispatched at the end of a batch. This is useful if a
+   * module needs to add UIBlocks to the queue before it is flushed.
+   *
+   * <p>This is called by Paper only.
+   */
+  public fun willDispatchViewUpdates(uiManager: UIManager): Unit
+  /**
+   * Called on UIThread right before view updates are executed.
+   *
+   * <p>This is called by Fabric only.
+   */
+  public fun willMountItems(uiManager: UIManager): Unit
+  /**
+   * Called on UIThread right after view updates are executed.
+   *
+   * <p>This is called by Fabric only.
+   */
+  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.
+   */
+  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.
+   */
+  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.java
deleted file mode 100644
index 9a8b850c82fd..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.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.bridge;
-
-/**
- * @deprecated since this would be deprecated later as part of Stable APIs with bridge removal and
- *     not encouraged usage.
- */
-@Deprecated
-public interface UIManagerProvider {
-
-  UIManager createUIManager(ReactApplicationContext context);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.kt
new file mode 100644
index 000000000000..1c39113ca138
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.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.bridge
+
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture
+
+/**
+ * {@link UIManagerProvider} is used to create UIManager objects during the initialization of React
+ * Native. This was introduced as a temporary interface to enable the new renderer of React Native
+ * in isolation of others part of the new architecture of React Native.
+ */
+@DeprecatedInNewArchitecture
+public fun interface UIManagerProvider {
+
+  /* Provides a {@link com.facebook.react.bridge.UIManager} for the context received as a parameter. */
+  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 e4587e2711b3..024902a1e856 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 f47199edc63d..412c6ddf59af 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/MessageQueueThreadImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
index b5ed7d33843a..223b2ff30015 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 4170256331f7..94c03ba74a42 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 b3945ee25080..e8caa1c6bff9 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 ebbd384b8a56..e106d2dbc1d5 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 3ef68f0b2842..30e4321c964d 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 42492ce7bce2..6fd7086ba2a2 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 3f438506daa3..98fa3b0ad0fa 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 9ebcea248e6e..9979e9dea080 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 6335961e22e0..0fa4a093ecdd 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 4c886ef03832..f2684c42b2aa 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 e331962addbb..53aada5deb7b 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 383cd53a995a..be2c473d450b 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()
+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 3d3d5b9e9c84..37e286335600 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 000000000000..5831f76bc87f
--- /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 3996580c313e..bd728efc578e 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
@@ -8,8 +8,8 @@
 package com.facebook.react.common.annotations
 
 @Retention(AnnotationRetention.RUNTIME)
-@Target(AnnotationTarget.CLASS, AnnotationTarget.FUNCTION)
+@Target(AnnotationTarget.CLASS, AnnotationTarget.FUNCTION, AnnotationTarget.PROPERTY)
 @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 5628249c45f2..5d30f3ef8272 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 7e7df01bd140..62efef79e734 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 faab9a04efbe..14c618e4a5d0 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 c9f8789a9fb7..301837032fbb 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 f88cb5572ef6..1c9536cc3fb0 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 329f8701f5f8..66add82a7e9e 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 c3f161b518e5..fb145f4dddf6 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 b581f14c7a66..a71f7113dc0e 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 3a514917cc7c..f122d195bbab 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,6 +18,8 @@
  *
  * <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 {
   /**
@@ -36,6 +40,12 @@ 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;
+
   /**
    * Should this application use the new (Fabric) Renderer? If yes, all rendering in this app will
    * use Fabric instead of the legacy renderer.
@@ -50,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`.
@@ -72,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;
@@ -106,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
deleted file mode 100644
index d0573dc40509..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultBindingsInstaller.kt
+++ /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.defaults
-
-import com.facebook.jni.annotations.DoNotStrip
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-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) {}
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 131804140ee9..a4f7baeeea1f 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 f1328997c849..000000000000
--- 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 e3aa9aebae05..0e64a42fd753 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,14 @@
  * 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
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlagsDefaults
 
 /**
  * A utility class that serves as an entry point for users setup the New Architecture.
@@ -19,63 +23,84 @@ 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
+    if (bridgelessEnabled) {
+      ReactNativeFeatureFlags.override(
+          object : ReactNativeFeatureFlagsDefaults() {
+            override fun useModernRuntimeScheduler(): Boolean = true
 
-    SoLoader.loadLibrary("react_newarchdefaults")
-    SoLoader.loadLibrary(dynamicLibraryName)
-  }
+            override fun enableMicrotasks(): Boolean = true
 
-  @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)
+            override fun batchRenderingUpdatesInEventLoop(): Boolean = true
+
+            override fun androidEnablePendingFabricTransactions(): Boolean = true
+          })
+    }
+
+    privateFabricEnabled = fabricEnabled
+    privateTurboModulesEnabled = turboModulesEnabled
+    privateConcurrentReactEnabled = fabricEnabled
+    privateBridgelessEnabled = bridgelessEnabled
+
+    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 a73565f35a97..07f7ce270b2d 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,
@@ -29,11 +29,13 @@ open class DefaultReactActivityDelegate(
 
   @Deprecated(
       message =
-          "Creating DefaultReactActivityDelegate with both fabricEnabled and concurrentReactEnabled is deprecated. Please pass only one boolean value that will be used for both flags",
+          "Creating DefaultReactActivityDelegate with both fabricEnabled and " +
+              "concurrentReactEnabled is deprecated. Please pass only one boolean value that will" +
+              " be used for both flags",
       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 cb8ce917c466..8fb0ccbb57f7 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,22 +8,43 @@
 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
 import com.facebook.react.fabric.ComponentFactory
-import com.facebook.react.interfaces.ReactHost
 import com.facebook.react.interfaces.exceptionmanager.ReactJsExceptionHandler
 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 d356a20eabf9..3c50cac823e6 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
@@ -14,10 +14,9 @@ import com.facebook.react.bridge.JSBundleLoader
 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
-import com.facebook.react.turbomodule.core.TurboModuleManager
 
 /**
  * A utility class that allows you to simplify the initialization of React Native by setting up a
@@ -29,7 +28,7 @@ import com.facebook.react.turbomodule.core.TurboModuleManager
  * @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.turbomodule.core.TurboModuleManager
  */
 @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 bindingsInstaller: BindingsInstaller = DefaultBindingsInstaller(),
+    override val jsRuntimeFactory: JSRuntimeFactory = HermesInstance(),
+    override val bindingsInstaller: BindingsInstaller? = null,
     private val reactNativeConfig: ReactNativeConfig = ReactNativeConfig.DEFAULT_CONFIG,
     private val exceptionHandler: (Exception) -> Unit = {},
     override val turboModuleManagerDelegateBuilder: ReactPackageTurboModuleManagerDelegate.Builder
 ) : ReactHostDelegate {
 
-  override fun getReactNativeConfig(turboModuleManager: TurboModuleManager) = 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 23c0bada20a2..817e953d0de2 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,30 @@ 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 =
+              if (lazyViewManagersEnabled) {
+                ViewManagerRegistry(
+                    object : ViewManagerResolver {
+                      override fun getViewManager(viewManagerName: String) =
+                          reactInstanceManager.createViewManager(viewManagerName)
+
+                      override fun getViewManagerNames() = reactInstanceManager.viewManagerNames
+                    })
+              } else {
+                ViewManagerRegistry(
+                    reactInstanceManager.getOrCreateViewManagers(reactApplicationContext))
+              }
+
+          FabricUIManagerProviderImpl(
+                  componentFactory, ReactNativeConfig.DEFAULT_CONFIG, viewManagerRegistry)
+              .createUIManager(reactApplicationContext)
+        }
       } else {
         null
       }
@@ -68,4 +97,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 000000000000..cebdc7c93234
--- /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 ac1fd1a4c7d9..93a48209c31a 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 9b3a7d7486ac..e0f831b7a87e 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 000000000000..128fb44551bc
--- /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/DebugOverlayController.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
index a70d44a9b70e..6341a5a8ee58 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DebugOverlayController.java
@@ -7,14 +7,12 @@
 
 package com.facebook.react.devsupport;
 
-import android.Manifest;
 import android.content.Context;
 import android.content.Intent;
 import android.content.pm.PackageInfo;
 import android.content.pm.PackageManager;
 import android.graphics.PixelFormat;
 import android.net.Uri;
-import android.os.Build;
 import android.provider.Settings;
 import android.view.WindowManager;
 import android.widget.FrameLayout;
@@ -31,36 +29,26 @@
 /* package */ class DebugOverlayController {
 
   public static void requestPermission(Context context) {
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      // Get permission to show debug overlay in dev builds.
-      if (!Settings.canDrawOverlays(context)) {
-        Intent intent =
-            new Intent(
-                Settings.ACTION_MANAGE_OVERLAY_PERMISSION,
-                Uri.parse("package:" + context.getPackageName()));
-        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
-        FLog.w(
-            ReactConstants.TAG,
-            "Overlay permissions needs to be granted in order for react native apps to run in dev mode");
-        if (canHandleIntent(context, intent)) {
-          context.startActivity(intent);
-        }
+    // Get permission to show debug overlay in dev builds.
+    if (!Settings.canDrawOverlays(context)) {
+      Intent intent =
+          new Intent(
+              Settings.ACTION_MANAGE_OVERLAY_PERMISSION,
+              Uri.parse("package:" + context.getPackageName()));
+      intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+      FLog.w(
+          ReactConstants.TAG,
+          "Overlay permissions needs to be granted in order for react native apps to run in dev mode");
+      if (canHandleIntent(context, intent)) {
+        context.startActivity(intent);
       }
     }
   }
 
   private static boolean permissionCheck(Context context) {
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      // Get permission to show debug overlay in dev builds.
-      if (!Settings.canDrawOverlays(context)) {
-        // overlay permission not yet granted
-        return false;
-      } else {
-        return true;
-      }
-    }
-    // on pre-M devices permission needs to be specified in manifest
-    return hasPermission(context, Manifest.permission.SYSTEM_ALERT_WINDOW);
+    // Get permission to show debug overlay in dev builds.
+    // overlay permission not yet granted
+    return Settings.canDrawOverlays(context);
   }
 
   private static boolean hasPermission(Context context, String permission) {
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 0a9a2338ceb3..a18b78a8127c 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 c465e63cb3d5..32ff198161f1 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 d5c427fc67a4..a812b6a0a48d 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 caa555f76b0d..d6a5b314c54d 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 bed2db92d863..ed08050fabcf 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 000000000000..31d47c823417
--- /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 c54335e9720a..791943dc43c1 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/FpsView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
index 6377c7978ee5..57827da8c3fc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/FpsView.java
@@ -22,7 +22,7 @@
  *
  * <p>NB: Requires API 16 for use of FpsDebugFrameCallback.
  */
-public class FpsView extends FrameLayout {
+class FpsView extends FrameLayout {
 
   private static final int UPDATE_INTERVAL_MS = 500;
 
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 000000000000..59afe06a6f47
--- /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 000000000000..05480fb58bf4
--- /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 5f535b7044d6..84107fb5e4c8 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 63e3059cc168..267fcbdb974a 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 7acb46d22fb0..000000000000
--- 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 40a3ba47fd21..990b14558802 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,10 +11,12 @@
 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. */
-public class LogBoxDialog extends Dialog {
+@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/LogBoxDialogSurfaceDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialogSurfaceDelegate.java
index ed465a18383a..a4ec930f5e4b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialogSurfaceDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialogSurfaceDelegate.java
@@ -20,7 +20,7 @@
  * The implementation of SurfaceDelegate with {@link Activity}. This is the default SurfaceDelegate
  * for Mobile.
  */
-public class LogBoxDialogSurfaceDelegate implements SurfaceDelegate {
+class LogBoxDialogSurfaceDelegate implements SurfaceDelegate {
 
   private @Nullable View mReactRootView;
   private @Nullable LogBoxDialog mDialog;
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 ec410c3644ac..dccfd3279725 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/MultipartStreamReader.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
index e93216a4ffde..3f74eb60983d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/MultipartStreamReader.java
@@ -15,7 +15,7 @@
 import okio.ByteString;
 
 /** Utility class to parse the body of a response of type multipart/mixed. */
-public class MultipartStreamReader {
+class MultipartStreamReader {
   // Standard line separator for HTTP.
   private static final String CRLF = "\r\n";
 
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 0814a12dea93..3e8a55d3c292 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 d15eba912d99..3c4b45642ed7 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/RedBoxDialogSurfaceDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialogSurfaceDelegate.java
index 2043dee33813..7bd0c1ae6824 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialogSurfaceDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/RedBoxDialogSurfaceDelegate.java
@@ -23,7 +23,7 @@
  * The implementation of SurfaceDelegate with {@link Activity}. This is the default SurfaceDelegate
  * for Mobile.
  */
-public class RedBoxDialogSurfaceDelegate implements SurfaceDelegate {
+class RedBoxDialogSurfaceDelegate implements SurfaceDelegate {
 
   private final DoubleTapReloadRecognizer mDoubleTapReloadRecognizer;
   private final DevSupportManager mDevSupportManager;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
index 1897e2ec83bb..b676ed160c30 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/ViewHierarchyUtil.java
@@ -14,7 +14,7 @@
 import java.util.Queue;
 
 /** Helper for computing information about the view hierarchy */
-public class ViewHierarchyUtil {
+class ViewHierarchyUtil {
 
   /** Returns the view instance and depth of the deepest leaf view from the given root view. */
   public static Pair<View, Integer> getDeepestLeaf(View root) {
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 cda48b06c25f..804e0a6cd1f3 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,22 +9,19 @@
 
 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 ANDROID_OREO = 26;
   private static final int TYPE_APPLICATION_OVERLAY = 2038;
 
-  static final int TYPE_SYSTEM_ALERT =
-      Build.VERSION.SDK_INT < ANDROID_OREO
-          ? WindowManager.LayoutParams.TYPE_SYSTEM_ALERT
-          : TYPE_APPLICATION_OVERLAY;
   static final int TYPE_SYSTEM_OVERLAY =
-      Build.VERSION.SDK_INT < ANDROID_OREO
+      Build.VERSION.SDK_INT < Build.VERSION_CODES.O
           ? WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY
           : TYPE_APPLICATION_OVERLAY;
 }
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 6569931ed9ca..8b8800cf0669 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 e99632b25bed..8490c1f4b4cf 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,13 +32,11 @@ public void startSurfaceWithConstraints(
       boolean isRTL,
       boolean doLeftAndRightSwapInRTL);
 
-  public void renderTemplateToSurface(int surfaceId, String uiTemplate);
+  void stopSurface(int surfaceId);
 
-  public void stopSurface(int surfaceId);
+  void setPixelDensity(float pointScaleFactor);
 
-  public void setPixelDensity(float pointScaleFactor);
-
-  public void setConstraints(
+  void setConstraints(
       int surfaceId,
       float minWidth,
       float maxWidth,
@@ -50,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,
@@ -64,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 a05dc0ef207b..324a530abed0 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 {
@@ -63,9 +65,6 @@ public native void startSurfaceWithConstraints(
       boolean isRTL,
       boolean doLeftAndRightSwapInRTL);
 
-  @Override
-  public native void renderTemplateToSurface(int surfaceId, String uiTemplate);
-
   @Override
   public native void stopSurface(int surfaceId);
 
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 1c9974ef7659..f0be02df1e78 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 797106872d6c..7888ca2f191e 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 1158ae274062..45fe3ca1753a 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
@@ -7,93 +7,30 @@
 
 package com.facebook.react.fabric;
 
-import static com.facebook.react.bridge.ReactMarkerConstants.*;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_BATCH_EXECUTION_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_BATCH_EXECUTION_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_COMMIT_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_COMMIT_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_DIFF_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_DIFF_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_FINISH_TRANSACTION_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_FINISH_TRANSACTION_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_LAYOUT_AFFECTED_NODES;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_LAYOUT_END;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_LAYOUT_START;
+import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_UPDATE_UI_MAIN_THREAD_END;
+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;
-import java.util.Comparator;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import java.util.PriorityQueue;
-import java.util.Queue;
-
-class LongStreamingStats {
-  // TODO(T138627466): Calculate median value with better algorithm after Android API 24.
-  private Queue<Long> minHeap =
-      new PriorityQueue<>(
-          11,
-          new Comparator<Long>() {
-            @Override
-            public int compare(Long first, Long second) {
-              // Natural order
-              return Long.compare(first, second);
-            }
-          });
-  private Queue<Long> maxHeap =
-      new PriorityQueue<>(
-          11,
-          new Comparator<Long>() {
-            @Override
-            public int compare(Long first, Long second) {
-              // Reversed order
-              return Long.compare(second, first);
-            }
-          });
-  private double streamingAverage = 0.0;
-  private int len = 0;
-  private long max = 0;
-
-  LongStreamingStats() {}
-
-  public void add(long n) {
-    // To make medians more useful, we discard all zero values
-    // This isn't perfect and certainly makes this a totally invalid median, but, alas...
-    if (n != 0) {
-      if (minHeap.size() == maxHeap.size()) {
-        maxHeap.offer(n);
-        minHeap.offer(maxHeap.poll());
-      } else {
-        minHeap.offer(n);
-        maxHeap.offer(minHeap.poll());
-      }
-    }
-
-    len++;
-    if (len == 1) {
-      streamingAverage = n;
-    } else {
-      streamingAverage = (streamingAverage / (len / (len - 1))) + (n / len);
-    }
-
-    max = (n > max ? n : max);
-  }
-
-  public double getMedian() {
-    if (minHeap.size() == 0 && maxHeap.size() == 0) {
-      return 0;
-    }
-
-    long median;
-    if (minHeap.size() > maxHeap.size()) {
-      median = minHeap.peek();
-    } else {
-      median = (minHeap.peek() + maxHeap.peek()) / 2;
-    }
-    return median;
-  }
-
-  public double getAverage() {
-    return streamingAverage;
-  }
-
-  public long getMax() {
-    return max;
-  }
-}
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DevToolsReactPerfLogger implements ReactMarker.FabricMarkerListener {
 
   private final Map<Integer, FabricCommitPoint> mFabricCommitMarkers = new HashMap<>();
@@ -116,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() {
@@ -134,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) {
@@ -191,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);
     }
@@ -228,6 +169,7 @@ public long getBatchExecutionDuration() {
       return getBatchExecutionEnd() - getBatchExecutionStart();
     }
 
+    @Override
     public String toString() {
       StringBuilder builder = new StringBuilder("FabricCommitPoint{");
       builder.append("mCommitNumber=").append(mCommitNumber);
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 e068e3f4d1dd..000000000000
--- 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 000000000000..00fc39ca894e
--- /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 bf6c6a2aaa36..cd4dc5f34e46 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 533b1368b92d..000000000000
--- 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 26526701c51e..e3a8da958bee 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 26bf3a137cdc..bd76cd15dbd6 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,9 @@
 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.interop.UIBlockViewResolver;
 import com.facebook.react.fabric.mounting.MountItemDispatcher;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.fabric.mounting.SurfaceMountingManager;
@@ -66,6 +66,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 +82,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;
@@ -100,7 +100,7 @@
  */
 @SuppressLint("MissingNativeLoadLibrary")
 @DoNotStripAny
-public class FabricUIManager implements UIManager, LifecycleEventListener {
+public class FabricUIManager implements UIManager, LifecycleEventListener, UIBlockViewResolver {
   public static final String TAG = FabricUIManager.class.getSimpleName();
 
   // The IS_DEVELOPMENT_ENVIRONMENT variable is used to log extra data when running fabric in a
@@ -175,7 +175,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 +210,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 +223,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);
 
@@ -232,13 +231,11 @@ public FabricUIManager(
     mReactApplicationContext.registerComponentCallbacks(viewManagerRegistry);
   }
 
-  // TODO (T47819352): Rename this to startSurface for consistency with xplat/iOS
   @Override
   @UiThread
   @ThreadConfined(UI)
   @Deprecated
-  public <T extends View> int addRootView(
-      final T rootView, final WritableMap initialProps, final @Nullable String initialUITemplate) {
+  public <T extends View> int addRootView(final T rootView, final WritableMap initialProps) {
     ReactSoftExceptionLogger.logSoftException(
         TAG,
         new IllegalViewOperationException(
@@ -256,9 +253,6 @@ public <T extends View> int addRootView(
       FLog.d(TAG, "Starting surface for module: %s and reactTag: %d", moduleName, rootTag);
     }
     mBinding.startSurface(rootTag, moduleName, (NativeMap) initialProps);
-    if (initialUITemplate != null) {
-      mBinding.renderTemplateToSurface(rootTag, initialUITemplate);
-    }
     return rootTag;
   }
 
@@ -407,12 +401,11 @@ public void initialize() {
     }
   }
 
-  // This is called on the JS thread (see CatalystInstanceImpl).
   @Override
   @AnyThread
   @ThreadConfined(ANY)
-  public void onCatalystInstanceDestroy() {
-    FLog.i(TAG, "FabricUIManager.onCatalystInstanceDestroy");
+  public void invalidate() {
+    FLog.i(TAG, "FabricUIManager.invalidate");
 
     if (mDevToolsReactPerfLogger != null) {
       mDevToolsReactPerfLogger.removeDevToolsReactPerfLoggerListener(FABRIC_PERF_LOGGER);
@@ -458,6 +451,37 @@ public void onCatalystInstanceDestroy() {
     }
   }
 
+  /**
+   * 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) {
@@ -624,10 +648,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);
   }
@@ -685,12 +711,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);
           }
         };
@@ -736,7 +761,7 @@ private void preallocateView(
             rootTag,
             reactTag,
             componentName,
-            props,
+            (ReadableMap) props,
             (StateWrapper) stateWrapper,
             (EventEmitterWrapper) eventEmitterWrapper,
             isLayoutable));
@@ -804,20 +829,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);
-        }
       }
     }
 
@@ -1028,7 +1039,7 @@ public void dispatchCommand(
       final int reactTag,
       final int commandId,
       @Nullable final ReadableArray commandArgs) {
-    mMountItemDispatcher.dispatchCommandMountItem(
+    mMountItemDispatcher.addViewCommandMountItem(
         MountItemFactory.createDispatchCommandMountItem(
             surfaceId, reactTag, commandId, commandArgs));
   }
@@ -1044,10 +1055,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));
     }
@@ -1141,6 +1152,7 @@ public int getSurfaceId() {
             return View.NO_ID;
           }
 
+          @NonNull
           @Override
           public String toString() {
             return "CLEAR_JS_RESPONDER";
@@ -1213,30 +1225,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);
-                }
-              }
-            });
+                });
       }
     }
 
@@ -1299,6 +1312,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 000000000000..ed507ea33e7d
--- /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 dcee5e2ebe8f..e0bd43d21984 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
@@ -7,12 +7,14 @@
 
 package com.facebook.react.fabric;
 
+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;
-import com.facebook.react.modules.core.ChoreographerCompat;
 
-public abstract class GuardedFrameCallback extends ChoreographerCompat.FrameCallback {
+@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/LongStreamingStats.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/LongStreamingStats.java
new file mode 100644
index 000000000000..dfd177a9cbfe
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/LongStreamingStats.java
@@ -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.
+ */
+
+package com.facebook.react.fabric;
+
+import java.util.Comparator;
+import java.util.PriorityQueue;
+import java.util.Queue;
+
+/* package */
+class LongStreamingStats {
+  // TODO(T138627466): Calculate median value with better algorithm after Android API 24.
+  private final Queue<Long> minHeap =
+      new PriorityQueue<>(11, Comparator.comparingLong(aLong -> aLong));
+  private final Queue<Long> maxHeap =
+      new PriorityQueue<>(
+          11,
+          (first, second) -> {
+            // Reversed order
+            return Long.compare(second, first);
+          });
+  private double streamingAverage = 0.0;
+  private int len = 0;
+  private long max = 0;
+
+  LongStreamingStats() {}
+
+  public void add(long n) {
+    // To make medians more useful, we discard all zero values
+    // This isn't perfect and certainly makes this a totally invalid median, but, alas...
+    if (n != 0) {
+      if (minHeap.size() == maxHeap.size()) {
+        maxHeap.offer(n);
+        minHeap.offer(maxHeap.poll());
+      } else {
+        minHeap.offer(n);
+        maxHeap.offer(minHeap.poll());
+      }
+    }
+
+    len++;
+    if (len == 1) {
+      streamingAverage = n;
+    } else {
+      streamingAverage = (streamingAverage / (len / (len - 1))) + (n / len);
+    }
+
+    max = (n > max ? n : max);
+  }
+
+  public double getMedian() {
+    if (minHeap.size() == 0 && maxHeap.size() == 0) {
+      return 0;
+    }
+
+    long median;
+    if (minHeap.size() > maxHeap.size()) {
+      median = minHeap.peek();
+    } else {
+      median = (minHeap.peek() + maxHeap.peek()) / 2;
+    }
+    return median;
+  }
+
+  public double getAverage() {
+    return streamingAverage;
+  }
+
+  public long getMax() {
+    return max;
+  }
+}
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 37e0db6ac521..7cc81c493f39 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 bccf0593407f..66a2cc62d507 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 {
@@ -83,4 +85,18 @@ public void destroyState() {
       mHybridData.resetNative();
     }
   }
+
+  @Override
+  public String toString() {
+    if (mDestroyed) {
+      return "<destroyed>";
+    }
+
+    ReadableNativeMap map = getStateDataImpl();
+    if (map == null) {
+      return "<unexpected null>";
+    }
+
+    return map.toString();
+  }
 }
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 1d0a9bfa6748..1dcb42123bf1 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 4c4703d0ae79..3de23f98a794 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 d7544fb173c8..f85937c886b6 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 000000000000..3c3f7cfd2d4f
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListener.kt
@@ -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.
+ */
+
+@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) {
+    if (beforeUIBlocks.isEmpty()) {
+      return
+    }
+    beforeUIBlocks.forEach {
+      if (uiManager is UIBlockViewResolver) {
+        it.execute(uiManager)
+      }
+    }
+    beforeUIBlocks.clear()
+  }
+
+  override fun didMountItems(uiManager: UIManager) {
+    if (afterUIBlocks.isEmpty()) {
+      return
+    }
+    afterUIBlocks.forEach {
+      if (uiManager is UIBlockViewResolver) {
+        it.execute(uiManager)
+      }
+    }
+    afterUIBlocks.clear()
+  }
+
+  override fun didDispatchMountItems(uiManager: UIManager) = didMountItems(uiManager)
+
+  override fun willDispatchViewUpdates(uiManager: UIManager) = willMountItems(uiManager)
+
+  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 881edbdf6fa4..000000000000
--- 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 aef10bffdfbd..000000000000
--- 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 000000000000..702d096ea664
--- /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 000000000000..7fd8389b858b
--- /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 249e3b84f7c2..f875d34e8bf0 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 8b8ae700fa46..4d905e7f74a2 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
@@ -247,12 +242,13 @@ private boolean dispatchMountItems() {
     // If there are MountItems to dispatch, we make sure all the "pre mount items" are executed
     // first
     Collection<MountItem> preMountItemsToDispatch = getAndResetPreMountItems();
-
     if (preMountItemsToDispatch != null) {
       Systrace.beginSection(
           Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManager::mountViews preMountItems");
-
       for (MountItem preMountItem : preMountItemsToDispatch) {
+        if (ENABLE_FABRIC_LOGS) {
+          printMountItem(preMountItem, "dispatchMountItems: Executing preMountItem");
+        }
         executeOrEnqueue(preMountItem);
       }
 
@@ -308,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
@@ -330,11 +337,8 @@ public void dispatchPreMountItems(long frameTimeNanos) {
         }
 
         if (ENABLE_FABRIC_LOGS) {
-          printMountItem(
-              preMountItemToDispatch,
-              "dispatchPreMountItems: Dispatching PreAllocateViewMountItem");
+          printMountItem(preMountItemToDispatch, "dispatchPreMountItems");
         }
-
         executeOrEnqueue(preMountItemToDispatch);
       }
     } finally {
@@ -354,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 e65a01cd25e1..3aa8c9303492 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 87b15e454f31..3784ab2e14a0 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 43b6d7120b99..feedcc4bc2f4 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 89f69e128885..887ac2e1026b 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 c86abde48e9f..4b68d18aef8e 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 bd5e1488227c..cfe711f94526 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 05b5a5a2f488..03cdf0d6dbf3 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,10 +232,10 @@ 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.getStateData().toString() : "<null>")
+                    ? (state != null ? state.toString() : "<null>")
                     : "<hidden>";
             s.append(String.format("UPDATE STATE [%d]: %s\n", mIntBuffer[i++], stateString));
           } else if (type == INSTRUCTION_UPDATE_LAYOUT) {
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 b68adff51119..b435d889decb 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 8f4f6feab3c8..8c51dce3b90d 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 6560895fa067..37c85f9db6b7 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,11 +8,13 @@
 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;
 
-public class SendAccessibilityEvent implements MountItem {
+@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 13e90ada6dd2..354d328a97c3 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 000000000000..472e3e009eb9
--- /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/ReactHost.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/ReactHost.kt
deleted file mode 100644
index 4c5ef17ae364..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/ReactHost.kt
+++ /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.interfaces
-
-import android.app.Activity
-import android.content.Context
-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.fabric.ReactSurface
-import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
-
-/**
- * A ReactHost is an object that manages a single {@link ReactInstance}. A ReactHost can be
- * constructed without initializing the ReactInstance, and it will continue to exist after the
- * instance is destroyed.
- *
- * The implementation of this interface should be Thread Safe
- */
-@UnstableReactNativeAPI
-interface ReactHost {
-
-  /** The current [LifecycleState] for React Host */
-  val lifecycleState: LifecycleState
-
-  /**
-   * The current [ReactContext] associated with ReactInstance. It could be nullable if ReactInstance
-   * hasn't been created.
-   */
-  val currentReactContext: ReactContext?
-
-  // TODO: review if DevSupportManager should be nullable
-  /** [DevSupportManager] used by this ReactHost */
-  val devSupportManager: DevSupportManager?
-
-  // TODO: review if possible to remove ReactQueueConfiguration
-  /** [ReactQueueConfiguration] for caller to post jobs in React Native threads */
-  val reactQueueConfiguration: ReactQueueConfiguration?
-
-  /** To be called when back button is pressed */
-  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?)
-
-  /** To be called when the host activity is resumed. */
-  fun onHostResume(activity: Activity?)
-
-  /** To be called when the host activity is paused. */
-  fun onHostPause(activity: Activity?)
-
-  /** To be called when the host activity is paused. */
-  fun onHostPause()
-
-  /** To be called when the host activity is destroyed. */
-  fun onHostDestroy()
-
-  /** To be called when the host activity is destroyed. */
-  fun onHostDestroy(activity: Activity?)
-
-  /** To be called to create and setup an ReactSurface. */
-  fun createSurface(context: Context, moduleName: String, initialProps: Bundle?): ReactSurface?
-
-  /**
-   * This function can be used to initialize the ReactInstance in a background thread before a
-   * surface needs to be rendered. It is not necessary to call this function; startSurface() will
-   * initialize the ReactInstance if it hasn't been preloaded.
-   *
-   * @return A Task that completes when the instance is initialized. The task will be faulted if any
-   *   errors occur during initialization, and will be cancelled if ReactHost.destroy() is called
-   *   before it completes.
-   */
-  fun start(): TaskInterface<Void>
-
-  /**
-   * Entrypoint to reload the ReactInstance. If the ReactInstance is destroying, will wait until
-   * destroy is finished, before reloading.
-   *
-   * @param reason describing why ReactHost is being reloaded (e.g. js error, user tap on reload
-   *   button)
-   * @return A task that completes when React Native reloads
-   */
-  fun reload(reason: String): TaskInterface<Void>
-
-  /**
-   * Entrypoint to destroy the ReactInstance. If the ReactInstance is reloading, will wait until
-   * reload is finished, before destroying.
-   *
-   * @param reason describing why ReactHost is being destroyed (e.g. memmory pressure)
-   * @param ex exception that caused the trigger to destroy ReactHost (or null) This exception will
-   *   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>
-
-  fun addBeforeDestroyListener(onBeforeDestroy: () -> Unit)
-
-  fun removeBeforeDestroyListener(onBeforeDestroy: () -> Unit)
-}
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 6742d1ebfdbe..c7d968023a24 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 ce80a2861796..613016b640a7 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 9d9734a33f8d..5f2e13b55e51 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 2db1c3f6ab7c..e6a50eda239d 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 000000000000..745be44af60b
--- /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 000000000000..1cfcb2268e45
--- /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 000000000000..c5f9dc4e0be2
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlags.kt
@@ -0,0 +1,147 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<b86e9fd5499308ce65b389342eb436a2>>
+ */
+
+/**
+ * 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()
+
+  /**
+   * To be used with batchRenderingUpdatesInEventLoop. When enbled, the Android mounting layer will concatenate pending transactions to ensure they're applied atomatically
+   */
+  @JvmStatic
+  public fun androidEnablePendingFabricTransactions(): Boolean = accessor.androidEnablePendingFabricTransactions()
+
+  /**
+   * 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()
+
+  /**
+   * When enabled, ReactInstanceManager will clean up Fabric surfaces on destroy().
+   */
+  @JvmStatic
+  public fun destroyFabricSurfacesInReactInstanceManager(): Boolean = accessor.destroyFabricSurfacesInReactInstanceManager()
+
+  /**
+   * 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()
+
+  /**
+   * 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 000000000000..b20cafdc4c21
--- /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 000000000000..512b43d8d927
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxAccessor.kt
@@ -0,0 +1,148 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<c0a85b92bca9bb03f28af67224239c09>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactionsCache: Boolean? = null
+  private var batchRenderingUpdatesInEventLoopCache: Boolean? = null
+  private var destroyFabricSurfacesInReactInstanceManagerCache: Boolean? = null
+  private var enableBackgroundExecutorCache: Boolean? = null
+  private var useModernRuntimeSchedulerCache: Boolean? = null
+  private var enableMicrotasksCache: 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 androidEnablePendingFabricTransactions(): Boolean {
+    var cached = androidEnablePendingFabricTransactionsCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.androidEnablePendingFabricTransactions()
+      androidEnablePendingFabricTransactionsCache = cached
+    }
+    return cached
+  }
+
+  override fun batchRenderingUpdatesInEventLoop(): Boolean {
+    var cached = batchRenderingUpdatesInEventLoopCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.batchRenderingUpdatesInEventLoop()
+      batchRenderingUpdatesInEventLoopCache = cached
+    }
+    return cached
+  }
+
+  override fun destroyFabricSurfacesInReactInstanceManager(): Boolean {
+    var cached = destroyFabricSurfacesInReactInstanceManagerCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.destroyFabricSurfacesInReactInstanceManager()
+      destroyFabricSurfacesInReactInstanceManagerCache = 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 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 000000000000..7ce102e95267
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop.kt
@@ -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.
+ *
+ * @generated SignedSource<<5fece1bcbbd750b82b8e4b125c57101e>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun batchRenderingUpdatesInEventLoop(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun destroyFabricSurfacesInReactInstanceManager(): 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 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 000000000000..96bccc3a818b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsDefaults.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.
+ *
+ * @generated SignedSource<<4462edcf10a85654be7c71a7438a2288>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions(): Boolean = false
+
+  override fun batchRenderingUpdatesInEventLoop(): Boolean = false
+
+  override fun destroyFabricSurfacesInReactInstanceManager(): Boolean = false
+
+  override fun enableBackgroundExecutor(): Boolean = false
+
+  override fun useModernRuntimeScheduler(): Boolean = false
+
+  override fun enableMicrotasks(): 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 000000000000..6ffe28c3e16c
--- /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 000000000000..acb8e387693b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsLocalAccessor.kt
@@ -0,0 +1,173 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<e02f6a9473a98f27ee44ff303db9e0b7>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactionsCache: Boolean? = null
+  private var batchRenderingUpdatesInEventLoopCache: Boolean? = null
+  private var destroyFabricSurfacesInReactInstanceManagerCache: Boolean? = null
+  private var enableBackgroundExecutorCache: Boolean? = null
+  private var useModernRuntimeSchedulerCache: Boolean? = null
+  private var enableMicrotasksCache: 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 androidEnablePendingFabricTransactions(): Boolean {
+    var cached = androidEnablePendingFabricTransactionsCache
+    if (cached == null) {
+      cached = currentProvider.androidEnablePendingFabricTransactions()
+      accessedFeatureFlags.add("androidEnablePendingFabricTransactions")
+      androidEnablePendingFabricTransactionsCache = 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 destroyFabricSurfacesInReactInstanceManager(): Boolean {
+    var cached = destroyFabricSurfacesInReactInstanceManagerCache
+    if (cached == null) {
+      cached = currentProvider.destroyFabricSurfacesInReactInstanceManager()
+      accessedFeatureFlags.add("destroyFabricSurfacesInReactInstanceManager")
+      destroyFabricSurfacesInReactInstanceManagerCache = 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 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 000000000000..8db8c67bfd2e
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider.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.
+ *
+ * @generated SignedSource<<9190129a45a19b25dd23126f05b03356>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions(): Boolean
+
+  @DoNotStrip public fun batchRenderingUpdatesInEventLoop(): Boolean
+
+  @DoNotStrip public fun destroyFabricSurfacesInReactInstanceManager(): Boolean
+
+  @DoNotStrip public fun enableBackgroundExecutor(): Boolean
+
+  @DoNotStrip public fun useModernRuntimeScheduler(): Boolean
+
+  @DoNotStrip public fun enableMicrotasks(): 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 000000000000..3f8522a31bb5
--- /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 000000000000..5c4e7e42c301
--- /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/turbomodule/.clang-tidy b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/.clang-tidy
similarity index 100%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/.clang-tidy
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/.clang-tidy
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeModuleSoLoader.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeModuleSoLoader.kt
similarity index 90%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeModuleSoLoader.kt
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeModuleSoLoader.kt
index 0c2221d13fa0..4d6509f01e66 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeModuleSoLoader.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeModuleSoLoader.kt
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.turbomodule.core
+package com.facebook.react.internal.turbomodule.core
 
 import com.facebook.soloader.SoLoader
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleInteropUtils.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleInteropUtils.java
similarity index 97%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleInteropUtils.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleInteropUtils.java
index 4c91fbca6e97..66991341ea20 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleInteropUtils.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleInteropUtils.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.turbomodule.core;
+package com.facebook.react.internal.turbomodule.core;
 
 import androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
@@ -161,14 +161,11 @@ private static String convertParamClassToJniType(
         || paramClass == Callback.class
         || paramClass == Promise.class
         || paramClass == ReadableMap.class
-        || paramClass == ReadableArray.class) {
+        || paramClass == ReadableArray.class
+        || paramClass == Dynamic.class) {
       return convertClassToJniType(paramClass);
     }
 
-    if (paramClass == Dynamic.class) {
-      // TODO(T145105887): Output warnings that TurboModules doesn't yet support Dynamic arguments
-    }
-
     throw new ParsingException(
         moduleName,
         methodName,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
similarity index 95%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
index 507fbcfe0b29..d627f82b7fd3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.turbomodule.core;
+package com.facebook.react.internal.turbomodule.core;
 
 import androidx.annotation.GuardedBy;
 import androidx.annotation.NonNull;
@@ -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.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 com.facebook.react.turbomodule.core.interfaces.TurboModule;
-import com.facebook.react.turbomodule.core.interfaces.TurboModuleRegistry;
 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;
@@ -71,7 +72,7 @@ public TurboModuleManager(
             (CallInvokerHolderImpl) jsCallInvokerHolder,
             (NativeMethodCallInvokerHolderImpl) nativeMethodCallInvokerHolder,
             delegate);
-    installJSIBindings(shouldEnableLegacyModuleInterop());
+    installJSIBindings(shouldEnableLegacyModuleInterop(), enableSyncVoidMethods());
 
     mEagerInitModuleNames =
         delegate == null ? new ArrayList<>() : delegate.getEagerInitModuleNames();
@@ -116,6 +117,10 @@ private boolean shouldRouteTurboModulesThroughLegacyModuleInterop() {
         && mDelegate.unstable_shouldRouteTurboModulesThroughLegacyModuleInterop();
   }
 
+  private boolean enableSyncVoidMethods() {
+    return mDelegate != null && mDelegate.unstable_enableSyncVoidMethods();
+  }
+
   @Override
   @NonNull
   public List<String> getEagerInitModuleNames() {
@@ -417,13 +422,11 @@ private native HybridData initHybrid(
       NativeMethodCallInvokerHolderImpl nativeMethodCallInvoker,
       TurboModuleManagerDelegate tmmDelegate);
 
-  private native void installJSIBindings(boolean shouldCreateLegacyModules);
-
-  @Override
-  public void initialize() {}
+  private native void installJSIBindings(
+      boolean shouldCreateLegacyModules, boolean enableSyncVoidMethods);
 
   @Override
-  public void onCatalystInstanceDestroy() {
+  public void invalidate() {
     /*
      * Halt the production of new TurboModules.
      *
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
similarity index 78%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
index 38986df7d8a8..39539cdd6f34 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModuleManagerDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.turbomodule.core;
+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,5 +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/turbomodule/core/TurboModulePerfLogger.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
similarity index 95%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModulePerfLogger.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
index 18ff70c834a3..9a9f198ba624 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/TurboModulePerfLogger.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
@@ -5,12 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.turbomodule.core;
+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/TurboModuleRegistry.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt
new file mode 100644
index 000000000000..a16f5055db97
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt
@@ -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.
+ */
+
+package com.facebook.react.internal.turbomodule.core.interfaces
+
+import com.facebook.react.bridge.NativeModule
+
+/**
+ * Interface to allow for creating and retrieving NativeModules. Why is this this class prefixed
+ * with "Turbo", even though it supports both legacy NativeModules, and TurboModules? Because there
+ * already is a NativeModuleRegistry (a part of the legacy architecture). Once that class is
+ * deleted, we should rename this interface accordingly.
+ */
+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.
+   */
+  public fun getModule(moduleName: String): NativeModule?
+
+  /** Get all instantiated NativeModules. */
+  public val modules: Collection<NativeModule>
+
+  /** Has the NativeModule with name `moduleName` been instantiated? */
+  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.
+   */
+  public val eagerInitModuleNames: List<String>
+
+  /**
+   * Called during the turn down process of ReactHost. This method is called before React Native is
+   * stopped.
+   */
+  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 8dc018deca0d..ed92a48c9bd2 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")
     }
 
-    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 6a464495977a..d4b9ea04e6a6 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 eadbe5bfaabf..a008a5aa0f8f 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 0fc8f7eebb7a..df4ca841fd51 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,7 +7,10 @@
 
 package com.facebook.react.jstasks;
 
-public class NoRetryPolicy implements HeadlessJsTaskRetryPolicy {
+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/module/annotations/ReactModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
index 14bea35dc6e8..ff9fa926745d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/annotations/ReactModule.java
@@ -16,9 +16,6 @@
 /**
  * Annotation for use on {@link com.facebook.react.bridge.BaseJavaModule}s to describe properties
  * for that module.
- *
- * @deprecated This property is unused and it's planning to be removed in a future version of React
- *     Native. Please refrain from using it.
  */
 @Retention(RUNTIME)
 @Target(TYPE)
@@ -40,6 +37,9 @@
   /**
    * Whether this module has constants to add, defaults to true as that is safer for when a correct
    * annotation is not included
+   *
+   * @deprecated This property is unused and it's planning to be removed in a future version of
+   *     React Native. Please refrain from using it.
    */
   @Deprecated
   boolean hasConstants() default true;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
index ae4a56bbc3a9..8be508edf804 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/model/ReactModuleInfo.java
@@ -7,6 +7,8 @@
 
 package com.facebook.react.module.model;
 
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+
 /**
  * Data holder class holding native module specifications. {@link ReactModuleSpecProcessor} creates
  * these so Java modules don't have to be instantiated at React Native start up.
@@ -80,4 +82,12 @@ public boolean isCxxModule() {
   public boolean isTurboModule() {
     return mIsTurboModule;
   }
+
+  /**
+   * Checks if the passed class is a TurboModule. Useful to populate the parameter [isTurboModule]
+   * in the constructor of ReactModuleInfo.
+   */
+  public static boolean classIsTurboModule(Class<?> clazz) {
+    return TurboModule.class.isAssignableFrom(clazz);
+  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
index 44d73c2ad4e8..4f85ff932503 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/module/processing/ReactModuleSpecProcessor.java
@@ -10,6 +10,7 @@
 import static javax.lang.model.element.Modifier.PUBLIC;
 import static javax.tools.Diagnostic.Kind.ERROR;
 
+import com.facebook.annotationprocessors.common.ProcessorBase;
 import com.facebook.infer.annotation.SuppressFieldNotInitialized;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.module.annotations.ReactModuleList;
@@ -29,7 +30,6 @@
 import java.util.List;
 import java.util.Map;
 import java.util.Set;
-import javax.annotation.processing.AbstractProcessor;
 import javax.annotation.processing.Filer;
 import javax.annotation.processing.Messager;
 import javax.annotation.processing.ProcessingEnvironment;
@@ -55,7 +55,7 @@
   "com.facebook.react.module.annotations.ReactModuleList",
 })
 @SupportedSourceVersion(SourceVersion.RELEASE_7)
-public class ReactModuleSpecProcessor extends AbstractProcessor {
+public class ReactModuleSpecProcessor extends ProcessorBase {
 
   private static final TypeName COLLECTIONS_TYPE = ParameterizedTypeName.get(Collections.class);
   private static final TypeName MAP_TYPE =
@@ -78,7 +78,7 @@ public synchronized void init(ProcessingEnvironment processingEnv) {
   }
 
   @Override
-  public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
+  public boolean processImpl(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
     Set<? extends Element> reactModuleListElements =
         roundEnv.getElementsAnnotatedWith(ReactModuleList.class);
     for (Element reactModuleListElement : reactModuleListElements) {
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 a21b048c9793..58f11229eaac 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/blob/BlobProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
index a5110807c3cd..44afcecd8e9d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/blob/BlobProvider.java
@@ -27,7 +27,7 @@ public final class BlobProvider extends ContentProvider {
 
   private static final int PIPE_CAPACITY = 65536;
 
-  private ExecutorService executor = Executors.newSingleThreadExecutor();
+  private final ExecutorService executor = Executors.newSingleThreadExecutor();
 
   @Override
   public boolean onCreate() {
@@ -61,7 +61,8 @@ public int update(Uri uri, ContentValues values, String selection, String[] sele
   }
 
   @Override
-  public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundException {
+  public @Nullable ParcelFileDescriptor openFile(Uri uri, String mode)
+      throws FileNotFoundException {
     if (!mode.equals("r")) {
       throw new FileNotFoundException("Cannot open " + uri.toString() + " in mode '" + mode + "'");
     }
@@ -80,7 +81,7 @@ public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundEx
 
     final byte[] data = blobModule.resolve(uri);
     if (data == null) {
-      throw new FileNotFoundException("Cannot open " + uri.toString() + ", blob not found.");
+      throw new FileNotFoundException("Cannot open " + uri + ", blob not found.");
     }
 
     ParcelFileDescriptor[] pipe;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
index ed1b526ad171..fda3e7cbb511 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/common/ModuleDataCleaner.java
@@ -12,6 +12,7 @@
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
+import java.util.Collection;
 
 /**
  * Cleans sensitive user data from native modules that implement the {@code Cleanable} interface.
@@ -45,16 +46,15 @@ public interface Cleanable {
    */
   @Deprecated
   public static void cleanDataFromModules(CatalystInstance catalystInstance) {
-    for (NativeModule nativeModule : catalystInstance.getNativeModules()) {
-      if (nativeModule instanceof Cleanable) {
-        FLog.d(ReactConstants.TAG, "Cleaning data from " + nativeModule.getName());
-        ((Cleanable) nativeModule).clearSensitiveData();
-      }
-    }
+    cleanDataFromModules(catalystInstance.getNativeModules());
   }
 
   public static void cleanDataFromModules(ReactContext reactContext) {
-    for (NativeModule nativeModule : reactContext.getNativeModules()) {
+    cleanDataFromModules(reactContext.getNativeModules());
+  }
+
+  private static void cleanDataFromModules(Collection<NativeModule> nativeModules) {
+    for (NativeModule nativeModule : nativeModules) {
       if (nativeModule instanceof Cleanable) {
         FLog.d(ReactConstants.TAG, "Cleaning data from " + nativeModule.getName());
         ((Cleanable) nativeModule).clearSensitiveData();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
index 75346c427657..f9f4f00453c0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ChoreographerCompat.java
@@ -5,107 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-// This file was pulled from the facebook/rebound repository.
-
 package com.facebook.react.modules.core;
 
-import android.os.Handler;
 import android.view.Choreographer;
-import com.facebook.react.bridge.UiThreadUtil;
 
-/**
- * Wrapper class for abstracting away availability of the JellyBean Choreographer. If Choreographer
- * is unavailable we fallback to using a normal Handler.
- */
 public class ChoreographerCompat {
-
-  private static final long ONE_FRAME_MILLIS = 17;
-  private static ChoreographerCompat sInstance;
-
-  private Handler mHandler;
-  private Choreographer mChoreographer;
-
-  public static ChoreographerCompat getInstance() {
-    UiThreadUtil.assertOnUiThread();
-    if (sInstance == null) {
-      sInstance = new ChoreographerCompat();
-    }
-    return sInstance;
-  }
-
-  private ChoreographerCompat() {
-    mChoreographer = getChoreographer();
-  }
-
-  public void postFrameCallback(FrameCallback callbackWrapper) {
-    choreographerPostFrameCallback(callbackWrapper.getFrameCallback());
-  }
-
-  public void postFrameCallbackDelayed(FrameCallback callbackWrapper, long delayMillis) {
-    choreographerPostFrameCallbackDelayed(callbackWrapper.getFrameCallback(), delayMillis);
-  }
-
-  public void removeFrameCallback(FrameCallback callbackWrapper) {
-    choreographerRemoveFrameCallback(callbackWrapper.getFrameCallback());
-  }
-
-  private Choreographer getChoreographer() {
-    return Choreographer.getInstance();
-  }
-
-  private void choreographerPostFrameCallback(Choreographer.FrameCallback frameCallback) {
-    mChoreographer.postFrameCallback(frameCallback);
-  }
-
-  private void choreographerPostFrameCallbackDelayed(
-      Choreographer.FrameCallback frameCallback, long delayMillis) {
-    mChoreographer.postFrameCallbackDelayed(frameCallback, delayMillis);
-  }
-
-  private void choreographerRemoveFrameCallback(Choreographer.FrameCallback frameCallback) {
-    mChoreographer.removeFrameCallback(frameCallback);
-  }
-
-  /**
-   * This class provides a compatibility wrapper around the JellyBean FrameCallback with methods to
-   * access cached wrappers for submitting a real FrameCallback to a Choreographer or a Runnable to
-   * a Handler.
-   */
-  public abstract static class FrameCallback {
-
-    private Runnable mRunnable;
-    private Choreographer.FrameCallback mFrameCallback;
-
-    Choreographer.FrameCallback getFrameCallback() {
-      if (mFrameCallback == null) {
-        mFrameCallback =
-            new Choreographer.FrameCallback() {
-              @Override
-              public void doFrame(long frameTimeNanos) {
-                FrameCallback.this.doFrame(frameTimeNanos);
-              }
-            };
-      }
-      return mFrameCallback;
-    }
-
-    Runnable getRunnable() {
-      if (mRunnable == null) {
-        mRunnable =
-            new Runnable() {
-              @Override
-              public void run() {
-                doFrame(System.nanoTime());
-              }
-            };
-      }
-      return mRunnable;
-    }
-
-    /**
-     * Just a wrapper for frame callback, see {@link
-     * android.view.Choreographer.FrameCallback#doFrame(long)}.
-     */
-    public abstract void doFrame(long frameTimeNanos);
-  }
+  /** @deprecated Use Choreographer.FrameCallback instead */
+  @Deprecated
+  public abstract static class FrameCallback implements Choreographer.FrameCallback {}
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
index f90205da5e13..be017cdd7146 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
@@ -8,6 +8,7 @@
 package com.facebook.react.modules.core;
 
 import android.util.SparseArray;
+import android.view.Choreographer;
 import androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.Arguments;
@@ -51,7 +52,7 @@ private Timer(int callbackID, long initialTargetTime, int duration, boolean repe
     }
   }
 
-  private class TimerFrameCallback extends ChoreographerCompat.FrameCallback {
+  private class TimerFrameCallback implements Choreographer.FrameCallback {
 
     // Temporary map for constructing the individual arrays of timers to call
     private @Nullable WritableArray mTimersToCall = null;
@@ -89,7 +90,7 @@ public void doFrame(long frameTimeNanos) {
     }
   }
 
-  private class IdleFrameCallback extends ChoreographerCompat.FrameCallback {
+  private class IdleFrameCallback implements Choreographer.FrameCallback {
 
     @Override
     public void doFrame(long frameTimeNanos) {
@@ -98,8 +99,11 @@ public void doFrame(long frameTimeNanos) {
       }
 
       // If the JS thread is busy for multiple frames we cancel any other pending runnable.
-      if (mCurrentIdleCallbackRunnable != null) {
-        mCurrentIdleCallbackRunnable.cancel();
+      // We also capture the idleCallbackRunnable to tentatively fix:
+      // https://github.com/facebook/react-native/issues/44842
+      IdleCallbackRunnable idleCallbackRunnable = mCurrentIdleCallbackRunnable;
+      if (idleCallbackRunnable != null) {
+        idleCallbackRunnable.cancel();
       }
 
       mCurrentIdleCallbackRunnable = new IdleCallbackRunnable(frameTimeNanos);
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 84cd53006f62..a05be50df4b4 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
@@ -7,20 +7,21 @@
 
 package com.facebook.react.modules.core;
 
-import androidx.annotation.GuardedBy;
+import android.view.Choreographer;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 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;
 
 /**
  * A simple wrapper around Choreographer that allows us to control the order certain callbacks are
- * executed within a given frame. The main difference is that we enforce this is accessed from the
- * UI thread: this is because this ordering cannot be guaranteed across multiple threads.
+ * executed within a given frame. The wrapped Choreographer instance will always be the main thread
+ * one and the API's are safe to use from any thread.
  */
-public class ReactChoreographer {
+public final class ReactChoreographer {
 
   public enum CallbackType {
 
@@ -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,38 +67,65 @@ public static ReactChoreographer getInstance() {
     return sInstance;
   }
 
-  // This needs to be volatile due to double checked locking issue - https://fburl.com/z409owpf
-  private @Nullable volatile ChoreographerCompat mChoreographer;
-  private final ReactChoreographerDispatcher mReactChoreographerDispatcher;
-  private final Object mCallbackQueuesLock = new Object();
-
-  @GuardedBy("mCallbackQueuesLock")
-  private final ArrayDeque<ChoreographerCompat.FrameCallback>[] mCallbackQueues;
+  private @Nullable ChoreographerProvider.Choreographer mChoreographer;
+
+  private final ArrayDeque<Choreographer.FrameCallback>[] mCallbackQueues;
+
+  private final Choreographer.FrameCallback mFrameCallback =
+      new Choreographer.FrameCallback() {
+        @Override
+        public void doFrame(long frameTimeNanos) {
+          synchronized (mCallbackQueues) {
+            // Callbacks run once and are then automatically removed, the callback will
+            // be posted again from postFrameCallback
+            mHasPostedCallback = false;
+
+            for (int i = 0; i < mCallbackQueues.length; i++) {
+              ArrayDeque<Choreographer.FrameCallback> callbackQueue = mCallbackQueues[i];
+              int initialLength = callbackQueue.size();
+              for (int callback = 0; callback < initialLength; callback++) {
+                Choreographer.FrameCallback frameCallback = callbackQueue.pollFirst();
+                if (frameCallback != null) {
+                  frameCallback.doFrame(frameTimeNanos);
+                  mTotalCallbacks--;
+                } else {
+                  FLog.e(ReactConstants.TAG, "Tried to execute non-existent frame callback");
+                }
+              }
+            }
+            maybeRemoveFrameCallback();
+          }
+        }
+      };
 
   private int mTotalCallbacks = 0;
   private boolean mHasPostedCallback = false;
 
-  private ReactChoreographer() {
-    mReactChoreographerDispatcher = new ReactChoreographerDispatcher();
+  private ReactChoreographer(ChoreographerProvider choreographerProvider) {
     mCallbackQueues = new ArrayDeque[CallbackType.values().length];
     for (int i = 0; i < mCallbackQueues.length; i++) {
       mCallbackQueues[i] = new ArrayDeque<>();
     }
-    initializeChoreographer(null);
+
+    UiThreadUtil.runOnUiThread(
+        () -> {
+          mChoreographer = choreographerProvider.getChoreographer();
+        });
   }
 
-  public void postFrameCallback(
-      CallbackType type, ChoreographerCompat.FrameCallback frameCallback) {
-    synchronized (mCallbackQueuesLock) {
+  public void postFrameCallback(CallbackType type, Choreographer.FrameCallback frameCallback) {
+    synchronized (mCallbackQueues) {
       mCallbackQueues[type.getOrder()].addLast(frameCallback);
       mTotalCallbacks++;
       Assertions.assertCondition(mTotalCallbacks > 0);
+
       if (!mHasPostedCallback) {
         if (mChoreographer == null) {
-          initializeChoreographer(
-              new Runnable() {
-                @Override
-                public void run() {
+          // Schedule on the main thread, at which point the constructor's async work will have
+          // completed
+          UiThreadUtil.runOnUiThread(
+              () -> {
+                synchronized (mCallbackQueues) {
                   postFrameCallbackOnChoreographer();
                 }
               });
@@ -110,33 +138,15 @@ public void run() {
 
   /**
    * This method writes on mHasPostedCallback and it should be called from another method that has
-   * the lock mCallbackQueuesLock
+   * the lock mCallbackQueues
    */
   private void postFrameCallbackOnChoreographer() {
-    mChoreographer.postFrameCallback(mReactChoreographerDispatcher);
+    mChoreographer.postFrameCallback(mFrameCallback);
     mHasPostedCallback = true;
   }
 
-  public void initializeChoreographer(@Nullable final Runnable runnable) {
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            synchronized (ReactChoreographer.class) {
-              if (mChoreographer == null) {
-                mChoreographer = ChoreographerCompat.getInstance();
-              }
-            }
-            if (runnable != null) {
-              runnable.run();
-            }
-          }
-        });
-  }
-
-  public void removeFrameCallback(
-      CallbackType type, ChoreographerCompat.FrameCallback frameCallback) {
-    synchronized (mCallbackQueuesLock) {
+  public void removeFrameCallback(CallbackType type, Choreographer.FrameCallback frameCallback) {
+    synchronized (mCallbackQueues) {
       if (mCallbackQueues[type.getOrder()].removeFirstOccurrence(frameCallback)) {
         mTotalCallbacks--;
         maybeRemoveFrameCallback();
@@ -148,39 +158,15 @@ public void removeFrameCallback(
 
   /**
    * This method reads and writes on mHasPostedCallback and it should be called from another method
-   * that already has the lock mCallbackQueuesLock.
+   * that already has the lock on mCallbackQueues.
    */
   private void maybeRemoveFrameCallback() {
     Assertions.assertCondition(mTotalCallbacks >= 0);
     if (mTotalCallbacks == 0 && mHasPostedCallback) {
       if (mChoreographer != null) {
-        mChoreographer.removeFrameCallback(mReactChoreographerDispatcher);
+        mChoreographer.removeFrameCallback(mFrameCallback);
       }
       mHasPostedCallback = false;
     }
   }
-
-  private class ReactChoreographerDispatcher extends ChoreographerCompat.FrameCallback {
-
-    @Override
-    public void doFrame(long frameTimeNanos) {
-      synchronized (mCallbackQueuesLock) {
-        mHasPostedCallback = false;
-        for (int i = 0; i < mCallbackQueues.length; i++) {
-          ArrayDeque<ChoreographerCompat.FrameCallback> callbackQueue = mCallbackQueues[i];
-          int initialLength = callbackQueue.size();
-          for (int callback = 0; callback < initialLength; callback++) {
-            ChoreographerCompat.FrameCallback frameCallback = callbackQueue.pollFirst();
-            if (frameCallback != null) {
-              frameCallback.doFrame(frameTimeNanos);
-              mTotalCallbacks--;
-            } else {
-              FLog.e(ReactConstants.TAG, "Tried to execute non-existent frame callback");
-            }
-          }
-        }
-        maybeRemoveFrameCallback();
-      }
-    }
-  }
 }
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 baa75f512b59..95b24e3de2de 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
@@ -23,7 +23,7 @@
  * going from one screen to another).
  */
 @ReactModule(name = NativeAnimationsDebugModuleSpec.NAME)
-public class AnimationsDebugModule extends NativeAnimationsDebugModuleSpec {
+class AnimationsDebugModule extends NativeAnimationsDebugModuleSpec {
 
   private @Nullable FpsDebugFrameCallback mFrameCallback;
   private @Nullable final DeveloperSettings mCatalystSettings;
@@ -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/DidJSUpdateUiDuringFrameDetector.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
index a7f1e77093df..bda0972fae0e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/DidJSUpdateUiDuringFrameDetector.java
@@ -7,10 +7,10 @@
 
 package com.facebook.react.modules.debug;
 
+import android.view.Choreographer;
 import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
 import com.facebook.react.bridge.ReactBridge;
 import com.facebook.react.common.LongArray;
-import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
 
@@ -18,9 +18,9 @@
  * Debug object that listens to bridge busy/idle events and UiManagerModule dispatches and uses it
  * to calculate whether JS was able to update the UI during a given frame. After being installed on
  * a {@link ReactBridge} and a {@link UIManagerModule}, {@link #getDidJSHitFrameAndCleanup} should
- * be called once per frame via a {@link ChoreographerCompat.FrameCallback}.
+ * be called once per frame via a {@link Choreographer.FrameCallback}.
  */
-public class DidJSUpdateUiDuringFrameDetector
+class DidJSUpdateUiDuringFrameDetector
     implements NotThreadSafeBridgeIdleDebugListener, NotThreadSafeViewHierarchyUpdateDebugListener {
 
   private final LongArray mTransitionToIdleEvents = LongArray.createWithInitialCapacity(20);
@@ -57,7 +57,7 @@ public synchronized void onViewHierarchyUpdateFinished() {
   }
 
   /**
-   * Designed to be called from a {@link ChoreographerCompat.FrameCallback#doFrame} call.
+   * Designed to be called from a {@link Choreographer.FrameCallback#doFrame} call.
    *
    * <p>There are two 'success' cases that will cause {@link #getDidJSHitFrameAndCleanup} to return
    * true for a given frame:
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 20f2bc3a5a10..395e338e1b89 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
@@ -7,11 +7,11 @@
 
 package com.facebook.react.modules.debug;
 
+import android.view.Choreographer;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.uimanager.UIManagerModule;
 import java.util.Map;
 import java.util.TreeMap;
@@ -26,7 +26,7 @@
  * idle and not trying to update the UI. This is different from the FPS above since JS rendering is
  * async.
  */
-public class FpsDebugFrameCallback extends ChoreographerCompat.FrameCallback {
+public class FpsDebugFrameCallback implements Choreographer.FrameCallback {
 
   public static class FpsInfo {
 
@@ -56,9 +56,9 @@ public FpsInfo(
     }
   }
 
-  private static final double EXPECTED_FRAME_TIME = 16.9;
+  private static final double DEFAULT_FPS = 60.0;
 
-  private @Nullable ChoreographerCompat mChoreographer;
+  private @Nullable Choreographer mChoreographer;
   private final ReactContext mReactContext;
   private final UIManagerModule mUIManagerModule;
   private final DidJSUpdateUiDuringFrameDetector mDidJSUpdateUiDuringFrameDetector;
@@ -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();
   }
 
@@ -113,24 +113,32 @@ public void doFrame(long l) {
       mTimeToFps.put(System.currentTimeMillis(), info);
     }
     mExpectedNumFramesPrev = expectedNumFrames;
+
     if (mChoreographer != null) {
       mChoreographer.postFrameCallback(this);
     }
   }
 
   public void start() {
-    mReactContext
-        .getCatalystInstance()
-        .addBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
-    mUIManagerModule.setViewHierarchyUpdateDebugListener(mDidJSUpdateUiDuringFrameDetector);
-    final FpsDebugFrameCallback fpsDebugFrameCallback = this;
+    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(
-        new Runnable() {
-          @Override
-          public void run() {
-            mChoreographer = ChoreographerCompat.getInstance();
-            mChoreographer.postFrameCallback(fpsDebugFrameCallback);
-          }
+        () -> {
+          mChoreographer = Choreographer.getInstance();
+          mChoreographer.postFrameCallback(this);
         });
   }
 
@@ -141,18 +149,18 @@ public void startAndRecordFpsAtEachFrame() {
   }
 
   public void stop() {
-    mReactContext
-        .getCatalystInstance()
-        .removeBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
-    mUIManagerModule.setViewHierarchyUpdateDebugListener(null);
-    final FpsDebugFrameCallback fpsDebugFrameCallback = this;
+    if (!mReactContext.isBridgeless()) {
+      mReactContext
+          .getCatalystInstance()
+          .removeBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
+    }
+    if (mUIManagerModule != null) {
+      mUIManagerModule.setViewHierarchyUpdateDebugListener(null);
+    }
     UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mChoreographer = ChoreographerCompat.getInstance();
-            mChoreographer.removeFrameCallback(fpsDebugFrameCallback);
-          }
+        () -> {
+          mChoreographer = Choreographer.getInstance();
+          mChoreographer.removeFrameCallback(this);
         });
   }
 
@@ -180,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 4eaa3f2d0b9a..8bd3731584de 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();
     }
   }
 
@@ -46,7 +40,9 @@ public void showMessage(final String message, final Double color, final Double b
         new Runnable() {
           @Override
           public void run() {
-            mDevLoadingViewManager.showMessage(message);
+            if (mDevLoadingViewManager != null) {
+              mDevLoadingViewManager.showMessage(message);
+            }
           }
         });
   }
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 1f1e936a6e0b..e36c378e4ee6 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/CountingOutputStream.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
index 7d8afb337723..833feca9753d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/CountingOutputStream.java
@@ -26,7 +26,7 @@
  * @author Chris Nokleberg
  * @since 1.0
  */
-public class CountingOutputStream extends FilterOutputStream {
+class CountingOutputStream extends FilterOutputStream {
 
   private long mCount;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
index 07485deffca4..f57b3756d917 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/HeaderUtil.java
@@ -13,7 +13,7 @@
  * information. It is better to get 401 from the server in this case, rather than non descriptive
  * error as 401 could be handled to invalidate the wrong token in the client code.
  */
-public class HeaderUtil {
+class HeaderUtil {
 
   public static String stripHeaderName(String name) {
     StringBuilder builder = new StringBuilder(name.length());
@@ -28,18 +28,4 @@ public static String stripHeaderName(String name) {
     }
     return modified ? builder.toString() : name;
   }
-
-  public static String stripHeaderValue(String value) {
-    StringBuilder builder = new StringBuilder(value.length());
-    boolean modified = false;
-    for (int i = 0, length = value.length(); i < length; i++) {
-      char c = value.charAt(i);
-      if ((c > '\u001f' && c < '\u007f') || c == '\t') {
-        builder.append(c);
-      } else {
-        modified = true;
-      }
-    }
-    return modified ? builder.toString() : value;
-  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
index 4b23bdde76c3..ca37fb2ed652 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java
@@ -761,11 +761,11 @@ public void removeListeners(double count) {}
         return null;
       }
       String headerName = HeaderUtil.stripHeaderName(header.getString(0));
-      String headerValue = HeaderUtil.stripHeaderValue(header.getString(1));
+      String headerValue = header.getString(1);
       if (headerName == null || headerValue == null) {
         return null;
       }
-      headersBuilder.add(headerName, headerValue);
+      headersBuilder.addUnsafeNonAscii(headerName, headerValue);
     }
     if (headersBuilder.get(USER_AGENT_HEADER_NAME) == null && mDefaultUserAgent != null) {
       headersBuilder.add(USER_AGENT_HEADER_NAME, mDefaultUserAgent);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
index 3b15d62f7f13..af43bdde6f7b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressRequestBody.java
@@ -14,7 +14,7 @@
 import okio.Okio;
 import okio.Sink;
 
-public class ProgressRequestBody extends RequestBody {
+class ProgressRequestBody extends RequestBody {
 
   private final RequestBody mRequestBody;
   private final ProgressListener mProgressListener;
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 e2bb720288b5..7faf343c3a1a 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/ProgressiveStringDecoder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
index 811584f56e72..8580c14f5b8a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressiveStringDecoder.java
@@ -23,7 +23,7 @@
  * <p>This class is designed in assumption that original byte stream is correctly formatted string
  * in given encoding. Otherwise some parts of the data won't be decoded.
  */
-public class ProgressiveStringDecoder {
+class ProgressiveStringDecoder {
 
   private static final String EMPTY_STRING = "";
 
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 2f9cddd4d6ee..e5d36a8d30ee 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/network/RequestBodyUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
index 7c0d07dde5b0..eab727448f87 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/RequestBodyUtil.java
@@ -11,7 +11,6 @@
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
 import android.net.Uri;
-import android.os.Build;
 import android.util.Base64;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
@@ -90,27 +89,11 @@ private static InputStream getDownloadFileInputStream(Context context, Uri uri)
     file.deleteOnExit();
 
     final URL url = new URL(uri.toString());
-    final InputStream is = url.openStream();
-    try {
-      final ReadableByteChannel channel = Channels.newChannel(is);
-      try {
-        final FileOutputStream stream = new FileOutputStream(file);
-        try {
-          long maxBytes = Long.MAX_VALUE;
-          if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.M) {
-            // Old version of Android internally cast value to integer
-            maxBytes = (long) Integer.MAX_VALUE;
-          }
-          stream.getChannel().transferFrom(channel, 0, maxBytes);
-          return new FileInputStream(file);
-        } finally {
-          stream.close();
-        }
-      } finally {
-        channel.close();
-      }
-    } finally {
-      is.close();
+    try (FileOutputStream stream = new FileOutputStream(file);
+        InputStream is = url.openStream();
+        ReadableByteChannel channel = Channels.newChannel(is)) {
+      stream.getChannel().transferFrom(channel, 0, Long.MAX_VALUE);
+      return new FileInputStream(file);
     }
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
index af6d28b396a7..7bd6dc90ed43 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/permissions/PermissionsModule.java
@@ -10,8 +10,6 @@
 import android.app.Activity;
 import android.content.Context;
 import android.content.pm.PackageManager;
-import android.os.Build;
-import android.os.Process;
 import android.util.SparseArray;
 import com.facebook.common.logging.FLog;
 import com.facebook.fbreact.specs.NativePermissionsAndroidSpec;
@@ -49,12 +47,6 @@ public PermissionsModule(ReactApplicationContext reactContext) {
   @Override
   public void checkPermission(final String permission, final Promise promise) {
     Context context = getReactApplicationContext().getBaseContext();
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      promise.resolve(
-          context.checkPermission(permission, Process.myPid(), Process.myUid())
-              == PackageManager.PERMISSION_GRANTED);
-      return;
-    }
     promise.resolve(context.checkSelfPermission(permission) == PackageManager.PERMISSION_GRANTED);
   }
 
@@ -68,10 +60,6 @@ public void checkPermission(final String permission, final Promise promise) {
    */
   @Override
   public void shouldShowRequestPermissionRationale(final String permission, final Promise promise) {
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      promise.resolve(false);
-      return;
-    }
     try {
       promise.resolve(
           getPermissionAwareActivity().shouldShowRequestPermissionRationale(permission));
@@ -89,14 +77,6 @@ public void shouldShowRequestPermissionRationale(final String permission, final
   @Override
   public void requestPermission(final String permission, final Promise promise) {
     Context context = getReactApplicationContext().getBaseContext();
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      promise.resolve(
-          context.checkPermission(permission, Process.myPid(), Process.myUid())
-                  == PackageManager.PERMISSION_GRANTED
-              ? GRANTED
-              : DENIED);
-      return;
-    }
     if (context.checkSelfPermission(permission) == PackageManager.PERMISSION_GRANTED) {
       promise.resolve(GRANTED);
       return;
@@ -142,15 +122,7 @@ public void requestMultiplePermissions(final ReadableArray permissions, final Pr
     for (int i = 0; i < permissions.size(); i++) {
       String perm = permissions.getString(i);
 
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        grantedPermissions.putString(
-            perm,
-            context.checkPermission(perm, Process.myPid(), Process.myUid())
-                    == PackageManager.PERMISSION_GRANTED
-                ? GRANTED
-                : DENIED);
-        checkedPermissionsCount++;
-      } else if (context.checkSelfPermission(perm) == PackageManager.PERMISSION_GRANTED) {
+      if (context.checkSelfPermission(perm) == PackageManager.PERMISSION_GRANTED) {
         grantedPermissions.putString(perm, GRANTED);
         checkedPermissionsCount++;
       } else {
@@ -200,8 +172,13 @@ public void invoke(Object... args) {
   public boolean onRequestPermissionsResult(
       int requestCode, String[] permissions, int[] grantResults) {
     try {
-      mCallbacks.get(requestCode).invoke(grantResults, getPermissionAwareActivity());
-      mCallbacks.remove(requestCode);
+      Callback callback = mCallbacks.get(requestCode);
+      if (callback != null) {
+        callback.invoke(grantResults, getPermissionAwareActivity());
+        mCallbacks.remove(requestCode);
+      } else {
+        FLog.w("PermissionsModule", "Unable to find callback with requestCode %d", requestCode);
+      }
       return mCallbacks.size() == 0;
     } catch (IllegalStateException e) {
       FLog.e(
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
index 8e93ff6aae78..a2f6ad02520a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/statusbar/StatusBarModule.java
@@ -194,7 +194,7 @@ public void run() {
                 insetsController.setSystemBarsAppearance(
                     0, WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS);
               }
-            } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            } else {
               View decorView = activity.getWindow().getDecorView();
               int systemUiVisibilityFlags = decorView.getSystemUiVisibility();
               if ("dark-content".equals(style)) {
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 e9c9c54c8201..9a6fb36630a8 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 ea97bff8de80..9ed8951f8711 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;
@@ -15,8 +15,8 @@
 
 public class ReactNativeVersion {
   public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
-      "major", 1000,
-      "minor", 0,
-      "patch", 0,
+      "major", 0,
+      "minor", 74,
+      "patch", 6,
       "prerelease", null);
 }
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 bbcc413dd88f..bc938e2cc9c1 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 e7366fd2ddba..bbfe4400dd0f 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 61526205f63e..ae9dc75e2b93 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 7edf0f404b7b..ef66ca2519cb 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 e861a859c5b2..89ef8ca44e25 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
@@ -13,6 +13,7 @@
 import static javax.tools.Diagnostic.Kind.ERROR;
 import static javax.tools.Diagnostic.Kind.WARNING;
 
+import com.facebook.annotationprocessors.common.ProcessorBase;
 import com.facebook.infer.annotation.SuppressFieldNotInitialized;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.DynamicFromObject;
@@ -40,7 +41,6 @@
 import java.util.Map;
 import java.util.Set;
 import javax.annotation.Nullable;
-import javax.annotation.processing.AbstractProcessor;
 import javax.annotation.processing.Filer;
 import javax.annotation.processing.Messager;
 import javax.annotation.processing.ProcessingEnvironment;
@@ -66,7 +66,7 @@
  */
 @SupportedAnnotationTypes("com.facebook.react.uimanager.annotations.ReactPropertyHolder")
 @SupportedSourceVersion(SourceVersion.RELEASE_7)
-public class ReactPropertyProcessor extends AbstractProcessor {
+public class ReactPropertyProcessor extends ProcessorBase {
   private static final Map<TypeName, String> DEFAULT_TYPES;
   private static final Set<TypeName> BOXED_PRIMITIVES;
 
@@ -141,7 +141,7 @@ public synchronized void init(ProcessingEnvironment processingEnv) {
   }
 
   @Override
-  public boolean process(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
+  public boolean processImpl(Set<? extends TypeElement> annotations, RoundEnvironment roundEnv) {
     // Clear properties from previous rounds
     mClasses.clear();
 
@@ -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 266eb927e818..7c7f9c438c13 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 bc20b078f0ea..000000000000
--- 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 61333f0c9f55..c229320b26bb 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/BridgelessCatalystInstance.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessCatalystInstance.kt
new file mode 100644
index 000000000000..03a18c6c8dae
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessCatalystInstance.kt
@@ -0,0 +1,194 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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.content.res.AssetManager
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.bridge.CatalystInstance
+import com.facebook.react.bridge.JSIModule
+import com.facebook.react.bridge.JSIModuleSpec
+import com.facebook.react.bridge.JSIModuleType
+import com.facebook.react.bridge.JavaScriptContextHolder
+import com.facebook.react.bridge.JavaScriptModule
+import com.facebook.react.bridge.NativeArray
+import com.facebook.react.bridge.NativeArrayInterface
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.NativeModuleRegistry
+import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener
+import com.facebook.react.bridge.RuntimeExecutor
+import com.facebook.react.bridge.RuntimeScheduler
+import com.facebook.react.bridge.UIManager
+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.TurboModuleRegistry
+import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder
+import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder
+
+@DoNotStrip
+@DeprecatedInNewArchitecture
+public class BridgelessCatalystInstance(private val reactHost: ReactHostImpl) : CatalystInstance {
+
+  override fun handleMemoryPressure(level: Int) {
+    throw UnsupportedOperationException("Unimplemented method 'handleMemoryPressure'")
+  }
+
+  override fun loadScriptFromAssets(
+      assetManager: AssetManager,
+      assetURL: String,
+      loadSynchronously: Boolean
+  ) {
+    throw UnsupportedOperationException("Unimplemented method 'loadScriptFromAssets'")
+  }
+
+  override fun loadScriptFromFile(fileName: String, sourceURL: String, loadSynchronously: Boolean) {
+    throw UnsupportedOperationException("Unimplemented method 'loadScriptFromFile'")
+  }
+
+  override fun loadSplitBundleFromFile(fileName: String, sourceURL: String) {
+    throw UnsupportedOperationException("Unimplemented method 'loadSplitBundleFromFile'")
+  }
+
+  override fun setSourceURLs(deviceURL: String, remoteURL: String) {
+    throw UnsupportedOperationException("Unimplemented method 'setSourceURLs'")
+  }
+
+  override fun runJSBundle() {
+    throw UnsupportedOperationException("Unimplemented method 'runJSBundle'")
+  }
+
+  override fun hasRunJSBundle(): Boolean {
+    throw UnsupportedOperationException("Unimplemented method 'hasRunJSBundle'")
+  }
+
+  override fun getSourceURL(): String? {
+    throw UnsupportedOperationException("Unimplemented method 'getSourceURL'")
+  }
+
+  @DoNotStrip
+  override fun invokeCallback(callbackID: Int, arguments: NativeArrayInterface) {
+    throw UnsupportedOperationException("Unimplemented method 'invokeCallback'")
+  }
+
+  override fun callFunction(module: String, method: String, arguments: NativeArray) {
+    throw UnsupportedOperationException("Unimplemented method 'callFunction'")
+  }
+
+  override fun destroy() {
+    throw UnsupportedOperationException("Unimplemented method 'destroy'")
+  }
+
+  override fun isDestroyed(): Boolean {
+    throw UnsupportedOperationException("Unimplemented method 'isDestroyed'")
+  }
+
+  @VisibleForTesting
+  override fun initialize() {
+    throw UnsupportedOperationException("Unimplemented method 'initialize'")
+  }
+
+  override fun getReactQueueConfiguration(): ReactQueueConfiguration =
+      reactHost.reactQueueConfiguration!!
+
+  override fun <T : JavaScriptModule> getJSModule(jsInterface: Class<T>): T =
+      reactHost.currentReactContext?.getJSModule(jsInterface)!!
+
+  override fun <T : NativeModule> hasNativeModule(nativeModuleInterface: Class<T>): Boolean =
+      reactHost.hasNativeModule(nativeModuleInterface)
+
+  override fun <T : NativeModule> getNativeModule(nativeModuleInterface: Class<T>): T? =
+      reactHost.getNativeModule(nativeModuleInterface)
+
+  override fun getNativeModule(moduleName: String): NativeModule? =
+      reactHost.getNativeModule(moduleName)
+
+  @Deprecated(
+      message =
+          "getJSIModule(JSIModuleType moduleType) is deprecated and will be deleted in the future. Please use ReactInstanceEventListener to subscribe for react instance events instead.")
+  override fun getJSIModule(moduleType: JSIModuleType): JSIModule {
+    throw UnsupportedOperationException("Unimplemented method 'getJSIModule'")
+  }
+
+  override fun getNativeModules(): Collection<NativeModule> = reactHost.getNativeModules()
+
+  override fun extendNativeModules(modules: NativeModuleRegistry) {
+    throw UnsupportedOperationException("Unimplemented method 'extendNativeModules'")
+  }
+
+  override fun addBridgeIdleDebugListener(listener: NotThreadSafeBridgeIdleDebugListener) {
+    throw UnsupportedOperationException("Unimplemented method 'addBridgeIdleDebugListener'")
+  }
+
+  override fun removeBridgeIdleDebugListener(listener: NotThreadSafeBridgeIdleDebugListener) {
+    throw UnsupportedOperationException("Unimplemented method 'removeBridgeIdleDebugListener'")
+  }
+
+  override fun registerSegment(segmentId: Int, path: String) {
+    throw UnsupportedOperationException("Unimplemented method 'registerSegment'")
+  }
+
+  @VisibleForTesting
+  override fun setGlobalVariable(propName: String, jsonValue: String) {
+    throw UnsupportedOperationException("Unimplemented method 'setGlobalVariable'")
+  }
+
+  @Deprecated(message = "This API is unsupported in the New Architecture.")
+  override fun getJavaScriptContextHolder(): JavaScriptContextHolder? {
+    return reactHost.getJavaScriptContextHolder()
+  }
+
+  override fun getRuntimeExecutor(): RuntimeExecutor? {
+    return reactHost.getRuntimeExecutor()
+  }
+
+  override fun getRuntimeScheduler(): RuntimeScheduler {
+    throw UnsupportedOperationException("Unimplemented method 'getRuntimeScheduler'")
+  }
+
+  @Deprecated(message = "This API is unsupported in the New Architecture.")
+  override fun <T : JSIModule> addJSIModules(jsiModules: List<JSIModuleSpec<T>>) {
+    throw UnsupportedOperationException("Unimplemented method 'addJSIModules'")
+  }
+
+  override fun getJSCallInvokerHolder(): CallInvokerHolder? {
+    return reactHost.getJSCallInvokerHolder()
+  }
+
+  override fun getNativeMethodCallInvokerHolder(): NativeMethodCallInvokerHolder {
+    throw UnsupportedOperationException("Unimplemented method 'getNativeMethodCallInvokerHolder'")
+  }
+
+  @Deprecated(
+      message =
+          "setTurboModuleManager(JSIModule getter) is deprecated and will be deleted in the future. Please use setTurboModuleRegistry(TurboModuleRegistry turboModuleRegistry) instead.",
+      replaceWith = ReplaceWith("setTurboModuleRegistry(turboModuleRegistry)"))
+  override fun setTurboModuleManager(getter: JSIModule) {
+    throw UnsupportedOperationException("Unimplemented method 'setTurboModuleManager'")
+  }
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  override fun setTurboModuleRegistry(turboModuleRegistry: TurboModuleRegistry) {
+    throw UnsupportedOperationException("Unimplemented method 'setTurboModuleRegistry'")
+  }
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  override fun setFabricUIManager(fabricUIManager: UIManager) {
+    throw UnsupportedOperationException("Unimplemented method 'setFabricUIManager'")
+  }
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  override fun getFabricUIManager(): UIManager {
+    throw UnsupportedOperationException("Unimplemented method 'getFabricUIManager'")
+  }
+}
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 3627129e9233..e71937dd6d7f 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) {
@@ -105,7 +119,7 @@ public void onReloadWithJSDebugger(JavaJSExecutor.Factory proxyExecutorFactory)
 
       @Override
       public void onJSBundleLoadedFromServer() {
-        throw new IllegalStateException("Not implemented for bridgeless mode");
+        // Not implemented
       }
 
       @Override
@@ -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 de5519395dd0..d1cdaa976fc1 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
@@ -8,20 +8,23 @@
 package com.facebook.react.runtime;
 
 import android.content.Context;
+import android.util.Log;
 import com.facebook.infer.annotation.Nullsafe;
 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;
 import com.facebook.react.bridge.NativeModule;
 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 +52,9 @@ class BridgelessReactContext extends ReactApplicationContext implements EventDis
   BridgelessReactContext(Context context, ReactHostImpl host) {
     super(context);
     mReactHost = host;
+    if (ReactFeatureFlags.unstable_useFabricInterop) {
+      initializeInteropModules();
+    }
   }
 
   @Override
@@ -71,22 +77,16 @@ 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
   public CatalystInstance getCatalystInstance() {
-    ReactSoftExceptionLogger.logSoftExceptionVerbose(
+    Log.w(
         TAG,
-        new ReactNoCrashBridgeNotAllowedSoftException(
-            "getCatalystInstance() cannot be called when the bridge is disabled"));
-    throw new UnsupportedOperationException("There is no Catalyst instance in bridgeless mode.");
+        "[WARNING] Bridgeless doesn't support CatalystInstance. Accessing an API that's not part of the new architecture is not encouraged usage.");
+    return new BridgelessCatalystInstance(mReactHost);
   }
 
   @Override
@@ -124,6 +124,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 +151,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 5ed3e4aa8d11..deae9de23347 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;
@@ -19,11 +20,11 @@
 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;
 import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import java.util.HashMap;
 import java.util.Map;
 
@@ -36,11 +37,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 +51,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 +65,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 +76,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 +88,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) {
@@ -98,16 +102,22 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                   reactModule.canOverrideExistingModule(),
                   reactModule.needsEagerInit(),
                   reactModule.isCxxModule(),
-                  TurboModule.class.isAssignableFrom(moduleClass)));
+                  ReactModuleInfo.classIsTurboModule(moduleClass)));
         }
       }
       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 8fb32073cfaf..0524c58eac23 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/JSEngineInstance.java
deleted file mode 100644
index 708e71676641..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSEngineInstance.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.runtime;
-
-import com.facebook.infer.annotation.Nullsafe;
-import com.facebook.jni.HybridData;
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.soloader.SoLoader;
-
-@Nullsafe(Nullsafe.Mode.LOCAL)
-public abstract class JSEngineInstance {
-  static {
-    SoLoader.loadLibrary("rninstance");
-  }
-
-  @DoNotStrip private final HybridData mHybridData;
-
-  protected JSEngineInstance(HybridData hybridData) {
-    mHybridData = hybridData;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java
new file mode 100644
index 000000000000..83d3e9f841a8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java
@@ -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.runtime;
+
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.jni.HybridData;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.soloader.SoLoader;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+public abstract class JSRuntimeFactory {
+  static {
+    SoLoader.loadLibrary("rninstance");
+  }
+
+  @DoNotStrip private final HybridData mHybridData;
+
+  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 69cffd5cfa92..7c23e701b430 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 ff1e38fd1471..7c53923a320b 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
@@ -13,7 +13,6 @@ import com.facebook.react.ReactPackageTurboModuleManagerDelegate
 import com.facebook.react.bridge.JSBundleLoader
 import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.fabric.ReactNativeConfig
-import com.facebook.react.turbomodule.core.TurboModuleManager
 
 /**
  * [ReactHostDelegate] is an interface that defines parameters required to initialize React Native.
@@ -21,52 +20,55 @@ import com.facebook.react.turbomodule.core.TurboModuleManager
  */
 @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
    * framework to enable/disable experimental capabilities
+   *
+   * [moduleProvider] is a function that returns the Native Module with the name received as a
+   * parameter.
    */
-  fun getReactNativeConfig(turboModuleManager: TurboModuleManager): 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(),
@@ -75,8 +77,8 @@ interface ReactHostDelegate {
       private val exceptionHandler: (error: Exception) -> Unit = {}
   ) : ReactHostDelegate {
 
-    override fun getReactNativeConfig(turboModuleManager: TurboModuleManager) = 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 70062476d337..0fa7f77afcb9 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
@@ -15,6 +15,9 @@
 
 import android.app.Activity;
 import android.content.Context;
+import android.content.Intent;
+import android.net.Uri;
+import android.nfc.NfcAdapter;
 import android.os.Bundle;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -25,9 +28,11 @@
 import com.facebook.infer.annotation.ThreadSafe;
 import com.facebook.react.JSEngineResolutionAlgorithm;
 import com.facebook.react.MemoryPressureRouter;
+import com.facebook.react.ReactHost;
 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;
@@ -37,6 +42,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;
@@ -48,15 +54,16 @@
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.fabric.ComponentFactory;
 import com.facebook.react.fabric.FabricUIManager;
-import com.facebook.react.interfaces.ReactHost;
 import com.facebook.react.interfaces.TaskInterface;
 import com.facebook.react.interfaces.exceptionmanager.ReactJsExceptionHandler;
 import com.facebook.react.interfaces.fabric.ReactSurface;
+import com.facebook.react.modules.appearance.AppearanceModule;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
 import com.facebook.react.runtime.internal.bolts.Continuation;
 import com.facebook.react.runtime.internal.bolts.Task;
 import com.facebook.react.runtime.internal.bolts.TaskCompletionSource;
+import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.BlackHoleEventDispatcher;
 import com.facebook.react.uimanager.events.EventDispatcher;
@@ -67,7 +74,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 +207,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. */
@@ -376,7 +378,9 @@ public DevSupportManager getDevSupportManager() {
   public ReactSurface createSurface(
       Context context, String moduleName, @Nullable Bundle initialProps) {
     ReactSurfaceImpl surface = new ReactSurfaceImpl(context, moduleName, initialProps);
-    surface.attachView(new ReactSurfaceView(context, surface));
+    ReactSurfaceView surfaceView = new ReactSurfaceView(context, surface);
+    surfaceView.setShouldLogContentAppeared(true);
+    surface.attachView(surfaceView);
     surface.attach(this);
     return surface;
   }
@@ -440,36 +444,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 +485,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 +551,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 +577,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,7 +594,149 @@ <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
     return null;
   }
 
-  public DefaultHardwareBackBtnHandler getDefaultBackButtonHandler() {
+  /* package */
+  @Nullable
+  NativeModule getNativeModule(String nativeModuleName) {
+    final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
+    if (reactInstance != null) {
+      return reactInstance.getNativeModule(nativeModuleName);
+    }
+    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;
+  }
+
+  /* package */
+  @Nullable
+  CallInvokerHolder getJSCallInvokerHolder() {
+    final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
+    if (reactInstance != null) {
+      return reactInstance.getJSCallInvokerHolder();
+    }
+    ReactSoftExceptionLogger.logSoftException(
+        TAG,
+        new ReactNoCrashSoftException(
+            "Tried to get JSCallInvokerHolder while instance is not ready"));
+    return null;
+  }
+
+  /**
+   * To be called when the host activity receives an activity result.
+   *
+   * @param activity The host activity
+   */
+  @ThreadConfined(UI)
+  @Override
+  public void onActivityResult(
+      Activity activity, int requestCode, int resultCode, @Nullable Intent data) {
+    final String method =
+        "onActivityResult(activity = \""
+            + activity
+            + "\", requestCode = \""
+            + requestCode
+            + "\", resultCode = \""
+            + resultCode
+            + "\", data = \""
+            + data
+            + "\")";
+    log(method);
+
+    ReactContext currentContext = getCurrentReactContext();
+    if (currentContext != null) {
+      currentContext.onActivityResult(activity, requestCode, resultCode, data);
+    } else {
+      ReactSoftExceptionLogger.logSoftException(
+          TAG,
+          new ReactNoCrashSoftException(
+              "Tried to access onActivityResult while context is not ready"));
+    }
+  }
+
+  /* To be called when focus has changed for the hosting window. */
+  @ThreadConfined(UI)
+  @Override
+  public void onWindowFocusChange(boolean hasFocus) {
+    final String method = "onWindowFocusChange(hasFocus = \"" + hasFocus + "\")";
+    log(method);
+
+    ReactContext currentContext = getCurrentReactContext();
+    if (currentContext != null) {
+      currentContext.onWindowFocusChange(hasFocus);
+    } else {
+      ReactSoftExceptionLogger.logSoftException(
+          TAG,
+          new ReactNoCrashSoftException(
+              "Tried to access onWindowFocusChange while context is not ready"));
+    }
+  }
+
+  /* This method will give JS the opportunity to receive intents via Linking.
+   *
+   * @param intent The incoming intent
+   */
+  @ThreadConfined(UI)
+  @Override
+  public void onNewIntent(Intent intent) {
+    log("onNewIntent()");
+
+    ReactContext currentContext = getCurrentReactContext();
+    if (currentContext != null) {
+      String action = intent.getAction();
+      Uri uri = intent.getData();
+
+      if (uri != null
+          && (Intent.ACTION_VIEW.equals(action)
+              || NfcAdapter.ACTION_NDEF_DISCOVERED.equals(action))) {
+        DeviceEventManagerModule deviceEventManagerModule =
+            currentContext.getNativeModule(DeviceEventManagerModule.class);
+        if (deviceEventManagerModule != null) {
+          deviceEventManagerModule.emitNewIntentReceived(uri);
+        }
+      }
+      currentContext.onNewIntent(getCurrentActivity(), intent);
+    } else {
+      ReactSoftExceptionLogger.logSoftException(
+          TAG,
+          new ReactNoCrashSoftException("Tried to access onNewIntent while context is not ready"));
+    }
+  }
+
+  @ThreadConfined(UI)
+  @Override
+  public void onConfigurationChanged(Context updatedContext) {
+    ReactContext currentReactContext = getCurrentReactContext();
+    if (currentReactContext != null) {
+      AppearanceModule appearanceModule =
+          currentReactContext.getNativeModule(AppearanceModule.class);
+
+      if (appearanceModule != null) {
+        appearanceModule.onConfigurationChanged(updatedContext);
+      }
+    }
+  }
+
+  @Nullable
+  JavaScriptContextHolder getJavaScriptContextHolder() {
+    final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
+    if (reactInstance != null) {
+      return reactInstance.getJavaScriptContextHolder();
+    }
+    return null;
+  }
+
+  /* package */
+  DefaultHardwareBackBtnHandler getDefaultBackButtonHandler() {
     return () -> {
       UiThreadUtil.assertOnUiThread();
       if (mDefaultHardwareBackBtnHandler != null) {
@@ -637,6 +776,9 @@ public DefaultHardwareBackBtnHandler getDefaultBackButtonHandler() {
     final String method = "handleHostException(message = \"" + e.getMessage() + "\")";
     log(method);
 
+    if (DEV) {
+      mDevSupportManager.handleException(e);
+    }
     destroy(method, e);
     mReactHostDelegate.handleInstanceException(e);
   }
@@ -715,61 +857,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)
@@ -820,7 +930,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 -> {
@@ -859,24 +969,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;
@@ -892,7 +998,7 @@ private Task<ReactInstance> waitThenCallNewGetOrCreateReactInstanceTaskWithRetri
                 + tryNum
                 + ").");
         return mDestroyTask.onSuccessTask(
-            (task) -> waitThenCallNewGetOrCreateReactInstanceTaskWithRetries(tryNum + 1, maxTries),
+            (task) -> waitThenCallGetOrCreateReactInstanceTaskWithRetries(tryNum + 1, maxTries),
             mBGExecutor);
       }
 
@@ -901,12 +1007,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(
@@ -921,6 +1027,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 =
@@ -1023,86 +1130,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);
@@ -1275,8 +1302,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
@@ -1387,7 +1414,7 @@ private Task<ReactInstance> newGetOrCreateReloadTask(String reason) {
                     mStartTask = null;
 
                     // Kickstart a new ReactInstance create
-                    return newGetOrCreateReactInstanceTask();
+                    return getOrCreateReactInstanceTask();
                   },
                   mBGExecutor)
               .continueWithTask(
@@ -1447,8 +1474,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
@@ -1501,9 +1528,9 @@ private Task<Void> newGetOrCreateDestroyTask(final String reason, @Nullable Exce
 
                     // Step 3: Stop all React Native surfaces
                     stopAttachedSurfaces(method, reactInstance);
-
-                    // TODO(T161461674): Should we clear mAttachedSurfaces?
-                    // Not clearing mAttachedSurfaces could lead to a memory leak.
+                    synchronized (mAttachedSurfaces) {
+                      mAttachedSurfaces.clear();
+                    }
 
                     return task;
                   },
@@ -1605,147 +1632,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 f97db1847292..7f241ce4d7fc 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,18 +9,19 @@
 
 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;
 import com.facebook.infer.annotation.ThreadSafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.DebugCorePackage;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.ViewManagerOnDemandReactPackage;
 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 +45,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.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.turbomodule.core.TurboModuleManager;
-import com.facebook.react.turbomodule.core.TurboModuleManagerDelegate;
 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;
@@ -93,6 +95,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;
@@ -134,7 +139,7 @@ final class ReactInstance {
     MessageQueueThread nativeModulesMessageQueueThread =
         mQueueConfiguration.getNativeModulesQueueThread();
 
-    ReactChoreographer.initialize();
+    ReactChoreographer.initialize(AndroidChoreographerProvider.getInstance());
     if (useDevSupport) {
       devSupportManager.startInspector();
     }
@@ -164,14 +169,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,
@@ -180,32 +185,21 @@ 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()));
+    if (useDevSupport) {
+      mReactPackages.add(new DebugCorePackage());
+    }
+    mReactPackages.addAll(mDelegate.getReactPackages());
 
     TurboModuleManagerDelegate turboModuleManagerDelegate =
         mDelegate
@@ -214,6 +208,7 @@ public void onHostDestroy() {
             .setReactApplicationContext(mBridgelessReactContext)
             .build();
 
+    RuntimeExecutor unbufferedRuntimeExecutor = getUnbufferedRuntimeExecutor();
     mTurboModuleManager =
         new TurboModuleManager(
             // Use unbuffered RuntimeExecutor to install binding
@@ -229,11 +224,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
@@ -244,35 +263,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(mTurboModuleManager);
+    ReactNativeConfig config = mDelegate.getReactNativeConfig();
 
     // Misc initialization that needs to be done before Fabric init
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(mBridgelessReactContext);
@@ -409,23 +439,28 @@ public Collection<NativeModule> getNativeModules() {
     mFabricUIManager.stopSurface(surface.getSurfaceHandler());
   }
 
+  /* package */ JavaScriptContextHolder getJavaScriptContextHolder() {
+    return mJavaScriptContextHolder;
+  }
+
   /* --- Lifecycle methods --- */
   @ThreadConfined("ReactHost")
   /* package */ void destroy() {
     FLog.d(TAG, "ReactInstance.destroy() is called.");
     mQueueConfiguration.destroy();
-    mTurboModuleManager.onCatalystInstanceDestroy();
-    mFabricUIManager.onCatalystInstanceDestroy();
+    mTurboModuleManager.invalidate();
+    mFabricUIManager.invalidate();
     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,
@@ -444,16 +479,18 @@ private native HybridData initHybrid(
 
   private native void loadJSBundleFromAssets(AssetManager assetManager, String assetURL);
 
-  private native CallInvokerHolderImpl getJSCallInvokerHolder();
+  /* package */ native CallInvokerHolderImpl getJSCallInvokerHolder();
 
   private native NativeMethodCallInvokerHolderImpl getNativeMethodCallInvokerHolder();
 
   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);
 
@@ -488,57 +525,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/ReactSurfaceView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactSurfaceView.java
index f261cafec7c7..7f5b2d047245 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactSurfaceView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactSurfaceView.java
@@ -189,6 +189,11 @@ public void setIsFabric(boolean isFabric) {
     return UIManagerType.FABRIC;
   }
 
+  @Override
+  public String getJSModuleName() {
+    return mSurface.getModuleName();
+  }
+
   @Override
   protected void dispatchJSTouchEvent(MotionEvent event) {
     if (mJSTouchDispatcher == null) {
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 000000000000..7208c04018d3
--- /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 2f7697b24940..47efb3f2a792 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/AggregateException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/AggregateException.java
index 37bf364cbe0c..fc90a3006c92 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/AggregateException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/AggregateException.java
@@ -21,7 +21,7 @@
  *
  * @see Task#whenAll(java.util.Collection)
  */
-public class AggregateException extends Exception {
+class AggregateException extends Exception {
   private static final long serialVersionUID = 1L;
 
   private static final String DEFAULT_MESSAGE = "There were multiple errors.";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/CancellationTokenRegistration.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/CancellationTokenRegistration.java
index 3acde667848f..be723f5e49ef 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/CancellationTokenRegistration.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/CancellationTokenRegistration.java
@@ -16,7 +16,7 @@
  *
  * @see CancellationToken#register(Runnable)
  */
-public class CancellationTokenRegistration implements Closeable {
+class CancellationTokenRegistration implements Closeable {
 
   private final Object lock = new Object();
   private @Nullable CancellationTokenSource tokenSource;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Capture.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Capture.java
index f7beec042b7f..47743a60e6fd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Capture.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Capture.java
@@ -14,7 +14,7 @@
  *
  * @param <T>
  */
-public class Capture<T> {
+class Capture<T> {
   private @Nullable T value;
 
   public Capture() {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/ExecutorException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/ExecutorException.java
index 35915b9deed4..57c0a4e817d2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/ExecutorException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/ExecutorException.java
@@ -13,7 +13,7 @@
  * This is a wrapper class for emphasizing that task failed due to bad {@code Executor}, rather than
  * the continuation block it self.
  */
-public class ExecutorException extends RuntimeException {
+class ExecutorException extends RuntimeException {
 
   public ExecutorException(@Nullable Exception e) {
     super("An exception was thrown by an Executor", e);
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 cb5399b6c120..1f4db71e3368 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 02021011c403..5ddf687ad10d 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/runtime/internal/bolts/UnobservedTaskException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedTaskException.java
index 8cf4fef2eb83..a0013d849149 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedTaskException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedTaskException.java
@@ -10,7 +10,7 @@
 import androidx.annotation.Nullable;
 
 /** Used to signify that a Task's error went unobserved. */
-public class UnobservedTaskException extends RuntimeException {
+class UnobservedTaskException extends RuntimeException {
   public UnobservedTaskException(@Nullable Throwable cause) {
     super(cause);
   }
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 fb71a6b4b4ab..8d6b4ea3584b 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 860fb362be4c..b95774889eb4 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
@@ -26,6 +26,7 @@
 import com.facebook.react.modules.blob.FileReaderModule;
 import com.facebook.react.modules.camera.ImageStoreManager;
 import com.facebook.react.modules.clipboard.ClipboardModule;
+import com.facebook.react.modules.devloading.DevLoadingModule;
 import com.facebook.react.modules.devtoolssettings.DevToolsSettingsManagerModule;
 import com.facebook.react.modules.dialog.DialogModule;
 import com.facebook.react.modules.fresco.FrescoModule;
@@ -40,7 +41,6 @@
 import com.facebook.react.modules.toast.ToastModule;
 import com.facebook.react.modules.vibration.VibrationModule;
 import com.facebook.react.modules.websocket.WebSocketModule;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.drawer.ReactDrawerLayoutManager;
@@ -73,6 +73,7 @@
       AppearanceModule.class,
       AppStateModule.class,
       BlobModule.class,
+      DevLoadingModule.class,
       FileReaderModule.class,
       ClipboardModule.class,
       DialogModule.class,
@@ -114,6 +115,8 @@ public MainReactPackage(MainPackageConfig config) {
         return new AppStateModule(context);
       case BlobModule.NAME:
         return new BlobModule(context);
+      case DevLoadingModule.NAME:
+        return new DevLoadingModule(context);
       case FileReaderModule.NAME:
         return new FileReaderModule(context);
       case ClipboardModule.NAME:
@@ -260,6 +263,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
             AppearanceModule.class,
             AppStateModule.class,
             BlobModule.class,
+            DevLoadingModule.class,
             FileReaderModule.class,
             ClipboardModule.class,
             DialogModule.class,
@@ -292,16 +296,18 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                   reactModule.canOverrideExistingModule(),
                   reactModule.needsEagerInit(),
                   reactModule.isCxxModule(),
-                  TurboModule.class.isAssignableFrom(moduleClass)));
+                  ReactModuleInfo.classIsTurboModule(moduleClass)));
         }
       }
       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 a43ee164cc1a..000000000000
--- 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 000000000000..8dddd3d4e9e0
--- /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.java
deleted file mode 100644
index f9f5c61d6fe5..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
+++ /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.
- */
-
-package com.facebook.react.touch;
-
-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}.
- */
-public interface OnInterceptTouchEventListener {
-
-  /**
-   * Called when a onInterceptTouch is invoked on a view group
-   *
-   * @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
-   */
-  boolean onInterceptTouchEvent(ViewGroup v, MotionEvent event);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt
new file mode 100644
index 000000000000..539b0f9ef732
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt
@@ -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.touch
+
+import android.view.MotionEvent
+import android.view.ViewGroup
+
+/**
+ * Interface definition for a callback to be invoked when a onInterceptTouch is called on a
+ * [ViewGroup].
+ */
+public fun interface OnInterceptTouchEventListener {
+
+  /**
+   * Called when a onInterceptTouch is invoked on a view group
+   *
+   * @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
+   */
+  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 8231a335a7be..000000000000
--- 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 000000000000..75ad5081535f
--- /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 70543c35d0d1..000000000000
--- 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 000000000000..dce4315d8ddf
--- /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/turbomodule/core/CallInvokerHolderImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
index d1dd5f772617..455eeb840773 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
@@ -7,8 +7,11 @@
 
 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.common.annotations.FrameworkAPI;
+import com.facebook.react.internal.turbomodule.core.NativeModuleSoLoader;
 import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
 
 /**
@@ -16,6 +19,8 @@
  * 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/turbomodule/core/NativeMethodCallInvokerHolderImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
index 4a0cbcc5a12d..c68b5a69aab2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
@@ -7,8 +7,11 @@
 
 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.common.annotations.FrameworkAPI;
+import com.facebook.react.internal.turbomodule.core.NativeModuleSoLoader;
 import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 
 /**
@@ -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/turbomodule/core/interfaces/CallInvokerHolder.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
index 12ac4792a012..de3d307088e1 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
@@ -14,4 +14,4 @@ package com.facebook.react.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/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
index 7d1a3cc42838..1748a6d35afe 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
@@ -10,4 +10,4 @@ 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
index d7c71226f4d3..6333b8125400 100644
--- 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
@@ -7,13 +7,13 @@
 
 package com.facebook.react.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/turbomodule/core/interfaces/TurboModuleRegistry.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModuleRegistry.kt
deleted file mode 100644
index b8201ab66b64..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModuleRegistry.kt
+++ /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.turbomodule.core.interfaces
-
-import com.facebook.react.bridge.NativeModule
-
-/**
- * Interface to allow for creating and retrieving NativeModules. Why is this this class prefixed
- * with "Turbo", even though it supports both legacy NativeModules, and TurboModules? Because there
- * already is a NativeModuleRegistry (a part of the legacy architecture). Once that class is
- * deleted, we should rename this interface accordingly.
- */
-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?
-
-  /** Get all instantiated NativeModules. */
-  val modules: Collection<NativeModule>
-
-  /** Has the NativeModule with name `moduleName` been instantiated? */
-  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>
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerAdapter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerAdapter.java
deleted file mode 100644
index 3e3d7c8bdc33..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerAdapter.java
+++ /dev/null
@@ -1,111 +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 android.view.View;
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.Dynamic;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-
-public abstract class BaseViewManagerAdapter<T extends View>
-    implements BaseViewManagerInterface<T> {
-  @Override
-  public void setAccessibilityActions(@NonNull T view, ReadableArray accessibilityActions) {}
-
-  @Override
-  public void setAccessibilityHint(@NonNull T view, String accessibilityHint) {}
-
-  @Override
-  public void setAccessibilityLabel(@NonNull T view, String accessibilityLabel) {}
-
-  @Override
-  public void setAccessibilityLiveRegion(@NonNull T view, @Nullable String liveRegion) {}
-
-  @Override
-  public void setAccessibilityRole(@NonNull T view, @Nullable String accessibilityRole) {}
-
-  @Override
-  public void setAccessibilityCollection(
-      @NonNull T view, @Nullable ReadableMap accessibilityCollection) {}
-
-  @Override
-  public void setAccessibilityCollectionItem(
-      @NonNull T view, @Nullable ReadableMap accessibilityCollectionItem) {}
-
-  @Override
-  public void setViewState(@NonNull T view, @Nullable ReadableMap accessibilityState) {}
-
-  @Override
-  public void setBackgroundColor(@NonNull T view, int backgroundColor) {}
-
-  @Override
-  public void setBorderRadius(@NonNull T view, float borderRadius) {}
-
-  @Override
-  public void setBorderBottomLeftRadius(@NonNull T view, float borderRadius) {}
-
-  @Override
-  public void setBorderBottomRightRadius(@NonNull T view, float borderRadius) {}
-
-  @Override
-  public void setBorderTopLeftRadius(@NonNull T view, float borderRadius) {}
-
-  @Override
-  public void setBorderTopRightRadius(@NonNull T view, float borderRadius) {}
-
-  @Override
-  public void setElevation(@NonNull T view, float elevation) {}
-
-  @Override
-  public void setShadowColor(@NonNull T view, int shadowColor) {}
-
-  @Override
-  public void setImportantForAccessibility(
-      @NonNull T view, @Nullable String importantForAccessibility) {}
-
-  @Override
-  public void setRole(@NonNull T view, @Nullable String role) {}
-
-  @Override
-  public void setNativeId(@NonNull T view, String nativeId) {}
-
-  @Override
-  public void setAccessibilityLabelledBy(@NonNull T view, Dynamic nativeId) {}
-
-  @Override
-  public void setOpacity(@NonNull T view, float opacity) {}
-
-  @Override
-  public void setRenderToHardwareTexture(@NonNull T view, boolean useHWTexture) {}
-
-  @Override
-  public void setRotation(@NonNull T view, float rotation) {}
-
-  @Override
-  public void setScaleX(@NonNull T view, float scaleX) {}
-
-  @Override
-  public void setScaleY(@NonNull T view, float scaleY) {}
-
-  @Override
-  public void setTestId(@NonNull T view, String testId) {}
-
-  @Override
-  public void setTransform(@NonNull T view, @Nullable ReadableArray matrix) {}
-
-  @Override
-  public void setTranslateX(@NonNull T view, float translateX) {}
-
-  @Override
-  public void setTranslateY(@NonNull T view, float translateY) {}
-
-  @Override
-  public void setZIndex(@NonNull T view, float zIndex) {}
-}
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 000000000000..02ea431f7f48
--- /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/GuardedFrameCallback.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
index 5cee3f36a32f..5f8115c0faa4 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/GuardedFrameCallback.java
@@ -7,15 +7,15 @@
 
 package com.facebook.react.uimanager;
 
+import android.view.Choreographer;
 import com.facebook.react.bridge.JSExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.modules.core.ChoreographerCompat;
 
 /**
  * Abstract base for a Choreographer FrameCallback that should have any RuntimeExceptions it throws
  * handled by the {@link JSExceptionHandler} registered if the app is in dev mode.
  */
-public abstract class GuardedFrameCallback extends ChoreographerCompat.FrameCallback {
+public abstract class GuardedFrameCallback implements Choreographer.FrameCallback {
 
   private final ReactContext mReactContext;
 
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 95b2531de418..9dd93bb58724 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 275fe49d7639..8f931f425436 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 46b833a053a2..8e6f7379f14c 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 53f31f3cd570..4aa409213b89 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/NoSuchNativeViewException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
index 6dfdf53601d6..02c6fe31efee 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NoSuchNativeViewException.java
@@ -11,7 +11,7 @@
  * Exception thrown when a class tries to access a native view by a tag that has no native view
  * associated with it.
  */
-public class NoSuchNativeViewException extends IllegalViewOperationException {
+class NoSuchNativeViewException extends IllegalViewOperationException {
 
   public NoSuchNativeViewException(String detailMessage) {
     super(detailMessage);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
index 0e0bd71b6817..2152d87657c4 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
@@ -629,11 +629,6 @@ private static void setState(
         final boolean boolValue = value.asBoolean();
         info.setCheckable(true);
         info.setChecked(boolValue);
-        if (info.getClassName().equals(AccessibilityRole.getValue(AccessibilityRole.SWITCH))) {
-          info.setStateDescription(
-              context.getString(
-                  boolValue ? R.string.state_on_description : R.string.state_off_description));
-        }
       }
     }
   }
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 e46401da7af9..9e38a645abf7 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 ddbb7932439e..20a89f746bf2 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
@@ -25,9 +25,6 @@ public interface ReactRoot {
   @Nullable
   Bundle getAppProperties();
 
-  @Nullable
-  String getInitialUITemplate();
-
   String getJSModuleName();
 
   /** Fabric or Default UI Manager, see {@link UIManagerType} */
@@ -42,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/uimanager/ReactShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
index db10bf379e46..efaba33cdc3f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNode.java
@@ -123,9 +123,9 @@ public interface ReactShadowNode<T extends ReactShadowNode> {
    */
   void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue);
 
-  /** @return true if layout (position or dimensions) changed, false otherwise. */
+  /* package */ boolean dispatchUpdatesWillChangeLayout(float absoluteX, float absoluteY);
 
-  /* package */ boolean dispatchUpdates(
+  /* package */ void dispatchUpdates(
       float absoluteX,
       float absoluteY,
       UIViewOperationQueue uiViewOperationQueue,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
index f62e6085ae45..1bb6e9ee4c1b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactShadowNodeImpl.java
@@ -337,9 +337,32 @@ public void onAfterUpdateTransaction() {
   @Override
   public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {}
 
-  /** @return true if layout (position or dimensions) changed, false otherwise. */
   @Override
-  public boolean dispatchUpdates(
+  public boolean dispatchUpdatesWillChangeLayout(float absoluteX, float absoluteY) {
+    if (!hasNewLayout()) {
+      return false;
+    }
+
+    float layoutX = getLayoutX();
+    float layoutY = getLayoutY();
+    int newAbsoluteLeft = Math.round(absoluteX + layoutX);
+    int newAbsoluteTop = Math.round(absoluteY + layoutY);
+    int newAbsoluteRight = Math.round(absoluteX + layoutX + getLayoutWidth());
+    int newAbsoluteBottom = Math.round(absoluteY + layoutY + getLayoutHeight());
+
+    int newScreenX = Math.round(layoutX);
+    int newScreenY = Math.round(layoutY);
+    int newScreenWidth = newAbsoluteRight - newAbsoluteLeft;
+    int newScreenHeight = newAbsoluteBottom - newAbsoluteTop;
+
+    return newScreenX != mScreenX
+        || newScreenY != mScreenY
+        || newScreenWidth != mScreenWidth
+        || newScreenHeight != mScreenHeight;
+  }
+
+  @Override
+  public void dispatchUpdates(
       float absoluteX,
       float absoluteY,
       UIViewOperationQueue uiViewOperationQueue,
@@ -386,10 +409,6 @@ public boolean dispatchUpdates(
               getScreenHeight());
         }
       }
-
-      return layoutHasChanged;
-    } else {
-      return false;
     }
   }
 
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 4ae44ea31ba3..f322f2ef1970 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/ShadowNodeRegistry.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
index 3cee1ccda33b..c14a06d26ed8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ShadowNodeRegistry.java
@@ -16,7 +16,7 @@
  * Simple container class to keep track of {@link ReactShadowNode}s associated with a particular
  * UIManagerModule instance.
  */
-public class ShadowNodeRegistry {
+class ShadowNodeRegistry {
 
   private final SparseArray<ReactShadowNode> mTagsToCSSNodes;
   private final SparseBooleanArray mRootTags;
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 b10d2d9b3c06..50c22442af04 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 77b95520c5c9..000000000000
--- 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 6479a0c1562d..06af04472248 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 f15004e38e91..6b3ac1afd410 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
@@ -29,7 +29,9 @@
 import com.facebook.systrace.SystraceMessage;
 import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaDirection;
+import java.util.ArrayList;
 import java.util.Arrays;
+import java.util.List;
 import java.util.Map;
 
 /**
@@ -175,7 +177,7 @@ public void removeRootView(int rootViewTag) {
    *
    * @return The num of root view
    */
-  private int getRootViewNum() {
+  public int getRootViewNum() {
     return mOperationsQueue.getNativeViewHierarchyManager().getRootViewNum();
   }
 
@@ -478,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.
@@ -608,12 +589,6 @@ public void measureLayoutRelativeToParent(
 
   /** Invoked at the end of the transaction to commit any updates to the node hierarchy. */
   public void dispatchViewUpdates(int batchId) {
-    if (getRootViewNum() <= 0) {
-      // If there are no RootViews registered, there will be no View updates to dispatch.
-      // This is a hack to prevent this from being called when Fabric is used everywhere.
-      // This should no longer be necessary in Bridgeless Mode.
-      return;
-    }
     SystraceMessage.beginSection(
             Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIImplementation.dispatchViewUpdates")
         .arg("batchId", batchId)
@@ -665,7 +640,20 @@ protected void updateViewHierarchy() {
               .arg("rootTag", cssRoot.getReactTag())
               .flush();
           try {
-            applyUpdatesRecursive(cssRoot, 0f, 0f);
+            List<ReactShadowNode> onLayoutNodes = new ArrayList<>();
+            applyUpdatesRecursive(cssRoot, 0f, 0f, onLayoutNodes);
+
+            for (ReactShadowNode node : onLayoutNodes) {
+              mEventDispatcher.dispatchEvent(
+                  OnLayoutEvent.obtain(
+                      -1, /* surfaceId not used in classic renderer */
+                      node.getReactTag(),
+                      node.getScreenX(),
+                      node.getScreenY(),
+                      node.getScreenWidth(),
+                      node.getScreenHeight()));
+            }
+
           } finally {
             Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
           }
@@ -756,6 +744,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
@@ -763,6 +755,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) {
@@ -772,6 +765,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();
   }
@@ -951,39 +946,34 @@ protected void calculateRootLayout(ReactShadowNode cssRoot) {
     }
   }
 
-  protected void applyUpdatesRecursive(ReactShadowNode cssNode, float absoluteX, float absoluteY) {
+  protected void applyUpdatesRecursive(
+      ReactShadowNode cssNode,
+      float absoluteX,
+      float absoluteY,
+      List<ReactShadowNode> onLayoutNodes) {
     if (!cssNode.hasUpdates()) {
       return;
     }
 
+    if (cssNode.dispatchUpdatesWillChangeLayout(absoluteX, absoluteY)
+        && cssNode.shouldNotifyOnLayout()
+        && !mShadowNodeRegistry.isRootNode(cssNode.getReactTag())) {
+      onLayoutNodes.add(cssNode);
+    }
+
     Iterable<? extends ReactShadowNode> cssChildren = cssNode.calculateLayoutOnChildren();
     if (cssChildren != null) {
       for (ReactShadowNode cssChild : cssChildren) {
         applyUpdatesRecursive(
-            cssChild, absoluteX + cssNode.getLayoutX(), absoluteY + cssNode.getLayoutY());
+            cssChild,
+            absoluteX + cssNode.getLayoutX(),
+            absoluteY + cssNode.getLayoutY(),
+            onLayoutNodes);
       }
     }
 
-    int tag = cssNode.getReactTag();
-    if (!mShadowNodeRegistry.isRootNode(tag)) {
-      boolean frameDidChange =
-          cssNode.dispatchUpdates(
-              absoluteX, absoluteY, mOperationsQueue, mNativeViewHierarchyOptimizer);
-
-      // Notify JS about layout event if requested
-      // and if the position or dimensions actually changed
-      // (consistent with iOS).
-      if (frameDidChange && cssNode.shouldNotifyOnLayout()) {
-        mEventDispatcher.dispatchEvent(
-            OnLayoutEvent.obtain(
-                -1, /* surfaceId not used in classic renderer */
-                tag,
-                cssNode.getScreenX(),
-                cssNode.getScreenY(),
-                cssNode.getScreenWidth(),
-                cssNode.getScreenHeight()));
-      }
-    }
+    cssNode.dispatchUpdates(absoluteX, absoluteY, mOperationsQueue, mNativeViewHierarchyOptimizer);
+
     cssNode.markUpdateSeen();
     mNativeViewHierarchyOptimizer.onViewUpdatesCompleted(cssNode);
   }
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 c4a3902d1e3d..52f635eaa6aa 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 9ff04bc2b07a..dca4fcf5b130 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
@@ -195,8 +195,8 @@ public void onHostDestroy() {
   }
 
   @Override
-  public void onCatalystInstanceDestroy() {
-    super.onCatalystInstanceDestroy();
+  public void invalidate() {
+    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);
       }
@@ -313,7 +317,7 @@ public Map<String, Long> getPerformanceCounters() {
   }
 
   public <T extends View> int addRootView(final T rootView) {
-    return addRootView(rootView, null, null);
+    return addRootView(rootView, null);
   }
 
   /**
@@ -341,8 +345,7 @@ public void synchronouslyUpdateViewOnUIThread(int tag, ReadableMap props) {
    * <p>TODO(6242243): Make addRootView thread safe NB: this method is horribly not-thread-safe.
    */
   @Override
-  public <T extends View> int addRootView(
-      final T rootView, WritableMap initialProps, @Nullable String initialUITemplate) {
+  public <T extends View> int addRootView(final T rootView, WritableMap initialProps) {
     Systrace.beginSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIManagerModule.addRootView");
     final int tag = ReactRootViewTagGenerator.getNextRootViewTag();
     final ReactApplicationContext reactApplicationContext = getReactApplicationContext();
@@ -487,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.
@@ -641,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
@@ -649,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();
   }
@@ -719,7 +707,12 @@ public void onBatchComplete() {
       listener.willDispatchViewUpdates(this);
     }
     try {
-      mUIImplementation.dispatchViewUpdates(batchId);
+      // If there are no RootViews registered, there will be no View updates to dispatch.
+      // This is a hack to prevent this from being called when Fabric is used everywhere.
+      // This should no longer be necessary in Bridgeless Mode.
+      if (mUIImplementation.getRootViewNum() > 0) {
+        mUIImplementation.dispatchViewUpdates(batchId);
+      }
     } finally {
       Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
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 6d0770447bfb..098b7e15fa97 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 de3ca5db4f18..2acef25ee15c 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;
@@ -94,41 +95,6 @@ public void execute() {
     }
   }
 
-  private final class EmitOnLayoutEventOperation extends ViewOperation {
-
-    private final int mScreenX;
-    private final int mScreenY;
-    private final int mScreenWidth;
-    private final int mScreenHeight;
-
-    public EmitOnLayoutEventOperation(
-        int tag, int screenX, int screenY, int screenWidth, int screenHeight) {
-      super(tag);
-      mScreenX = screenX;
-      mScreenY = screenY;
-      mScreenWidth = screenWidth;
-      mScreenHeight = screenHeight;
-    }
-
-    @Override
-    public void execute() {
-      UIManagerModule uiManager = mReactApplicationContext.getNativeModule(UIManagerModule.class);
-
-      if (uiManager != null) {
-        uiManager
-            .getEventDispatcher()
-            .dispatchEvent(
-                OnLayoutEvent.obtain(
-                    -1 /* SurfaceId not used in classic renderer */,
-                    mTag,
-                    mScreenX,
-                    mScreenY,
-                    mScreenWidth,
-                    mScreenHeight));
-      }
-    }
-  }
-
   private final class UpdateInstanceHandleOperation extends ViewOperation {
 
     private final long mInstanceHandle;
@@ -377,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;
@@ -396,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() {
@@ -737,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());
   }
@@ -767,12 +757,6 @@ public void enqueueUpdateProperties(int reactTag, String className, ReactStylesD
     mOperations.add(new UpdatePropertiesOperation(reactTag, props));
   }
 
-  public void enqueueOnLayoutEvent(
-      int tag, int screenX, int screenY, int screenWidth, int screenHeight) {
-    mOperations.add(
-        new EmitOnLayoutEventOperation(tag, screenX, screenY, screenWidth, screenHeight));
-  }
-
   public void enqueueUpdateLayout(
       int parentTag, int reactTag, int x, int y, int width, int height) {
     mOperations.add(new UpdateLayoutOperation(parentTag, reactTag, x, y, width, height));
@@ -1003,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 96448f6c01a2..2bd1d754f3a3 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 12fca8747f38..419747ae9b92 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/ViewHierarchyDumper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
index 26421911bddb..937e0c54c55d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewHierarchyDumper.java
@@ -14,7 +14,7 @@
 import org.json.JSONException;
 import org.json.JSONObject;
 
-public class ViewHierarchyDumper {
+class ViewHierarchyDumper {
 
   public static JSONObject toJSON(View view) throws JSONException {
     UiThreadUtil.assertOnUiThread();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
index 1f3c219250a7..b7d7e9696499 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagerRegistry.java
@@ -53,16 +53,32 @@ public ViewManagerRegistry(Map<String, ViewManager> viewManagerMap) {
    * @return the {@link ViewManager} registered to the className received as a parameter
    */
   public synchronized ViewManager get(String className) {
+    // 1. Try to get the manager without the prefix.
     ViewManager viewManager = mViewManagers.get(className);
     if (viewManager != null) {
       return viewManager;
     }
+
+    // 2. Try to get the manager with the RCT prefix.
+    String rctViewManagerName = "RCT" + className;
+    viewManager = mViewManagers.get(rctViewManagerName);
+    if (viewManager != null) {
+      return viewManager;
+    }
     if (mViewManagerResolver != null) {
+      // 1. Try to get the manager without the prefix.
       viewManager = getViewManagerFromResolver(className);
       if (viewManager != null) return viewManager;
+
+      // 2. Try to get the manager with the RCT prefix.
+      viewManager = getViewManagerFromResolver(rctViewManagerName);
+      if (viewManager != null) return viewManager;
+
       throw new IllegalViewOperationException(
-          "ViewManagerResolver returned null for "
+          "ViewManagerResolver returned null for either "
               + className
+              + " or "
+              + rctViewManagerName
               + ", existing names are: "
               + mViewManagerResolver.getViewManagerNames());
     }
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 c187cac7bea3..09ae7a272ad0 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/YogaNodePool.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
index 9e4eeed4a8a0..0e7f28d571f7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/YogaNodePool.java
@@ -11,7 +11,7 @@
 import com.facebook.yoga.YogaNode;
 
 /** Static holder for a recycling pool of YogaNodes. */
-public class YogaNodePool {
+class YogaNodePool {
 
   private static final Object sInitLock = new Object();
   private static ClearableSynchronizedPool<YogaNode> sPool;
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 b3f7e8fa4176..fd1950986062 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 e4a301fe89b5..f157dbdf9c22 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 311388ca3643..d2a6576a13ad 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 1e1577caabfa..884b372eec88 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 086afd06ac7c..2c20907f6f2c 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 915df10541ad..9a6b65eba790 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 44ea8002acec..8b7a36d85b5f 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 6e85121b6900..09870620d04b 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 e8448813dbd0..0605f3e1c290 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 8b00f7766e12..b97726ce69ae 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
@@ -8,12 +8,14 @@
 package com.facebook.react.uimanager.events;
 
 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.modules.core.ChoreographerCompat;
+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 =
@@ -272,7 +275,7 @@ public void unregisterEventEmitter(@UIManagerType int uiManagerType) {
     mReactEventEmitter.unregister(uiManagerType);
   }
 
-  private class ScheduleDispatchFrameCallback extends ChoreographerCompat.FrameCallback {
+  private class ScheduleDispatchFrameCallback implements Choreographer.FrameCallback {
     private volatile boolean mIsPosted = false;
     private boolean mShouldStop = false;
 
@@ -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 4c3387b3e038..6d3b6a85ed5a 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
@@ -7,10 +7,11 @@
 
 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;
-import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.systrace.Systrace;
@@ -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();
@@ -125,7 +127,7 @@ public void unregisterEventEmitter(@UIManagerType int uiManagerType) {
     mReactEventEmitter.unregister(uiManagerType);
   }
 
-  private class ScheduleDispatchFrameCallback extends ChoreographerCompat.FrameCallback {
+  private class ScheduleDispatchFrameCallback implements Choreographer.FrameCallback {
     private volatile boolean mIsPosted = false;
     private boolean mShouldStop = false;
 
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 d39a9511591e..b0dd28a34b75 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 787c9ed117c4..e80353c5a57d 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 49234af84d69..c51ed518ba56 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 d5939b74d8e4..4acb3351da4a 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 8372d0e3bc73..aba13e8b9c67 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
@@ -19,16 +19,15 @@
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.common.ViewUtil;
 
-public class ReactEventEmitter implements RCTModernEventEmitter {
+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 91cf784260c9..9dc211add289 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 39ffadabd222..c5769fc4b41a 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 04c08c935aa4..9e789a08e908 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 03a23c628ced..69c9af9a5d4a 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 6eaa564362e8..15005421e13f 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 551690dc55a5..3507a8b66cc5 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 ec4c866c2e37..c05d2378cfcf 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 9f926dba3b87..5da2bd94027c 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 b12335f51863..865999979539 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 e2d062e3f161..f103cc69ac0c 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 6da804add622..1550cb642534 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 b4757cf44d86..2802c063a227 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 6d1c350a3a09..6114b0de687c 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 26789ecbbadb..f1a285dc3795 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 57304103e2e0..84cbe2ae9ca5 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 18312c37107b..ccfd1fa655a3 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 6e572332fc41..f0e0d7f814b5 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 8469879f2120..052c9be79d76 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 668df6e7ec6f..040070d45fd8 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 a75abc5865e8..9a9d219ddf43 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 000000000000..24d6e440a781
--- /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 000000000000..071c5382e9f6
--- /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 000000000000..37d03de91cfe
--- /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 d5d3931b00b2..3d32892f7b96 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 7e24f0d73455..097f98882131 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 17617bfa5bdf..ed6f85d5db77 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 baf6d603511e..081aec63dc54 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 ab20422e312b..f9de87fbf635 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 f99e37b914b5..8d97249ecb64 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 1949960dd765..23da7501bdb9 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 bc4a924c2a6a..b68f1a1e7566 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 8af1fce425cc..0a38ed66ba5c 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 e145e21e93f8..921b423c9833 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,9 +14,11 @@
 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;
 
-public class ReactImageDownloadListener<INFO> extends ForwardingDrawable
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class ReactImageDownloadListener<INFO> extends ForwardingDrawable
     implements ControllerListener<INFO> {
 
   private static final int MAX_LEVEL = 10000;
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 a1888c3b0bef..137e153c4f13 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,8 +10,10 @@
 import android.graphics.Matrix;
 import android.graphics.Rect;
 import com.facebook.drawee.drawable.ScalingUtils;
+import com.facebook.infer.annotation.Nullsafe;
 
-public class ScaleTypeStartInside extends ScalingUtils.AbstractScaleType {
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class ScaleTypeStartInside extends ScalingUtils.AbstractScaleType {
   public static final ScalingUtils.ScaleType INSTANCE = new ScaleTypeStartInside();
 
   @Override
@@ -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 8081d3f113b5..46810aaff4e9 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 8053ece767a0..5ef44f22dd96 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 3a226c01549f..b6aebcf8a39b 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 7288fe06faf6..dd1704c6ccce 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 2b3de095d40b..2ae3bb9bda3c 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 979b8bce8c9b..3f43afe22fe7 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 d077c1870c27..55f2d98f1d6f 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/progressbar/ProgressBarContainerView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
index f5a5d2f9f612..ca9eefcdafe6 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 d20d7659493e..ccf057e7ece5 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 eb4cbfd779f8..abe14eab0c3f 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 fff761feba26..7839dcd80064 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,7 +31,8 @@
  * <p>This uses UIManager to listen to updates and capture position of items before and after
  * layout.
  */
-public class MaintainVisibleScrollPositionHelper<ScrollViewT extends ViewGroup & HasSmoothScroll>
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class MaintainVisibleScrollPositionHelper<ScrollViewT extends ViewGroup & HasSmoothScroll>
     implements UIManagerListener {
   private final ScrollViewT mScrollView;
   private final boolean mHorizontal;
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 46dc67a81154..a7a659a3d42c 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 fdf992e574dd..bf29f95f2f23 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 497de4b072f1..c8c1d73c4395 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/ReactHorizontalScrollView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
index 7dbcb788c3ac..82976b53dc0f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollView.java
@@ -807,7 +807,7 @@ protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolea
       // more information.
 
       if (!mScroller.isFinished() && mScroller.getCurrX() != mScroller.getFinalX()) {
-        int scrollRange = computeHorizontalScrollRange() - getWidth();
+        int scrollRange = Math.max(computeHorizontalScrollRange() - getWidth(), 0);
         if (scrollX >= scrollRange) {
           mScroller.abortAnimation();
           scrollX = scrollRange;
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 16521c83f700..49f7326f0a22 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) {
@@ -1188,7 +1187,8 @@ public void setScrollAwayTopPaddingEnabledUnstable(int topPadding) {
     int count = getChildCount();
 
     Assertions.assertCondition(
-        count == 1, "React Native ScrollView always has exactly 1 child; a content View");
+        count <= 1,
+        "React Native ScrollView should not have more than one child, it should have exactly 1 child; a content View");
 
     if (count > 0) {
       for (int i = 0; i < count; i++) {
@@ -1235,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 adbb78611c65..72bad9f349fc 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,7 +20,8 @@
 import com.facebook.react.uimanager.ReactAccessibilityDelegate;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 
-public class ReactScrollViewAccessibilityDelegate extends AccessibilityDelegateCompat {
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class ReactScrollViewAccessibilityDelegate extends AccessibilityDelegateCompat {
   private final String TAG = ReactScrollViewAccessibilityDelegate.class.getSimpleName();
 
   @Override
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 49fe5f52561a..7a9348259d47 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 5f44afce0150..6818b3682b06 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 14785849f727..b58173850da5 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 601dc05f9e8e..7887c0b4023c 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,12 +10,14 @@
 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.
  */
-public class VelocityHelper {
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class VelocityHelper {
 
   private @Nullable VelocityTracker mVelocityTracker;
   private float mXVelocity;
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 f0d9111ab152..b42143f3c12a 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 ca7fa73c5777..a318570493c3 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,12 +8,14 @@
 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;
 
-public class RefreshEvent extends Event<RefreshEvent> {
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class RefreshEvent extends Event<RefreshEvent> {
 
   @Deprecated
   protected RefreshEvent(int viewTag) {
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 e28accad39e2..f3073c928f33 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 000000000000..bf9693f59715
--- /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/CustomStyleSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
deleted file mode 100644
index 51fd4dd0149c..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
+++ /dev/null
@@ -1,94 +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 android.content.res.AssetManager;
-import android.graphics.Paint;
-import android.graphics.Typeface;
-import android.text.TextPaint;
-import android.text.style.MetricAffectingSpan;
-import androidx.annotation.Nullable;
-import com.facebook.infer.annotation.Nullsafe;
-import com.facebook.react.common.assets.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;
-  private final int mWeight;
-  private final @Nullable String mFeatureSettings;
-  private final @Nullable String mFontFamily;
-
-  public CustomStyleSpan(
-      int fontStyle,
-      int fontWeight,
-      @Nullable String fontFeatureSettings,
-      @Nullable String fontFamily,
-      AssetManager assetManager) {
-    mStyle = fontStyle;
-    mWeight = fontWeight;
-    mFeatureSettings = fontFeatureSettings;
-    mFontFamily = fontFamily;
-    mAssetManager = assetManager;
-  }
-
-  @Override
-  public void updateDrawState(TextPaint ds) {
-    apply(ds, mStyle, mWeight, mFeatureSettings, mFontFamily, mAssetManager);
-  }
-
-  @Override
-  public void updateMeasureState(TextPaint paint) {
-    apply(paint, mStyle, mWeight, mFeatureSettings, mFontFamily, mAssetManager);
-  }
-
-  public int getStyle() {
-    return mStyle == ReactFontManager.TypefaceStyle.UNSET ? Typeface.NORMAL : mStyle;
-  }
-
-  public int getWeight() {
-    return mWeight == ReactFontManager.TypefaceStyle.UNSET
-        ? ReactFontManager.TypefaceStyle.NORMAL
-        : mWeight;
-  }
-
-  public @Nullable String getFontFamily() {
-    return mFontFamily;
-  }
-
-  public @Nullable String getFontFeatureSettings() {
-    return mFeatureSettings;
-  }
-
-  private static void apply(
-      Paint paint,
-      int style,
-      int weight,
-      @Nullable String fontFeatureSettings,
-      @Nullable String family,
-      AssetManager assetManager) {
-    Typeface typeface =
-        ReactTypefaceUtils.applyStyles(paint.getTypeface(), style, weight, family, assetManager);
-    paint.setFontFeatureSettings(fontFeatureSettings);
-    paint.setTypeface(typeface);
-    paint.setSubpixelText(true);
-  }
-}
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 000000000000..78b3562785d5
--- /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 000000000000..b322c08bb38f
--- /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 d2c2d6e7b80b..c5cabecf7047 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
@@ -7,7 +7,6 @@
 
 package com.facebook.react.views.text;
 
-import android.annotation.TargetApi;
 import android.graphics.Color;
 import android.graphics.Typeface;
 import android.os.Build;
@@ -22,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;
@@ -32,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;
@@ -50,14 +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.
  */
-@TargetApi(Build.VERSION_CODES.M)
-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";
@@ -75,9 +89,26 @@ private static void buildSpannedFromShadowNode(
       ReactBaseTextShadowNode textShadowNode,
       SpannableStringBuilder sb,
       List<SetSpanOperation> ops,
-      TextAttributes parentTextAttributes,
+      @Nullable TextAttributes parentTextAttributes,
       boolean supportsInlineViews,
-      Map<Integer, ReactShadowNode> inlineViews,
+      @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;
@@ -95,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,
@@ -179,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(
@@ -223,10 +254,103 @@ 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,
-      String text,
+      @Nullable String text,
       boolean supportsInlineViews,
       NativeViewHierarchyOptimizer nativeViewHierarchyOptimizer) {
     Assertions.assertCondition(
@@ -240,8 +364,7 @@ protected Spannable spannedFromShadowNode(
     // up-to-bottom, otherwise all the spannables that are within the region for which one may set
     // a new spannable will be wiped out
     List<SetSpanOperation> ops = new ArrayList<>();
-    Map<Integer, ReactShadowNode> inlineViews =
-        supportsInlineViews ? new HashMap<Integer, ReactShadowNode>() : null;
+    Map<Integer, ReactShadowNode> inlineViews = supportsInlineViews ? new HashMap<>() : null;
 
     if (text != null) {
       // Handle text that is provided via a prop (e.g. the `value` and `defaultValue` props on
@@ -259,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
@@ -310,12 +434,10 @@ 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 =
-      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.BREAK_STRATEGY_HIGH_QUALITY;
-  protected int mHyphenationFrequency =
-      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.HYPHENATION_FREQUENCY_NONE;
+  protected int mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
+  protected int mHyphenationFrequency = Layout.HYPHENATION_FREQUENCY_NONE;
   protected int mJustificationMode =
       (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
 
@@ -334,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
@@ -389,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();
   }
 
@@ -401,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();
@@ -457,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);
@@ -466,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
@@ -481,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()) {
@@ -489,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()) {
@@ -497,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);
@@ -522,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);
@@ -552,12 +724,18 @@ 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 (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      return;
-    }
-
     if (textBreakStrategy == null || "highQuality".equals(textBreakStrategy)) {
       mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
     } else if ("simple".equals(textBreakStrategy)) {
@@ -593,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) {
@@ -601,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 679bcf47102b..deb5097c15f2 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
@@ -7,7 +7,6 @@
 
 package com.facebook.react.views.text;
 
-import android.os.Build;
 import android.text.Layout;
 import android.text.Spannable;
 import android.text.TextUtils;
@@ -75,22 +74,12 @@ public void setAdjustFontSizeToFit(ReactTextView view, boolean adjustsFontSizeTo
     view.setAdjustFontSizeToFit(adjustsFontSizeToFit);
   }
 
-  @ReactProp(name = ViewProps.ALLOW_FONT_SCALING, defaultBoolean = true)
-  public void setAllowFontScaling(ReactTextView view, boolean allowFontScaling) {
-    view.setAllowFontScaling(allowFontScaling);
-  }
-
-  @ReactProp(name = ViewProps.MAX_FONT_SIZE_MULTIPLIER, defaultFloat = Float.NaN)
-  public void setMaxFontSizeMultiplier(ReactTextView view, float maxFontSizeMultiplier) {
-    view.setMaxFontSizeMultiplier(maxFontSizeMultiplier);
-  }
-
   @ReactProp(name = ViewProps.FONT_SIZE)
   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);
   }
@@ -128,10 +117,6 @@ public void setSelectionColor(ReactTextView view, @Nullable Integer color) {
 
   @ReactProp(name = "android_hyphenationFrequency")
   public void setAndroidHyphenationFrequency(ReactTextView view, @Nullable String frequency) {
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      FLog.w(TAG, "android_hyphenationFrequency only available since android 23");
-      return;
-    }
     if (frequency == null || frequency.equals("none")) {
       view.setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NONE);
     } else if (frequency.equals("full")) {
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 a66950c7966a..be27e77d1395 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
@@ -7,7 +7,6 @@
 
 package com.facebook.react.views.text;
 
-import android.annotation.TargetApi;
 import android.os.Build;
 import android.text.BoringLayout;
 import android.text.Layout;
@@ -24,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;
@@ -32,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;
@@ -47,7 +49,6 @@
  * <p>The class measures text in {@code <Text>} view and feeds native {@link TextView} using {@code
  * Spannable} object constructed in superclass.
  */
-@TargetApi(Build.VERSION_CODES.M)
 public class ReactTextShadowNode extends ReactBaseTextShadowNode {
 
   // It's important to pass the ANTI_ALIAS_FLAG flag to the constructor rather than setting it
@@ -82,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
@@ -124,7 +125,7 @@ public long measure(
           }
 
           final int lineCount =
-              mNumberOfLines == UNSET
+              mNumberOfLines == ReactConstants.UNSET
                   ? layout.getLineCount()
                   : Math.min(mNumberOfLines, layout.getLineCount());
 
@@ -148,7 +149,7 @@ public long measure(
             }
           }
 
-          if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.Q) {
+          if (Build.VERSION.SDK_INT > Build.VERSION_CODES.Q) {
             layoutWidth = (float) Math.ceil(layoutWidth);
           }
           float layoutHeight = height;
@@ -222,28 +223,22 @@ private Layout measureSpannedText(Spannable text, float width, YogaMeasureMode w
             || (!YogaConstants.isUndefined(desiredWidth) && desiredWidth <= width))) {
       // Is used when the width is not known and the text is not boring, ie. if it contains
       // unicode characters.
-
       int hintWidth = (int) Math.ceil(desiredWidth);
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(text, textPaint, hintWidth, alignment, 1.f, 0.f, mIncludeFontPadding);
-      } else {
-        StaticLayout.Builder builder =
-            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, hintWidth)
-                .setAlignment(alignment)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(mIncludeFontPadding)
-                .setBreakStrategy(mTextBreakStrategy)
-                .setHyphenationFrequency(mHyphenationFrequency);
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-          builder.setJustificationMode(mJustificationMode);
-        }
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-          builder.setUseLineSpacingFromFallbacks(true);
-        }
-        layout = builder.build();
+      StaticLayout.Builder builder =
+          StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, hintWidth)
+              .setAlignment(alignment)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(mIncludeFontPadding)
+              .setBreakStrategy(mTextBreakStrategy)
+              .setHyphenationFrequency(mHyphenationFrequency);
+
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+        builder.setJustificationMode(mJustificationMode);
+      }
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+        builder.setUseLineSpacingFromFallbacks(true);
       }
+      layout = builder.build();
 
     } else if (boring != null && (unconstrainedWidth || boring.width <= width)) {
       // Is used for single-line, boring text when the width is either unknown or bigger
@@ -260,32 +255,25 @@ private Layout measureSpannedText(Spannable text, float width, YogaMeasureMode w
               mIncludeFontPadding);
     } else {
       // Is used for multiline, boring text and the width is known.
+      // Android 11+ introduces changes in text width calculation which leads to cases
+      // where the container is measured smaller than text. Math.ceil prevents it
+      // See T136756103 for investigation
+      if (Build.VERSION.SDK_INT > Build.VERSION_CODES.Q) {
+        width = (float) Math.ceil(width);
+      }
 
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(
-                text, textPaint, (int) width, alignment, 1.f, 0.f, mIncludeFontPadding);
-      } else {
-        // Android 11+ introduces changes in text width calculation which leads to cases
-        // where the container is measured smaller than text. Math.ceil prevents it
-        // See T136756103 for investigation
-        if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.Q) {
-          width = (float) Math.ceil(width);
-        }
-
-        StaticLayout.Builder builder =
-            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, (int) width)
-                .setAlignment(alignment)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(mIncludeFontPadding)
-                .setBreakStrategy(mTextBreakStrategy)
-                .setHyphenationFrequency(mHyphenationFrequency);
+      StaticLayout.Builder builder =
+          StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, (int) width)
+              .setAlignment(alignment)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(mIncludeFontPadding)
+              .setBreakStrategy(mTextBreakStrategy)
+              .setHyphenationFrequency(mHyphenationFrequency);
 
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-          builder.setUseLineSpacingFromFallbacks(true);
-        }
-        layout = builder.build();
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+        builder.setUseLineSpacingFromFallbacks(true);
       }
+      layout = builder.build();
     }
     return layout;
   }
@@ -342,7 +330,7 @@ public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
       ReactTextUpdate reactTextUpdate =
           new ReactTextUpdate(
               mPreparedSpannableText,
-              UNSET,
+              ReactConstants.UNSET,
               mContainsImages,
               getPadding(Spacing.START),
               getPadding(Spacing.TOP),
@@ -361,6 +349,7 @@ public void setShouldNotifyOnTextLayout(boolean shouldNotifyOnTextLayout) {
   }
 
   @Override
+  @Nullable
   public Iterable<? extends ReactShadowNode> calculateLayoutOnChildren() {
     // Run flexbox on and return the descendants which are inline views.
 
@@ -370,11 +359,10 @@ 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<ReactShadowNode>(placeholders.length);
+    ArrayList<ReactShadowNode> shadowNodes = new ArrayList<>(placeholders.length);
 
     for (TextInlineViewPlaceholderSpan placeholder : placeholders) {
       ReactShadowNode child = mInlineViews.get(placeholder.getReactTag());
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 0802ec3622a1..d2230beda0e0 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 849f04661cf8..cf50efcbfa1a 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,12 +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;
+  private float mLetterSpacing;
   private int mLinkifyMaskType;
   private boolean mNotifyOnInlineViewLayout;
   private boolean mTextIsSelectable;
@@ -65,19 +69,8 @@ public class ReactTextView extends AppCompatTextView implements ReactCompoundVie
   private ReactViewBackgroundManager mReactBackgroundManager;
   private Spannable mSpanned;
 
-  /**
-   * Used to collect some text size affecting attributes to fix some text cut-off issues when users
-   * adjust text size and font weight to the max value in system font settings.
-   */
-  private TextAttributes mTextAttributes;
-
   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();
   }
 
@@ -100,9 +93,10 @@ private void initView() {
     mNotifyOnInlineViewLayout = false;
     mTextIsSelectable = false;
     mEllipsizeLocation = TextUtils.TruncateAt.END;
+    mFontSize = Float.NaN;
+    mLetterSpacing = 0.f;
 
     mSpanned = null;
-    mTextAttributes = new TextAttributes();
   }
 
   /* package */ void recycleView() {
@@ -111,9 +105,7 @@ private void initView() {
 
     // Defaults for these fields:
     // https://github.com/aosp-mirror/platform_frameworks_base/blob/master/core/java/android/widget/TextView.java#L1061
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      setBreakStrategy(Layout.BREAK_STRATEGY_SIMPLE);
-    }
+    setBreakStrategy(Layout.BREAK_STRATEGY_SIMPLE);
     setMovementMethod(getDefaultMovementMethod());
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
       setJustificationMode(Layout.JUSTIFICATION_MODE_NONE);
@@ -122,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);
@@ -150,10 +142,7 @@ private void initView() {
       setFocusable(View.FOCUSABLE_AUTO);
     }
 
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NONE);
-    }
-
+    setHyphenationFrequency(Layout.HYPHENATION_FREQUENCY_NONE);
     updateView(); // call after changing ellipsizeLocation in particular
   }
 
@@ -388,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),
@@ -404,10 +393,8 @@ public void setText(ReactTextUpdate update) {
     if (nextTextAlign != getGravityHorizontal()) {
       setGravityHorizontal(nextTextAlign);
     }
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      if (getBreakStrategy() != update.getTextBreakStrategy()) {
-        setBreakStrategy(update.getTextBreakStrategy());
-      }
+    if (getBreakStrategy() != update.getTextBreakStrategy()) {
+      setBreakStrategy(update.getTextBreakStrategy());
     }
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
       if (getJustificationMode() != update.getJustificationMode()) {
@@ -567,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()
@@ -578,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);
   }
@@ -592,6 +581,29 @@ public void setAdjustFontSizeToFit(boolean adjustsFontSizeToFit) {
     mAdjustsFontSizeToFit = adjustsFontSizeToFit;
   }
 
+  public void setFontSize(float fontSize) {
+    mFontSize =
+        mAdjustsFontSizeToFit
+            ? (float) Math.ceil(PixelUtil.toPixelFromSP(fontSize))
+            : (float) Math.ceil(PixelUtil.toPixelFromDIP(fontSize));
+
+    applyTextAttributes();
+  }
+
+  public void setLetterSpacing(float letterSpacing) {
+    if (Float.isNaN(letterSpacing)) {
+      return;
+    }
+
+    float letterSpacingPixels = PixelUtil.toPixelFromDIP(letterSpacing);
+
+    // `letterSpacingPixels` and `getEffectiveFontSize` are both in pixels,
+    // yielding an accurate em value.
+    mLetterSpacing = letterSpacingPixels / mFontSize;
+
+    applyTextAttributes();
+  }
+
   public void setEllipsizeLocation(TextUtils.TruncateAt ellipsizeLocation) {
     mEllipsizeLocation = ellipsizeLocation;
   }
@@ -607,8 +619,6 @@ public void updateView() {
             ? null
             : mEllipsizeLocation;
     setEllipsize(ellipsizeLocation);
-
-    applyTextAttributes();
   }
 
   @Override
@@ -664,37 +674,16 @@ protected boolean dispatchHoverEvent(MotionEvent event) {
     return super.dispatchHoverEvent(event);
   }
 
-  public void setLetterSpacing(float letterSpacing) {
-    mTextAttributes.setLetterSpacing(letterSpacing);
-  }
-
-  public void setAllowFontScaling(boolean allowFontScaling) {
-    if (mTextAttributes.getAllowFontScaling() != allowFontScaling) {
-      mTextAttributes.setAllowFontScaling(allowFontScaling);
-    }
-  }
-
-  public void setFontSize(float fontSize) {
-    mTextAttributes.setFontSize(fontSize);
-  }
-
-  public void setMaxFontSizeMultiplier(float maxFontSizeMultiplier) {
-    if (maxFontSizeMultiplier != mTextAttributes.getMaxFontSizeMultiplier()) {
-      mTextAttributes.setMaxFontSizeMultiplier(maxFontSizeMultiplier);
-    }
-  }
-
   private void applyTextAttributes() {
-    // In general, the `getEffective*` functions return `Float.NaN` if the
-    // property hasn't been set.
-
-    // `getEffectiveFontSize` always returns a value so don't need to check for anything like
-    // `Float.NaN`.
-    setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextAttributes.getEffectiveFontSize());
+    // Workaround for an issue where text can be cut off with an ellipsis when
+    // using certain font sizes and padding. Sets the provided text size and
+    // letter spacing to ensure consistent rendering and prevent cut-off.
+    if (!Float.isNaN(mFontSize)) {
+      setTextSize(TypedValue.COMPLEX_UNIT_PX, mFontSize);
+    }
 
-    float effectiveLetterSpacing = mTextAttributes.getEffectiveLetterSpacing();
-    if (!Float.isNaN(effectiveLetterSpacing)) {
-      super.setLetterSpacing(effectiveLetterSpacing);
+    if (!Float.isNaN(mLetterSpacing)) {
+      super.setLetterSpacing(mLetterSpacing);
     }
   }
 }
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 705223f832d4..de2f29093554 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 64fe5e36c0eb..061db50fcf0d 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 eb03a50743f0..202734f37959 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,6 +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 short TA_KEY_TEXT_TRANSFORM = 27;
 
   public static final int UNSET = -1;
 
@@ -73,10 +75,8 @@ public class TextAttributeProps {
   private static final int DEFAULT_TEXT_SHADOW_COLOR = 0x55000000;
   private static final int DEFAULT_JUSTIFICATION_MODE =
       (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
-  private static final int DEFAULT_BREAK_STRATEGY =
-      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.BREAK_STRATEGY_HIGH_QUALITY;
-  private static final int DEFAULT_HYPHENATION_FREQUENCY =
-      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.HYPHENATION_FREQUENCY_NONE;
+  private static final int DEFAULT_BREAK_STRATEGY = Layout.BREAK_STRATEGY_HIGH_QUALITY;
+  private static final int DEFAULT_HYPHENATION_FREQUENCY = Layout.HYPHENATION_FREQUENCY_NONE;
 
   protected float mLineHeight = Float.NaN;
   protected boolean mIsColorSet = false;
@@ -85,17 +85,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;
@@ -109,8 +109,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
@@ -219,6 +219,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;
       }
     }
 
@@ -226,17 +229,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)
@@ -342,6 +344,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)
@@ -351,12 +354,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 =
@@ -370,6 +373,12 @@ private void setLetterSpacing(float letterSpacing) {
     mLetterSpacingInput = letterSpacing;
   }
 
+  @Override
+  @NonNull
+  public TextTransform getTextTransform() {
+    return mTextTransform;
+  }
+
   public float getLetterSpacing() {
     float letterSpacingPixels =
         mAllowFontScaling
@@ -385,6 +394,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;
@@ -396,7 +415,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))
@@ -405,6 +424,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) {
@@ -412,6 +436,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
@@ -423,6 +457,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;
   }
@@ -525,6 +574,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);
   }
@@ -551,6 +610,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;
@@ -569,10 +638,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);
   }
@@ -580,14 +659,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;
   }
@@ -596,12 +675,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;
@@ -623,6 +712,11 @@ private void setTextTransform(@Nullable String textTransform) {
     }
   }
 
+  @Override
+  public AccessibilityRole getAccessibilityRole() {
+    return mAccessibilityRole;
+  }
+
   private void setAccessibilityRole(@Nullable String accessibilityRole) {
     if (accessibilityRole == null) {
       mAccessibilityRole = null;
@@ -631,6 +725,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 8d54a23bbdf6..de72c0e3914e 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 ffd5b2f1a5c4..b912f89e13ee 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.
@@ -258,26 +295,14 @@ private static Layout createLayout(
       // unicode characters.
 
       int hintWidth = (int) Math.ceil(desiredWidth);
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(
-                text,
-                sTextPaintInstance,
-                hintWidth,
-                Layout.Alignment.ALIGN_NORMAL,
-                1.f,
-                0.f,
-                includeFontPadding);
-      } else {
-        layout =
-            StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, hintWidth)
-                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(includeFontPadding)
-                .setBreakStrategy(textBreakStrategy)
-                .setHyphenationFrequency(hyphenationFrequency)
-                .build();
-      }
+      layout =
+          StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, hintWidth)
+              .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(includeFontPadding)
+              .setBreakStrategy(textBreakStrategy)
+              .setHyphenationFrequency(hyphenationFrequency)
+              .build();
     } else if (boring != null && (unconstrainedWidth || boring.width <= width)) {
       int boringLayoutWidth = boring.width;
       if (boring.width < 0) {
@@ -300,32 +325,19 @@ private static Layout createLayout(
               includeFontPadding);
     } else {
       // Is used for multiline, boring text and the width is known.
-
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(
-                text,
-                sTextPaintInstance,
-                (int) width,
-                Layout.Alignment.ALIGN_NORMAL,
-                1.f,
-                0.f,
-                includeFontPadding);
-      } else {
-        StaticLayout.Builder builder =
-            StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, (int) width)
-                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(includeFontPadding)
-                .setBreakStrategy(textBreakStrategy)
-                .setHyphenationFrequency(hyphenationFrequency);
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-          builder.setUseLineSpacingFromFallbacks(true);
-        }
-
-        layout = builder.build();
+      StaticLayout.Builder builder =
+          StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, (int) width)
+              .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(includeFontPadding)
+              .setBreakStrategy(textBreakStrategy)
+              .setHyphenationFrequency(hyphenationFrequency);
+
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+        builder.setUseLineSpacingFromFallbacks(true);
       }
+
+      layout = builder.build();
     }
     return layout;
   }
@@ -393,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());
 
@@ -423,7 +435,7 @@ public static long measureText(
     // Android 11+ introduces changes in text width calculation which leads to cases
     // where the container is measured smaller than text. Math.ceil prevents it
     // See T136756103 for investigation
-    if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.Q) {
+    if (Build.VERSION.SDK_INT > Build.VERSION_CODES.Q) {
       calculatedWidth = (float) Math.ceil(calculatedWidth);
     }
 
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 8cd576494a1c..a44e3d1c06ea 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.
@@ -299,26 +331,14 @@ private static Layout createLayout(
       // unicode characters.
 
       int hintWidth = (int) Math.ceil(desiredWidth);
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(
-                text,
-                sTextPaintInstance,
-                hintWidth,
-                Layout.Alignment.ALIGN_NORMAL,
-                1.f,
-                0.f,
-                includeFontPadding);
-      } else {
-        layout =
-            StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, hintWidth)
-                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(includeFontPadding)
-                .setBreakStrategy(textBreakStrategy)
-                .setHyphenationFrequency(hyphenationFrequency)
-                .build();
-      }
+      layout =
+          StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, hintWidth)
+              .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(includeFontPadding)
+              .setBreakStrategy(textBreakStrategy)
+              .setHyphenationFrequency(hyphenationFrequency)
+              .build();
 
     } else if (boring != null && (unconstrainedWidth || boring.width <= width)) {
       int boringLayoutWidth = boring.width;
@@ -341,32 +361,19 @@ private static Layout createLayout(
               includeFontPadding);
     } else {
       // Is used for multiline, boring text and the width is known.
-
-      if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-        layout =
-            new StaticLayout(
-                text,
-                sTextPaintInstance,
-                (int) width,
-                Layout.Alignment.ALIGN_NORMAL,
-                1.f,
-                0.f,
-                includeFontPadding);
-      } else {
-        StaticLayout.Builder builder =
-            StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, (int) width)
-                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-                .setLineSpacing(0.f, 1.f)
-                .setIncludePad(includeFontPadding)
-                .setBreakStrategy(textBreakStrategy)
-                .setHyphenationFrequency(hyphenationFrequency);
-
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-          builder.setUseLineSpacingFromFallbacks(true);
-        }
-
-        layout = builder.build();
+      StaticLayout.Builder builder =
+          StaticLayout.Builder.obtain(text, 0, spanLength, sTextPaintInstance, (int) width)
+              .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+              .setLineSpacing(0.f, 1.f)
+              .setIncludePad(includeFontPadding)
+              .setBreakStrategy(textBreakStrategy)
+              .setHyphenationFrequency(hyphenationFrequency);
+
+      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+        builder.setUseLineSpacingFromFallbacks(true);
       }
+
+      layout = builder.build();
     }
     return layout;
   }
@@ -415,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());
 
@@ -445,7 +452,7 @@ public static long measureText(
     // Android 11+ introduces changes in text width calculation which leads to cases
     // where the container is measured smaller than text. Math.ceil prevents it
     // See T136756103 for investigation
-    if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.Q) {
+    if (android.os.Build.VERSION.SDK_INT > Build.VERSION_CODES.Q) {
       calculatedWidth = (float) Math.ceil(calculatedWidth);
     }
 
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 000000000000..e72afed94582
--- /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 ad96b7d4437b..364b52401c81 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 000000000000..53d1105e6ea8
--- /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 000000000000..898b91d965b3
--- /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 000000000000..ccaf93478c65
--- /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 000000000000..d6816e04df9e
--- /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 000000000000..b1692809499c
--- /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/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt
new file mode 100644
index 000000000000..84488da8448f
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt
@@ -0,0 +1,15 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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
+
+/** Interface for a list of [TextFragment]s */
+internal interface TextFragmentList {
+  fun getFragment(index: Int): TextFragment
+
+  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 845ca7f1d198..a512b20833ca 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,13 +21,13 @@
 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;
 
 /** Shadow node that represents an inline image. Loading is done using Fresco. */
-public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineImageShadowNode {
+class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineImageShadowNode {
 
   private @Nullable Uri mUri;
   private ReadableMap mHeaders;
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 42eda049376a..2f3cf1cc3daa 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
@@ -40,7 +40,7 @@
  * <p>Note: It borrows code from DynamicDrawableSpan and if that code updates how it computes size
  * or draws, we need to update this as well.
  */
-public class FrescoBasedReactTextInlineImageSpan extends TextInlineImageSpan {
+class FrescoBasedReactTextInlineImageSpan extends TextInlineImageSpan {
 
   private @Nullable Drawable mDrawable;
   private final AbstractDraweeControllerBuilder mDraweeControllerBuilder;
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 9e011bade6bf..dbb409dc06b8 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 f037ef188145..6de79326400c 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 46293eb6bcff..59c7847a58c6 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/internal/span/CustomStyleSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomStyleSpan.java
new file mode 100644
index 000000000000..7fa67a06b627
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomStyleSpan.java
@@ -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.
+ */
+
+package com.facebook.react.views.text.internal.span;
+
+import android.content.res.AssetManager;
+import android.graphics.Paint;
+import android.graphics.Typeface;
+import android.text.TextPaint;
+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 {
+  private final AssetManager mAssetManager;
+
+  private final int mStyle;
+  private final int mWeight;
+  private final @Nullable String mFeatureSettings;
+  private final @Nullable String mFontFamily;
+
+  public CustomStyleSpan(
+      int fontStyle,
+      int fontWeight,
+      @Nullable String fontFeatureSettings,
+      @Nullable String fontFamily,
+      AssetManager assetManager) {
+    mStyle = fontStyle;
+    mWeight = fontWeight;
+    mFeatureSettings = fontFeatureSettings;
+    mFontFamily = fontFamily;
+    mAssetManager = assetManager;
+  }
+
+  @Override
+  public void updateDrawState(TextPaint ds) {
+    apply(ds, mStyle, mWeight, mFeatureSettings, mFontFamily, mAssetManager);
+  }
+
+  @Override
+  public void updateMeasureState(TextPaint paint) {
+    apply(paint, mStyle, mWeight, mFeatureSettings, mFontFamily, mAssetManager);
+  }
+
+  public int getStyle() {
+    return mStyle == ReactConstants.UNSET ? Typeface.NORMAL : mStyle;
+  }
+
+  public int getWeight() {
+    return mWeight == ReactConstants.UNSET ? ReactFontManager.TypefaceStyle.NORMAL : mWeight;
+  }
+
+  public @Nullable String getFontFamily() {
+    return mFontFamily;
+  }
+
+  public @Nullable String getFontFeatureSettings() {
+    return mFeatureSettings;
+  }
+
+  private static void apply(
+      Paint paint,
+      int style,
+      int weight,
+      @Nullable String fontFeatureSettings,
+      @Nullable String family,
+      AssetManager assetManager) {
+    Typeface typeface =
+        ReactTypefaceUtils.applyStyles(paint.getTypeface(), style, weight, family, assetManager);
+    paint.setFontFeatureSettings(fontFeatureSettings);
+    paint.setTypeface(typeface);
+    paint.setSubpixelText(true);
+  }
+}
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 073a57c21139..460bcd20c6a5 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 0954a0f8bc8c..a04f2439dffe 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 3b71d0b1366a..8aba070b1d21 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 3aebde60799b..0a7b489b9230 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 c847a92cb373..1b47e63d19bf 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 5c5eae7bfbf1..d2164156b181 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 535fd9757f53..04497ba19954 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 f625dfc8d4fe..7676230f0b6c 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 5df16e4e2838..40b523268cc1 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 4fe4bf958201..63325f32638b 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 6d674ebba9b4..34638cefd1d8 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 3b0196ecd52e..acb9c93c63b8 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 081f2b80160f..0904f430a68d 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
@@ -9,8 +9,6 @@
 
 import static com.facebook.react.uimanager.UIManagerHelper.getReactContext;
 
-import android.content.ClipData;
-import android.content.ClipboardManager;
 import android.content.Context;
 import android.graphics.Color;
 import android.graphics.Paint;
@@ -48,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;
@@ -84,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;
@@ -92,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;
@@ -116,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;
@@ -210,9 +208,7 @@ public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
           public void onDestroyActionMode(ActionMode mode) {}
         };
     setCustomSelectionActionModeCallback(customActionModeCallback);
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      setCustomInsertionActionModeCallback(customActionModeCallback);
-    }
+    setCustomInsertionActionModeCallback(customActionModeCallback);
   }
 
   @Override
@@ -275,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);
@@ -308,26 +310,7 @@ public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
   @Override
   public boolean onTextContextMenuItem(int id) {
     if (id == android.R.id.paste) {
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-        id = android.R.id.pasteAsPlainText;
-      } else {
-        ClipboardManager clipboard =
-            (ClipboardManager) getContext().getSystemService(Context.CLIPBOARD_SERVICE);
-        ClipData previousClipData = clipboard.getPrimaryClip();
-        if (previousClipData != null) {
-          for (int i = 0; i < previousClipData.getItemCount(); i++) {
-            final CharSequence text = previousClipData.getItemAt(i).coerceToText(getContext());
-            final CharSequence paste = (text instanceof Spanned) ? text.toString() : text;
-            if (paste != null) {
-              ClipData clipData = ClipData.newPlainText(null, text);
-              clipboard.setPrimaryClip(clipData);
-            }
-          }
-          boolean actionPerformed = super.onTextContextMenuItem(id);
-          clipboard.setPrimaryClip(previousClipData);
-          return actionPerformed;
-        }
-      }
+      id = android.R.id.pasteAsPlainText;
     }
     return super.onTextContextMenuItem(id);
   }
@@ -381,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;
   }
 
@@ -402,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);
@@ -445,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;
   }
 
@@ -493,7 +476,7 @@ public String getSubmitBehavior() {
     return mSubmitBehavior;
   }
 
-  public void setSubmitBehavior(String submitBehavior) {
+  public void setSubmitBehavior(@Nullable String submitBehavior) {
     mSubmitBehavior = submitBehavior;
   }
 
@@ -611,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);
@@ -702,10 +685,8 @@ public void maybeSetText(ReactTextUpdate reactTextUpdate) {
     }
     mDisableTextDiffing = false;
 
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      if (getBreakStrategy() != reactTextUpdate.getTextBreakStrategy()) {
-        setBreakStrategy(reactTextUpdate.getTextBreakStrategy());
-      }
+    if (getBreakStrategy() != reactTextUpdate.getTextBreakStrategy()) {
+      setBreakStrategy(reactTextUpdate.getTextBreakStrategy());
     }
 
     // Update cached spans (in Fabric only).
@@ -844,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(
@@ -1250,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/ReactTextInputEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.java
deleted file mode 100644
index 2f4fb2fa7836..000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputEvent.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.textinput;
-
-import androidx.annotation.Nullable;
-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 EditText native view when text changes. VisibleForTesting from {@link
- * TextInputEventsTestCase}.
- */
-public class ReactTextInputEvent extends Event<ReactTextInputEvent> {
-
-  public static final String EVENT_NAME = "topTextInput";
-
-  private String mText;
-  private String mPreviousText;
-  private int mRangeStart;
-  private int mRangeEnd;
-
-  @Deprecated
-  public ReactTextInputEvent(
-      int viewId, String text, String previousText, int rangeStart, int rangeEnd) {
-    this(ViewUtil.NO_SURFACE_ID, viewId, text, previousText, rangeStart, rangeEnd);
-  }
-
-  public ReactTextInputEvent(
-      int surfaceId, int viewId, String text, String previousText, int rangeStart, int rangeEnd) {
-    super(surfaceId, viewId);
-    mText = text;
-    mPreviousText = previousText;
-    mRangeStart = rangeStart;
-    mRangeEnd = rangeEnd;
-  }
-
-  @Override
-  public String getEventName() {
-    return EVENT_NAME;
-  }
-
-  @Override
-  public boolean canCoalesce() {
-    // We don't want to miss any textinput event, as event data is incremental.
-    return false;
-  }
-
-  @Nullable
-  @Override
-  protected WritableMap getEventData() {
-    WritableMap eventData = Arguments.createMap();
-    WritableMap range = Arguments.createMap();
-    range.putDouble("start", mRangeStart);
-    range.putDouble("end", mRangeEnd);
-
-    eventData.putString("text", mText);
-    eventData.putString("previousText", mPreviousText);
-    eventData.putMap("range", range);
-
-    eventData.putInt("target", getViewTag());
-    return eventData;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
index 206f0ce84c9d..9973b6ec2a57 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputKeyPressEvent.java
@@ -14,7 +14,7 @@
 import com.facebook.react.uimanager.events.Event;
 
 /** Event emitted by EditText native view when key pressed */
-public class ReactTextInputKeyPressEvent extends Event<ReactTextInputEvent> {
+/* package */ class ReactTextInputKeyPressEvent extends Event<ReactTextInputKeyPressEvent> {
 
   public static final String EVENT_NAME = "topKeyPress";
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
index a85051068d29..d8b60b38d1c7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputLocalData.java
@@ -7,7 +7,6 @@
 
 package com.facebook.react.views.textinput;
 
-import android.os.Build;
 import android.text.SpannableStringBuilder;
 import android.util.TypedValue;
 import android.widget.EditText;
@@ -30,12 +29,7 @@ public ReactTextInputLocalData(EditText editText) {
     mPlaceholder = editText.getHint();
     mMinLines = editText.getMinLines();
     mMaxLines = editText.getMaxLines();
-
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      mBreakStrategy = editText.getBreakStrategy();
-    } else {
-      mBreakStrategy = 0;
-    }
+    mBreakStrategy = editText.getBreakStrategy();
   }
 
   public void apply(EditText editText) {
@@ -45,8 +39,6 @@ public void apply(EditText editText) {
     editText.setMaxLines(mMaxLines);
     editText.setInputType(mInputType);
     editText.setHint(mPlaceholder);
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
-      editText.setBreakStrategy(mBreakStrategy);
-    }
+    editText.setBreakStrategy(mBreakStrategy);
   }
 }
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 8496a7d059e4..451fd070fd9f 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;
@@ -168,14 +167,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;
@@ -386,6 +382,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);
@@ -524,70 +525,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"));
@@ -747,9 +802,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()) {
@@ -838,14 +893,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;
       }
     }
 
@@ -1016,7 +1076,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) {
@@ -1062,17 +1122,12 @@ public void onTextChanged(CharSequence s, int start, int before, int count) {
       }
 
       // The event that contains the event counter and updates it must be sent first.
-      // TODO: t7936714 merge these events
       mEventDispatcher.dispatchEvent(
           new ReactTextChangedEvent(
               mSurfaceId,
               mEditText.getId(),
               s.toString(),
               mEditText.incrementAndGetEventCounter()));
-
-      mEventDispatcher.dispatchEvent(
-          new ReactTextInputEvent(
-              mSurfaceId, mEditText.getId(), newText, oldText, start, start + before));
     }
 
     @Override
@@ -1085,73 +1140,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;
         });
   }
 
@@ -1244,7 +1293,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) {
@@ -1256,7 +1305,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,
@@ -1273,14 +1322,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(
@@ -1352,7 +1401,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) {
@@ -1361,10 +1411,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 8c123d7545b8..9935359203a0 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
@@ -7,8 +7,6 @@
 
 package com.facebook.react.views.textinput;
 
-import android.annotation.TargetApi;
-import android.os.Build;
 import android.text.Layout;
 import android.util.TypedValue;
 import android.view.ViewGroup;
@@ -35,11 +33,10 @@
 import com.facebook.yoga.YogaNode;
 
 @VisibleForTesting
-@TargetApi(Build.VERSION_CODES.M)
 public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
     implements YogaMeasureFunction {
 
-  private int mMostRecentEventCount = UNSET;
+  private int mMostRecentEventCount = ReactConstants.UNSET;
   private @Nullable EditText mInternalEditText;
   private @Nullable ReactTextInputLocalData mLocalData;
 
@@ -53,10 +50,7 @@ public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
   public ReactTextInputShadowNode(
       @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
     super(reactTextViewManagerCallback);
-    mTextBreakStrategy =
-        (Build.VERSION.SDK_INT < Build.VERSION_CODES.M)
-            ? Layout.BREAK_STRATEGY_SIMPLE
-            : Layout.BREAK_STRATEGY_HIGH_QUALITY;
+    mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
 
     initMeasureFunction();
   }
@@ -114,12 +108,11 @@ public long measure(
     } else {
       editText.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextAttributes.getEffectiveFontSize());
 
-      if (mNumberOfLines != UNSET) {
+      if (mNumberOfLines != ReactConstants.UNSET) {
         editText.setLines(mNumberOfLines);
       }
 
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M
-          && editText.getBreakStrategy() != mTextBreakStrategy) {
+      if (editText.getBreakStrategy() != mTextBreakStrategy) {
         editText.setBreakStrategy(mTextBreakStrategy);
       }
     }
@@ -182,10 +175,6 @@ public void setPlaceholder(@Nullable String placeholder) {
 
   @Override
   public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      return;
-    }
-
     if (textBreakStrategy == null || "simple".equals(textBreakStrategy)) {
       mTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
     } else if ("highQuality".equals(textBreakStrategy)) {
@@ -202,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 a45d341c8858..63cf5c2c8782 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 23b47c251bed..1a004bde3f4c 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 679984828482..000000000000
--- 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 434be098b1a2..000000000000
--- 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 f9695e8ce93b..e1a45b416d13 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 c8440695c013..a123f6b5bc2a 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,7 +20,9 @@
  * 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>
  */
-public class CanvasUtil {
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class CanvasUtil {
+
   private CanvasUtil() {}
 
   private @Nullable static Method mReorderBarrierMethod = null;
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 f1efecf3f0da..133c8e133465 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 b20a9792ad02..7d3fe5afdff0 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 bb2a051bbb27..25621c370089 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/ReactDrawableHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
index 2c6107e47358..e67e2f74d21f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactDrawableHelper.java
@@ -13,7 +13,6 @@
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
 import android.graphics.drawable.RippleDrawable;
-import android.os.Build;
 import android.util.TypedValue;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -76,9 +75,7 @@ private static RippleDrawable getRippleDrawable(
   }
 
   private static Drawable setRadius(ReadableMap drawableDescriptionDict, Drawable drawable) {
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M
-        && drawableDescriptionDict.hasKey("rippleRadius")
-        && drawable instanceof RippleDrawable) {
+    if (drawableDescriptionDict.hasKey("rippleRadius") && drawable instanceof RippleDrawable) {
       RippleDrawable rippleDrawable = (RippleDrawable) drawable;
       double rippleRadius = drawableDescriptionDict.getDouble("rippleRadius");
       rippleDrawable.setRadius((int) PixelUtil.toPixelFromDIP(rippleRadius));
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 7447e45313a5..000000000000
--- 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 e1a19fd9dd11..000000000000
--- 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 110bf7527da0..c93128a89aa2 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 9b479fa42214..5c616597d502 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 d21362d48fb7..793a0f9a5843 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/ReactViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
index 7f3a931e964f..dde735192aaf 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManager.java
@@ -7,9 +7,7 @@
 
 package com.facebook.react.views.view;
 
-import android.annotation.TargetApi;
 import android.graphics.Rect;
-import android.os.Build;
 import android.view.View;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -203,7 +201,6 @@ public void setNativeBackground(ReactViewGroup view, @Nullable ReadableMap bg) {
             : ReactDrawableHelper.createDrawableFromJSDescription(view.getContext(), bg));
   }
 
-  @TargetApi(Build.VERSION_CODES.M)
   @ReactProp(name = "nativeForegroundAndroid")
   public void setNativeForeground(ReactViewGroup view, @Nullable ReadableMap fg) {
     view.setForeground(
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 69518a1524ba..000000000000
--- 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 0d071c23d80f..e6d7c0f10afe 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 a60d77e0f294..00535154fca1 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 bd7b2998ce3a..c841acd741fc 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 8e7c94921c90..a131cca4694f 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 6ae5ac0e7cbf..a0f26bf2a930 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 a9e621ef5a71..3fabbb917292 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 89e3cde6b02d..9be9edcf8742 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 1f19ec5bbdee..4875ac3e8ca2 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 9100e64c817b..df958df1666a 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 ab617c7f16ff..23cf2a31e530 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 54eacc51d3a1..000000000000
--- 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 64102e3db2d4..0fe09d67baa6 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,13 +70,13 @@ 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)
 add_react_common_subdir(react/renderer/mounting)
 add_react_common_subdir(react/renderer/scheduler)
 add_react_common_subdir(react/renderer/telemetry)
-add_react_common_subdir(react/renderer/templateprocessor)
 add_react_common_subdir(react/renderer/uimanager)
 add_react_common_subdir(react/renderer/core)
 add_react_common_subdir(react/renderer/element)
@@ -120,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
@@ -152,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
@@ -164,7 +165,6 @@ add_executable(reactnative_unittest
   ${REACT_COMMON_DIR}/react/renderer/runtimescheduler/tests/RuntimeSchedulerTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/runtimescheduler/tests/SchedulerPriorityTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/telemetry/tests/TransactionTelemetryTest.cpp
-  ${REACT_COMMON_DIR}/react/renderer/templateprocessor/tests/UITemplateProcessorTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/textlayoutmanager/tests/TextLayoutManagerTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/uimanager/tests/FabricUIManagerTest.cpp
 
@@ -192,7 +192,6 @@ add_executable(reactnative_unittest
 
   target_link_libraries(reactnative_unittest
   folly_runtime
-  folly_futures
   glog
   glog_init
   gtest_main
@@ -209,7 +208,6 @@ add_executable(reactnative_unittest
   react_render_graphics
   react_render_mapbuffer
   react_render_mounting
-  react_render_templateprocessor
   react_render_textlayoutmanager
   react_render_uimanager
   react_utils
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 16eb9527e1b8..572123bb390a 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 45ffd31f75fa..194f607cc113 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 9e69b7b70a56..97fb17899c52 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 000000000000..c2c6b29a7446
--- /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 000000000000..ab900a18bd83
--- /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 000000000000..18252ae9d7a1
--- /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 000000000000..d10f8f295e58
--- /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 000000000000..087c5ecb579d
--- /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 000000000000..7de472736303
--- /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 000000000000..d73b360fb8a5
--- /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 000000000000..353ea02312d7
--- /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 000000000000..b8f6919c652e
--- /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 000000000000..a826068d7998
--- /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 000000000000..e91e7cc7d5d2
--- /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 000000000000..17eb2ddac844
--- /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 000000000000..7338df4b1389
--- /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 000000000000..1a08e13bd30f
--- /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 e61652c54720..c3a0c8c226de 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>
@@ -219,21 +220,6 @@ void Binding::startSurfaceWithConstraints(
   mountingManager->onSurfaceStart(surfaceId);
 }
 
-void Binding::renderTemplateToSurface(jint surfaceId, jstring uiTemplate) {
-  SystraceSection s("FabricUIManagerBinding::renderTemplateToSurface");
-
-  auto scheduler = getScheduler();
-  if (!scheduler) {
-    LOG(ERROR) << "Binding::renderTemplateToSurface: scheduler disappeared";
-    return;
-  }
-
-  auto env = jni::Environment::current();
-  const char* nativeString = env->GetStringUTFChars(uiTemplate, JNI_FALSE);
-  scheduler->renderTemplateToSurface(surfaceId, nativeString);
-  env->ReleaseStringUTFChars(uiTemplate, nativeString);
-}
-
 void Binding::stopSurface(jint surfaceId) {
   SystraceSection s("FabricUIManagerBinding::stopSurface");
 
@@ -429,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 =
@@ -457,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_;
   }
@@ -495,8 +474,7 @@ std::shared_ptr<FabricMountingManager> Binding::getMountingManager(
 
 void Binding::schedulerDidFinishTransaction(
     const MountingCoordinator::Shared& mountingCoordinator) {
-  auto mountingManager = getMountingManager("schedulerDidFinishTransaction");
-  if (!mountingManager) {
+  if (!ReactNativeFeatureFlags::androidEnablePendingFabricTransactions()) {
     return;
   }
 
@@ -504,7 +482,43 @@ void Binding::schedulerDidFinishTransaction(
   if (!mountingTransaction.has_value()) {
     return;
   }
-  mountingManager->executeMount(*mountingTransaction);
+
+  std::unique_lock<std::mutex> lock(pendingTransactionsMutex_);
+  auto pendingTransaction = std::find_if(
+      pendingTransactions_.begin(),
+      pendingTransactions_.end(),
+      [&](const auto& transaction) {
+        return transaction.getSurfaceId() ==
+            mountingTransaction->getSurfaceId();
+      });
+
+  if (pendingTransaction != pendingTransactions_.end()) {
+    pendingTransaction->mergeWith(std::move(*mountingTransaction));
+  } else {
+    pendingTransactions_.push_back(std::move(*mountingTransaction));
+  }
+}
+
+void Binding::schedulerShouldRenderTransactions(
+    const MountingCoordinator::Shared& mountingCoordinator) {
+  auto mountingManager =
+      getMountingManager("schedulerShouldRenderTransactions");
+  if (!mountingManager) {
+    return;
+  }
+
+  if (ReactNativeFeatureFlags::androidEnablePendingFabricTransactions()) {
+    std::unique_lock<std::mutex> lock(pendingTransactionsMutex_);
+    for (auto& transaction : pendingTransactions_) {
+      mountingManager->executeMount(transaction);
+    }
+    pendingTransactions_.clear();
+  } else {
+    auto mountingTransaction = mountingCoordinator->pullTransaction();
+    if (mountingTransaction.has_value()) {
+      mountingManager->executeMount(*mountingTransaction);
+    }
+  }
 }
 
 void Binding::schedulerDidRequestPreliminaryViewAllocation(
@@ -581,8 +595,6 @@ void Binding::registerNatives() {
           "getInspectorDataForInstance", Binding::getInspectorDataForInstance),
       makeNativeMethod(
           "startSurfaceWithConstraints", Binding::startSurfaceWithConstraints),
-      makeNativeMethod(
-          "renderTemplateToSurface", Binding::renderTemplateToSurface),
       makeNativeMethod("stopSurface", Binding::stopSurface),
       makeNativeMethod("setConstraints", Binding::setConstraints),
       makeNativeMethod("setPixelDensity", Binding::setPixelDensity),
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 d4266bcab6f2..dec5855b096f 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
@@ -8,6 +8,7 @@
 #pragma once
 
 #include <memory>
+#include <mutex>
 #include <shared_mutex>
 #include <unordered_map>
 
@@ -34,7 +35,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:
@@ -88,8 +93,6 @@ class Binding : public jni::HybridClass<Binding>,
       jboolean isRTL,
       jboolean doLeftAndRightSwapInRTL);
 
-  void renderTemplateToSurface(jint surfaceId, jstring uiTemplate);
-
   void stopSurface(jint surfaceId);
 
   void registerSurface(SurfaceHandlerBinding* surfaceHandler);
@@ -99,6 +102,9 @@ class Binding : public jni::HybridClass<Binding>,
   void schedulerDidFinishTransaction(
       const MountingCoordinator::Shared& mountingCoordinator) override;
 
+  void schedulerShouldRenderTransactions(
+      const MountingCoordinator::Shared& mountingCoordinator) override;
+
   void schedulerDidRequestPreliminaryViewAllocation(
       const SurfaceId surfaceId,
       const ShadowNode& shadowNode) override;
@@ -144,6 +150,10 @@ class Binding : public jni::HybridClass<Binding>,
   std::shared_mutex
       surfaceHandlerRegistryMutex_; // Protects `surfaceHandlerRegistry_`.
 
+  // Track pending transactions, one per surfaceId
+  std::mutex pendingTransactionsMutex_;
+  std::vector<MountingTransaction> pendingTransactions_;
+
   float pointScaleFactor_ = 1;
 
   std::shared_ptr<const ReactNativeConfig> reactNativeConfig_{nullptr};
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 3e75ad4eed65..38dfe037936a 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
@@ -38,7 +39,6 @@ target_link_libraries(
         react_render_runtimescheduler
         react_render_scheduler
         react_render_telemetry
-        react_render_templateprocessor
         react_render_textlayoutmanager
         react_render_uimanager
         react_utils
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 5cc5aae68d5b..fd8e579865f7 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,7 @@ CoreComponentsRegistry::sharedProviderRegistry() {
     providerRegistry->add(concreteComponentDescriptorProvider<
                           AndroidDrawerLayoutComponentDescriptor>());
     providerRegistry->add(concreteComponentDescriptorProvider<
-                          TraceUpdateOverlayComponentDescriptor>());
+                          DebuggingOverlayComponentDescriptor>());
 
     return providerRegistry;
   }();
@@ -85,14 +85,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 75c42d6c5f4d..2a459f77167f 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 9ee80750c165..0dff4e3daff2 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 000000000000..200ea87ef512
--- /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 000000000000..941b082bf311
--- /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 a2ccdbf5d570..48326b97c260 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 67176fad7cdb..1e4ab75b8265 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 b04187bbbe45..84c3ae5b5403 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 8be8770ddbd1..a1692357e0dd 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 38d4f0fc5c00..000000000000
--- 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 000000000000..ca8f719077f7
--- /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 000000000000..d800c08086fc
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.cpp
@@ -0,0 +1,234 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<7ab741aec808bc3a138470fe18ef8b8a>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("androidEnablePendingFabricTransactions");
+    return method(javaProvider_);
+  }
+
+  bool batchRenderingUpdatesInEventLoop() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("batchRenderingUpdatesInEventLoop");
+    return method(javaProvider_);
+  }
+
+  bool destroyFabricSurfacesInReactInstanceManager() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("destroyFabricSurfacesInReactInstanceManager");
+    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 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::androidEnablePendingFabricTransactions(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::androidEnablePendingFabricTransactions();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::batchRenderingUpdatesInEventLoop(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::destroyFabricSurfacesInReactInstanceManager(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::destroyFabricSurfacesInReactInstanceManager();
+}
+
+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::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(
+        "androidEnablePendingFabricTransactions",
+        JReactNativeFeatureFlagsCxxInterop::androidEnablePendingFabricTransactions),
+      makeNativeMethod(
+        "batchRenderingUpdatesInEventLoop",
+        JReactNativeFeatureFlagsCxxInterop::batchRenderingUpdatesInEventLoop),
+      makeNativeMethod(
+        "destroyFabricSurfacesInReactInstanceManager",
+        JReactNativeFeatureFlagsCxxInterop::destroyFabricSurfacesInReactInstanceManager),
+      makeNativeMethod(
+        "enableBackgroundExecutor",
+        JReactNativeFeatureFlagsCxxInterop::enableBackgroundExecutor),
+      makeNativeMethod(
+        "useModernRuntimeScheduler",
+        JReactNativeFeatureFlagsCxxInterop::useModernRuntimeScheduler),
+      makeNativeMethod(
+        "enableMicrotasks",
+        JReactNativeFeatureFlagsCxxInterop::enableMicrotasks),
+      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 000000000000..ce97635d8fad
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.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.
+ *
+ * @generated SignedSource<<0d37cc1fb8217b0f4a849e178ec2ec68>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool batchRenderingUpdatesInEventLoop(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool destroyFabricSurfacesInReactInstanceManager(
+    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 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 000000000000..40ff2f89d762
--- /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 13f248431dae..aa56434fc8d8 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 dd837d50dff5..4bc161bdb6b7 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_);
@@ -362,7 +351,7 @@ CatalystInstanceImpl::getNativeMethodCallInvokerHolder() {
           : messageQueueThread_(messageQueueThread) {}
       void invokeAsync(
           const std::string& methodName,
-          std::function<void()>&& work) override {
+          std::function<void()>&& work) noexcept override {
         messageQueueThread_->runOnQueue(std::move(work));
       }
       void invokeSync(
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 7c88f0b6949a..6e16f11bdc5a 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 82db6c3d03bf..000000000000
--- 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 5cbb95966c2f..80747e18f8d5 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 807f95cd8cf7..0220f800d3d3 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/JDynamicNative.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JDynamicNative.cpp
new file mode 100644
index 000000000000..477b933744c2
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JDynamicNative.cpp
@@ -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.
+ */
+
+#include "JDynamicNative.h"
+#include "ReadableNativeArray.h"
+#include "ReadableNativeMap.h"
+
+using namespace facebook::jni;
+
+namespace facebook::react {
+
+jboolean JDynamicNative::isNullNative() {
+  return payload_.isNull();
+}
+
+jni::local_ref<ReadableType> JDynamicNative::getTypeNative() {
+  return ReadableType::getType(payload_.type());
+}
+
+jni::local_ref<jstring> JDynamicNative::asString() {
+  return jni::make_jstring(payload_.asString());
+}
+
+jboolean JDynamicNative::asBoolean() {
+  return payload_.asBool();
+}
+
+jdouble JDynamicNative::asDouble() {
+  return payload_.asDouble();
+}
+
+jni::local_ref<ReadableArray> JDynamicNative::asArray() {
+  return jni::adopt_local(reinterpret_cast<ReadableArray::javaobject>(
+      ReadableNativeArray::newObjectCxxArgs(payload_).release()));
+}
+
+jni::local_ref<ReadableMap> JDynamicNative::asMap() {
+  return jni::adopt_local(reinterpret_cast<ReadableMap::javaobject>(
+      ReadableNativeMap::createWithContents(std::move(payload_)).release()));
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JDynamicNative.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JDynamicNative.h
new file mode 100644
index 000000000000..8b05243fc227
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JDynamicNative.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 "NativeCommon.h"
+#include "ReadableNativeArray.h"
+#include "ReadableNativeMap.h"
+
+#include <fbjni/fbjni.h>
+#include <folly/dynamic.h>
+#include <folly/json.h>
+
+namespace facebook::react {
+
+struct JDynamic : public jni::JavaClass<JDynamic> {
+  constexpr static auto kJavaDescriptor = "Lcom/facebook/react/bridge/Dynamic;";
+};
+
+class JDynamicNative : public jni::HybridClass<JDynamicNative, JDynamic> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/react/bridge/DynamicNative;";
+
+  JDynamicNative(folly::dynamic payload) : payload_(std::move(payload)) {}
+
+  static void registerNatives() {
+    javaClassStatic()->registerNatives(
+        {makeNativeMethod("isNullNative", JDynamicNative::isNullNative),
+         makeNativeMethod("getTypeNative", JDynamicNative::getTypeNative),
+         makeNativeMethod("asDouble", JDynamicNative::asDouble),
+         makeNativeMethod("asBoolean", JDynamicNative::asBoolean),
+         makeNativeMethod("asString", JDynamicNative::asString),
+         makeNativeMethod("asArray", JDynamicNative::asArray),
+         makeNativeMethod("asMap", JDynamicNative::asMap)});
+  }
+
+ private:
+  friend HybridBase;
+
+  jni::local_ref<ReadableType> getTypeNative();
+  jni::local_ref<jstring> asString();
+  jboolean asBoolean();
+  jdouble asDouble();
+  jboolean isNullNative();
+  jni::local_ref<ReadableArray> asArray();
+  jni::local_ref<ReadableMap> asMap();
+
+  folly::dynamic payload_;
+};
+
+} // namespace facebook::react
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 d1e7a61c1507..41e5c8f97072 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 982f2af655c2..897976e0ce7f 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 95d38baeba16..e945c01e2679 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
@@ -10,7 +10,6 @@
 #include <condition_variable>
 #include <mutex>
 
-#include <fb/log.h>
 #include <fbjni/NativeRunnable.h>
 #include <fbjni/fbjni.h>
 #include <jsi/jsi.h>
@@ -21,17 +20,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 +36,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/JMessageQueueThread.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
index 3926fa906dea..716e58b0a7b6 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.h
@@ -42,10 +42,6 @@ class JMessageQueueThread : public MessageQueueThread {
    */
   void quitSynchronous() override;
 
-  JavaMessageQueueThread::javaobject jobj() {
-    return m_jobj.get();
-  }
-
  private:
   jni::global_ref<JavaMessageQueueThread::javaobject> m_jobj;
 };
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 50f0ba2bb6d8..8c0e3ba29dd5 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 a3a60afb27fe..6d7b0eec906e 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,46 @@
 #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 "JDynamicNative.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 +69,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();
@@ -86,11 +89,9 @@ extern "C" JNIEXPORT jint JNI_OnLoad(JavaVM* vm, void* reserved) {
     NativeMap::registerNatives();
     ReadableNativeMap::registerNatives();
     WritableNativeMap::registerNatives();
+    JDynamicNative::registerNatives();
     JReactMarker::registerNatives();
-
-#ifdef WITH_INSPECTOR
     JInspector::registerNatives();
-#endif
   });
 }
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h
deleted file mode 100644
index 54c83cb1faae..000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h
+++ /dev/null
@@ -1,16 +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 <jni.h>
-
-namespace facebook::react {
-
-jmethodID getLogMarkerMethod();
-
-} // namespace facebook::react
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 f7b2d2b9d40f..68a121f909ed 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 2d080c546bf3..7bf7342a4224 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 d0d8edb87a79..9add683e2a44 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 bbd6daab4461..08f2b0bebb6d 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 166c5ed45344..3bbdeebb0505 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 73bd03920382..386d2ff1d83a 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 c4a14f39c534..e202896abc7b 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 fdcf8d00ae9b..099c245f574d 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 6dfebe4e9ae7..d16ba17aa4c5 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 1a0a705d2c72..f72e9be5ffb6 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 000000000000..3cea95847728
--- /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 000000000000..cdf1a86a7f42
--- /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/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp
new file mode 100644
index 000000000000..e7f1f355b50b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp
@@ -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.
+ */
+
+#include <fbjni/fbjni.h>
+
+#include "CxxReactPackage.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return facebook::jni::initialize(vm, [] {});
+}
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 1de9439dc870..deabc5299694 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 db12cfc4d5fc..5ee3450442db 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 ab59671367e9..f61819764c02 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/JJSEngineInstance.h
deleted file mode 100644
index 06619c451c68..000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSEngineInstance.h
+++ /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.
- */
-
-#pragma once
-
-#include <fbjni/fbjni.h>
-#include <jni.h>
-#include <react/runtime/JSEngineInstance.h>
-
-namespace facebook::react {
-
-class JJSEngineInstance : public jni::HybridClass<JJSEngineInstance>,
-                          public JSEngineInstance {
- public:
-  static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/runtime/JSEngineInstance;";
-
- private:
-  friend HybridBase;
-};
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h
new file mode 100644
index 000000000000..03c312cd378d
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h
@@ -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.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <jni.h>
+#include <react/runtime/JSRuntimeFactory.h>
+
+namespace facebook::react {
+
+class JJSRuntimeFactory : public jni::HybridClass<JJSRuntimeFactory>,
+                          public JSRuntimeFactory {
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/runtime/JSRuntimeFactory;";
+
+ private:
+  friend HybridBase;
+};
+
+} // namespace facebook::react
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 832b8aa6f2cc..ce3bc7b613e0 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 55ec3e9ffa10..6a28ea50c737 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 02e384cac712..e49a55d50243 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/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/OnLoad.cpp
index 22ab89a5bc0b..013e2ca94f07 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/OnLoad.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/OnLoad.cpp
@@ -29,7 +29,7 @@ JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
     facebook::react::CompositeTurboModuleManagerDelegate::registerNatives();
 
     facebook::jni::registerNatives(
-        "com/facebook/react/turbomodule/core/TurboModulePerfLogger",
+        "com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger",
         {makeNativeMethod("jniEnableCppLogging", jniEnableCppLogging)});
   });
 }
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 f524d969c98f..cd9f033fe1d8 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>
@@ -26,7 +27,7 @@ namespace {
 class JMethodDescriptor : public jni::JavaClass<JMethodDescriptor> {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/turbomodule/core/TurboModuleInteropUtils$MethodDescriptor;";
+      "Lcom/facebook/react/internal/turbomodule/core/TurboModuleInteropUtils$MethodDescriptor;";
 
   JavaInteropTurboModule::MethodDescriptor toMethodDescriptor() {
     return JavaInteropTurboModule::MethodDescriptor{
@@ -128,14 +129,15 @@ void TurboModuleManager::registerNatives() {
   });
 }
 
-TurboModuleProviderFunctionType
-TurboModuleManager::createTurboModuleProvider() {
+TurboModuleProviderFunctionType TurboModuleManager::createTurboModuleProvider(
+    bool enableSyncVoidMethods) {
   return [turboModuleCache_ = std::weak_ptr<ModuleCache>(turboModuleCache_),
           jsCallInvoker_ = std::weak_ptr<CallInvoker>(jsCallInvoker_),
           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 @@ 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>(
@@ -196,7 +206,8 @@ TurboModuleManager::createTurboModuleProvider() {
           .moduleName = name,
           .instance = moduleInstance,
           .jsInvoker = jsCallInvoker,
-          .nativeMethodCallInvoker = nativeMethodCallInvoker};
+          .nativeMethodCallInvoker = nativeMethodCallInvoker,
+          .shouldVoidMethodsExecuteSync = enableSyncVoidMethods};
 
       auto turboModule = delegate->cthis()->getTurboModule(name, params);
       turboModuleCache->insert({name, turboModule});
@@ -270,7 +281,8 @@ TurboModuleManager::createLegacyModuleProvider() {
           .moduleName = name,
           .instance = moduleInstance,
           .jsInvoker = jsCallInvoker,
-          .nativeMethodCallInvoker = nativeMethodCallInvoker};
+          .nativeMethodCallInvoker = nativeMethodCallInvoker,
+          .shouldVoidMethodsExecuteSync = false};
 
       static auto getMethodDescriptorsFromModule =
           javaPart->getClass()
@@ -300,21 +312,27 @@ TurboModuleManager::createLegacyModuleProvider() {
   };
 }
 
-void TurboModuleManager::installJSIBindings(bool shouldCreateLegacyModules) {
+void TurboModuleManager::installJSIBindings(
+    bool shouldCreateLegacyModules,
+    bool enableSyncVoidMethods) {
   if (!jsCallInvoker_) {
     return; // Runtime doesn't exist when attached to Chrome debugger.
   }
 
   bool isInteropLayerDisabled = !shouldCreateLegacyModules;
 
-  runtimeExecutor_([this, isInteropLayerDisabled](jsi::Runtime& runtime) {
+  runtimeExecutor_([this, isInteropLayerDisabled, enableSyncVoidMethods](
+                       jsi::Runtime& runtime) {
     if (isInteropLayerDisabled) {
-      TurboModuleBinding::install(runtime, createTurboModuleProvider());
+      TurboModuleBinding::install(
+          runtime, createTurboModuleProvider(enableSyncVoidMethods));
       return;
     }
 
     TurboModuleBinding::install(
-        runtime, createTurboModuleProvider(), createLegacyModuleProvider());
+        runtime,
+        createTurboModuleProvider(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 47c8711bb60a..d77f5dce80e4 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
@@ -26,7 +26,7 @@ namespace facebook::react {
 class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/turbomodule/core/TurboModuleManager;";
+      "Lcom/facebook/react/internal/turbomodule/core/TurboModuleManager;";
   static jni::local_ref<jhybriddata> initHybrid(
       jni::alias_ref<jhybridobject> jThis,
       jni::alias_ref<JRuntimeExecutor::javaobject> runtimeExecutor,
@@ -56,7 +56,9 @@ class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
   std::shared_ptr<ModuleCache> turboModuleCache_;
   std::shared_ptr<ModuleCache> legacyModuleCache_;
 
-  void installJSIBindings(bool shouldCreateLegacyModules);
+  void installJSIBindings(
+      bool shouldCreateLegacyModules,
+      bool enableSyncVoidMethods);
   explicit TurboModuleManager(
       jni::alias_ref<TurboModuleManager::jhybridobject> jThis,
       RuntimeExecutor runtimeExecutor,
@@ -64,7 +66,8 @@ class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
       std::shared_ptr<NativeMethodCallInvoker> nativeMethodCallInvoker,
       jni::alias_ref<TurboModuleManagerDelegate::javaobject> delegate);
 
-  TurboModuleProviderFunctionType createTurboModuleProvider();
+  TurboModuleProviderFunctionType createTurboModuleProvider(
+      bool enableSyncVoidMethods);
   TurboModuleProviderFunctionType createLegacyModuleProvider();
 };
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManagerDelegate.h b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManagerDelegate.h
index 46fac66e2a98..0c387004da3b 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManagerDelegate.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManagerDelegate.h
@@ -19,7 +19,7 @@ class TurboModuleManagerDelegate
     : public jni::HybridClass<TurboModuleManagerDelegate> {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/turbomodule/core/TurboModuleManagerDelegate;";
+      "Lcom/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate;";
 
   virtual std::shared_ptr<TurboModule> getTurboModule(
       const std::string& name,
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 174b6bb4e54e..8e988060f617 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 ba537da6eb8b..c2996a50f4ce 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/fmt/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/third-party/fmt/CMakeLists.txt
index 3c03de22fc4a..65d6a74095ff 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/fmt/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/third-party/fmt/CMakeLists.txt
@@ -6,7 +6,7 @@
 cmake_minimum_required(VERSION 3.13)
 set(CMAKE_VERBOSE_MAKEFILE on)
 
-add_compile_options(-std=c++11 -fexceptions)
+add_compile_options(-std=c++20 -fexceptions)
 
 add_library(fmt STATIC src/format.cc)
 
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 da795b8a7e8c..9cef8e899639 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
@@ -24,31 +24,35 @@ SET(folly_FLAGS
 ##################
 
 SET(folly_runtime_SRC
-        folly/SharedMutex.cpp
-        folly/concurrency/CacheLocality.cpp
-        folly/detail/Futex.cpp
-        folly/lang/SafeAssert.cpp
-        folly/lang/ToAscii.cpp
-        folly/synchronization/ParkingLot.cpp
-        folly/system/ThreadId.cpp
-        folly/system/ThreadName.cpp
-        folly/json.cpp
-        folly/Unicode.cpp
         folly/Conv.cpp
         folly/Demangle.cpp
-        folly/memory/detail/MallocImpl.cpp
-        folly/String.cpp
         folly/dynamic.cpp
         folly/FileUtil.cpp
         folly/Format.cpp
-        folly/net/NetOps.cpp
         folly/json_pointer.cpp
-        folly/lang/CString.cpp
+        folly/json.cpp
+        folly/ScopeGuard.cpp
+        folly/SharedMutex.cpp
+        folly/String.cpp
+        folly/Unicode.cpp
+        folly/concurrency/CacheLocality.cpp
+        folly/container/detail/F14Table.cpp
+        folly/detail/FileUtilDetail.cpp
+        folly/detail/Futex.cpp
+        folly/detail/SplitStringSimd.cpp
         folly/detail/UniqueInstance.cpp
         folly/hash/SpookyHashV2.cpp
-        folly/container/detail/F14Table.cpp
-        folly/ScopeGuard.cpp
-        folly/portability/SysUio.cpp)
+        folly/lang/CString.cpp
+        folly/lang/SafeAssert.cpp
+        folly/lang/ToAscii.cpp
+        folly/memory/detail/MallocImpl.cpp
+        folly/net/NetOps.cpp
+        folly/portability/SysUio.cpp
+        folly/synchronization/SanitizeThread.cpp
+        folly/synchronization/ParkingLot.cpp
+        folly/system/AtFork.cpp
+        folly/system/ThreadId.cpp
+        folly/system/ThreadName.cpp)
 
 add_library(folly_runtime SHARED ${folly_runtime_SRC})
 
@@ -64,58 +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/ExceptionWrapper.cpp
-        folly/ExceptionString.cpp
-        folly/Executor.cpp
-        folly/Singleton.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/memory/MallctlHelper.cpp
-        folly/portability/SysMembarrier.cpp
-        folly/synchronization/AsymmetricThreadFence.cpp
-        folly/synchronization/Hazptr.cpp
-        folly/synchronization/WaitOptions.cpp
-        folly/synchronization/detail/Sleeper.cpp
-        folly/system/AtFork.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 964111f13cfa..000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/CMakeLists.txt
+++ /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.
-
-cmake_minimum_required(VERSION 3.13)
-set(CMAKE_VERBOSE_MAKEFILE on)
-
-add_compile_options(
-        -DNDEBUG
-        -O2
-        -Wno-unused-function
-        -Wno-unneeded-internal-declaration
-        -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 f6b08e353e84..000000000000
--- 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 91acdb6f4dad..000000000000
--- 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 32e4bbd5644d..84ca14602c80 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-af/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-af/strings.xml
index be441f6e6398..24e1b69fe6b4 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-af/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-af/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: af_ZA -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Toestelspesifieke ontwikkelaarkieslys vir reaksies (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Wys %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ar/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ar/strings.xml
index 39018d371fe9..9ee5b1218296 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ar/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ar/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ar_AR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">التفاعل مع قائمة التطوير الأصلي (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">تشغيل %1$s</string>
 </resources>
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 7224dbc28d87..000000000000
--- 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-bg/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bg/strings.xml
index 88472622ff9d..09b7b31c671d 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bg/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bg/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: bg_BG -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Управление на %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bn/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bn/strings.xml
index 0f2812a24ef0..b5d516623ef9 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bn/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bn/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: bn_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">রিয়েকশন নেটিভ ডেভেলপার মেনু (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s চলছে</string>
 </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 488326305ad9..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bs/strings.xml
+++ /dev/null
@@ -1,7 +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="catalyst_dev_menu_sub_header" gender="unknown">Prikazuje %1$s</string>
-</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 89de99e2b6bf..000000000000
--- 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-cs/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cs/strings.xml
index ca0aeddeb5cb..b556b85f3bc3 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cs/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cs/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: cs_CZ -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Nabídka React Native Dev (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Spuštěno: %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-da/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-da/strings.xml
index 0656358b2b90..1fd6723b3bae 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-da/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-da/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: da_DK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Kører %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-el/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-el/strings.xml
index e619a3f967bf..0604fa12ac1e 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-el/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-el/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: el_GR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Προβάλλεται: %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-en-rGB/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-en-rGB/strings.xml
index 63bb3b42ae9d..49147780ee63 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-en-rGB/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-en-rGB/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: en_GB -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React native dev menu (%1$s)</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es-rES/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es-rES/strings.xml
index 4aba889d969b..025a080a25a9 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es-rES/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es-rES/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: es_ES -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menú del desarrollador de React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Se está ejecutando %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es/strings.xml
index 084c9b7f192c..bfb1514177a8 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-es/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: es_LA -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menú de desarrollador nativo de reacción (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Se está ejecutando %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-et/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-et/strings.xml
index ef1ea85b10f1..e17476d14d88 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-et/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-et/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: et_EE -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native’i arendaja menüü (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Töötab %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fa/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fa/strings.xml
index 922b0dbdb4b4..72270d97102a 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fa/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fa/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: fa_IR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">واکنش منوی (%1$s) انحراف محلی</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">اجرای %1$s</string>
 </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 448b9c7e8f40..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb-rLS/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">React Native Dev Menu (%1$s)\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Running %1$s\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@\@</string>
-</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 05438a4eb22e..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">[React Native Dev Menu (%1$s)#f560753940a8856cdc2de8717c0295df:1]</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">[Running %1$s#c566f94d6bbe163799a3235b4b55f9d1:1]</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fi/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fi/strings.xml
index 9fdab18be395..7c49d51816ed 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fi/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fi/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: fi_FI -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Reagointien natiivikehittäjävalikko (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Näytetään %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr-rCA/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr-rCA/strings.xml
index 12dae28ef0c5..d5fe3fb4a959 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr-rCA/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr-rCA/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: fr_CA -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s en cours</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr/strings.xml
index f81cf0999513..64b98fc6a925 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fr/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: fr_FR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">En cours %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-gu/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-gu/strings.xml
index 139d0c2fe58a..2a2946b617eb 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-gu/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-gu/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: gu_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">મૂળ ડેવ મેનૂ (%1$s) પર પ્રતિક્રિયા આપો</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ચાલુ છે</string>
 </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 5fda75f3b55d..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ha/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">Mazaɓar Martanin Native Dev (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Gudanar da %1$s</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hi/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hi/strings.xml
index ba20ef7f4979..3bca368f0158 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hi/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hi/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: hi_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">रिएक्शन नेटिव डेवलपर मेनू (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s चला रहे हैं</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hr/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hr/strings.xml
index e63ea4473038..97250a3e1f6a 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hr/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hr/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: hr_HR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React native dev izbornik (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Pokretanje %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hu/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hu/strings.xml
index 12a1941326e3..7c28e052110c 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hu/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-hu/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: hu_HU -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native-fejlesztői menü – (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Futó %1$s</string>
 </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 46a9c6719511..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-in/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">Menanggapi Menu Dev Asli (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Menjalankan %1$s</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-it/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-it/strings.xml
index 90c67bb8e04b..89dcf449cfb4 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-it/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-it/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: it_IT -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu sviluppatori React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s in esecuzione</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-iw/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-iw/strings.xml
index db5d49d33dc5..dcca08e175b5 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-iw/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-iw/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: he_IL -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">תפריט מקומי למפתחים (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s בפעילות</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ja/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ja/strings.xml
index 7650e689bee8..437a25fe2bea 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ja/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ja/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ja_JP -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native開発メニュー(%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$sの実行中</string>
 </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 700a52183bc5..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-jv/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">Menu React Native Dev (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Lagi tayang %1$s</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ka/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ka/strings.xml
index 03f9c20615dc..1c2a251fabd6 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ka/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ka/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ka_GE -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native-ის დეველოპერთა მენიუ (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">გაშვებულია %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-km/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-km/strings.xml
index 4d3512a5a0f5..d6ed5fadf8cf 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-km/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-km/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: km_KH -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">ប្រតិកម្ម​ម៉ឺនុយ​​អភិវឌ្ឍដើម (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">ដំណើរការ %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-kn/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-kn/strings.xml
index 2e276ebb0b2a..b4a93b39ff0b 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-kn/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-kn/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: kn_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">ಸ್ಥಳೀಯ ದೇವ್ ಮೆನುವನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಿ (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ರನ್ ಆಗುತ್ತಿದೆ</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ko/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ko/strings.xml
index 33a74608b614..ba310011f0d5 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ko/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ko/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ko_KR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native 개발자 메뉴 (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s 실행 중</string>
 </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 60ec646388c5..000000000000
--- 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-lt/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lt/strings.xml
index 285da215ee4f..c3177bbf2329 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lt/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lt/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: lt_LT -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Reagavimo savasis kūrėjo meniu „(%1$s)“</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Rodoma „%1$s“</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lv/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lv/strings.xml
index 37c13f27644d..a66be9d1d970 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lv/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-lv/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: lv_LV -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Reakciju vietējā izstrādātāju izvēlne (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Darbojas %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mk/strings.xml
index f9f5f25ffb8d..1c76e1bb07c6 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mk/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mk/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: mk_MK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Реакција на нативно програмерско мени (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Се извршува %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ml/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ml/strings.xml
index 4bb7b371717d..5d568f332329 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ml/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ml/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ml_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">പ്രതികരണ നേറ്റീവ് ഡെവ മെനു (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">റൺ ചെയ്യുന്നു %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mr/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mr/strings.xml
index 9ac80326166d..ad239221c0e9 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mr/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-mr/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: mr_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">मुळ डीईव्ही मेनू प्रतिक्रिया द्या (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">प्रसारित होत आहे %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ms/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ms/strings.xml
index 0134ed075df3..443eca7a57e1 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ms/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ms/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ms_MY -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu Pembangun Asli Bereaksi (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Sedang berjalan %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-my/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-my/strings.xml
index 06efd24185cb..65abfdbf7bd1 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-my/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-my/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: my_MM -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Native Dev မီနူး (%1$s) ကို တုံ့ပြန်ရန်</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ကို ပြသနေပါတယ်</string>
 </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 33f899f19493..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nb/strings.xml
+++ /dev/null
@@ -1,8 +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="catalyst_dev_menu_header" gender="unknown">React Native-utviklermenyen (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Kjører %1$s</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nl/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nl/strings.xml
index 4e674738996e..75355cf16bd9 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nl/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nl/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: nl_NL -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Native ontwikkelaarsmenu (%1$s) opnieuw activeren</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s actief</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pa/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pa/strings.xml
index 4ce2dfcd6a39..ea45e6864292 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pa/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pa/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: pa_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">ਨੇਟਿਵ ਡਿਵੈ ਮੀਨੂ (%1$s) \'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿਓ</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ਚੱਲ ਰਿਹਾ ਹੈ</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pl/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pl/strings.xml
index 71d4ae55203e..4f53d3ec705b 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pl/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pl/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: pl_PL -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu dewelopera React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Wyświetlanie: %1$s</string>
 </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 d86dbade5fa1..000000000000
--- 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-pt-rPT/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt-rPT/strings.xml
index 42aee5be8611..a0d4564f7f09 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt-rPT/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt-rPT/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: pt_PT -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu de desenvolvimento do React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">A apresentar %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt/strings.xml
index 6db39e0de3e3..3a24466f7006 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-pt/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: pt_BR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu de desenvolvedor de reações nativas (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s em veiculação</string>
 </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 57089df8cbeb..000000000000
--- 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-ro/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ro/strings.xml
index 4f8c3b4aa4bd..445f1af12455 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ro/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ro/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ro_RO -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Meniu dezvoltare React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s în derulare</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ru/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ru/strings.xml
index fac0a47b8c4c..1105ec010ea0 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ru/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ru/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ru_RU -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Меню разработчика React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Текущий показ %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-si/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-si/strings.xml
index 87265ae2dcf3..2153d88a0669 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-si/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-si/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: si_LK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">(%1$s) React Native Dev මෙනුව</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ප්‍රචාරය කරමින් පවතී</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sk/strings.xml
index 79b4fef8e92b..2d1768d211d5 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sk/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sk/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sk_SK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Natívna vývojárska ponuka reakcie (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Spustené: %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sl/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sl/strings.xml
index 55b867432646..a8d2a680928b 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sl/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sl/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sl_SI -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">V teku %1$s</string>
 </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 ed69640542f9..000000000000
--- 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 bf64cbaf06b9..000000000000
--- 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-sq/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sq/strings.xml
index 3f0f8caa0523..a225539656b4 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sq/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sq/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sq_AL -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menyja e zhvilluesit e React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Duke ekzekutuar %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sr/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sr/strings.xml
index 8ee23f06dd33..47782d7cf100 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sr/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sr/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sr_RS -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native мени за програмере: (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Покренуто: %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sv/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sv/strings.xml
index 92892f1a2c2f..2eed92881279 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sv/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sv/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sv_SE -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Kör %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sw/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sw/strings.xml
index a8c044f2fa07..6dea5b85bb9a 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sw/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sw/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: sw_KE -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Linaendeshwa %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ta/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ta/strings.xml
index 7c8fd6d4c97c..f8bfd1c350e5 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ta/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ta/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ta_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">ரியாக்ட் நேட்டிவ் டேவ் மெனு (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">இயங்குகிறது %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-te/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-te/strings.xml
index 1d82e8321cf8..241b213130fe 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-te/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-te/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: te_IN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">స్థానిక డెవలపర్ మెనూ (%1$s)పై ప్రతిస్పందించండి</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s ప్రదర్శించబడుతోంది</string>
 </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 330b5d77cf1e..000000000000
--- 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-th/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-th/strings.xml
index 07c8dc11c82f..a42065038795 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-th/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-th/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: th_TH -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">แสดงความรู้สึกต่อเมนูผู้พัฒนาแบบเนทีฟ (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">กำลังเผยแพร่ %1$s</string>
 </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 abee0e9ebcd3..000000000000
--- 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 d6fcf1a1b5bc..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tl/strings.xml
+++ /dev/null
@@ -1,7 +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="catalyst_dev_menu_sub_header" gender="unknown">Tumatakbong %1$s</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tr/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tr/strings.xml
index 715bbfd559c3..755cf862c5eb 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tr/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tr/strings.xml
@@ -3,5 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: tr_TR -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s çalıştırıyor</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uk/strings.xml
index beb6810c29f0..bf3cc46d1cb4 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uk/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uk/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: uk_UA -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Меню розробника React Native «(%1$s)»</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Поточний показ «%1$s»</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ur/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ur/strings.xml
index 8c9b20d50ed1..6d76f390ea06 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ur/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ur/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: ur_PK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">مقامی ڈویلپمنٹ مینیو (%1$s) پر رد عمل دیں</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">%1$s چل رہا ہے</string>
 </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 9d4667fa9877..000000000000
--- 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-vi/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-vi/strings.xml
index e9d23c6df6dd..706622a3be98 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-vi/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-vi/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: vi_VN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">Menu phát triển React Native (%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">Đang chạy %1$s</string>
 </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 b7de40359f54..000000000000
--- 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-zh-rCN/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rCN/strings.xml
index f613227f5349..c50c06c1a71b 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rCN/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rCN/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: zh_CN -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native 开发者菜单(%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">正在运行%1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rHK/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rHK/strings.xml
index 6eaf7cdea6d5..067865f00e1e 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rHK/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rHK/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: zh_HK -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native 開發人員選單(%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">正在執行%1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rTW/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rTW/strings.xml
index 57cfc00727ce..c56baa9ccc27 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rTW/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-zh-rTW/strings.xml
@@ -3,6 +3,4 @@
 <!-- @generated -->
 <!-- FB Locale: zh_TW -->
 <resources exclude-from-buck-resource-map="true">
-    <string name="catalyst_dev_menu_header" gender="unknown">React Native 開發人員功能表(%1$s)</string>
-    <string name="catalyst_dev_menu_sub_header" gender="unknown">正在執行%1$s</string>
 </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 7ed097b8613b..7065f16c0b19 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
@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
-<resources xmlns:xliff="urn:oasis:names:tc:xliff:document:1.2">
+<resources>
   <string name="catalyst_reload" project="catalyst" translatable="false">Reload</string>
   <string name="catalyst_reload_error" project="catalyst" translatable="false">Failed to load bundle. Try restarting the bundler or reconnecting your device.</string>
   <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_dev_menu_header">React Native Dev Menu <xliff:g id="menu_header_name">(%1$s)</xliff:g></string>
-  <string name="catalyst_dev_menu_sub_header">Running <xliff:g id="menu_sub_header_name">%1$s</xliff:g></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 18deec898593..34c0a01c81ae 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 d2c53f09f0c6..000000000000
--- 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 46ed38f7f7b0..3224e13d318c 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 f5b0f7351e9d..000000000000
--- 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 390c26b1965b..000000000000
--- 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 b36e207a5eff..000000000000
--- 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 42769e25d7f3..000000000000
--- 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 c365404fe614..000000000000
--- 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 bdc65bbda79b..000000000000
--- 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 af572f605615..000000000000
--- 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 b8a8437b146f..278368ed76b9 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 dbb72b37a93e..000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ku/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: 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>
-</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 695c7c4b0433..ca3bf4aa72c4 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 948b7d55e8f4..b2d21f6690f1 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 edb1a1e7b20a..000000000000
--- 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 c93367e60a5a..000000000000
--- 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 57089df8cbeb..000000000000
--- 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 ed69640542f9..000000000000
--- 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 3322e01aaff2..000000000000
--- 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 45b114da01a5..000000000000
--- 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 abee0e9ebcd3..000000000000
--- 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 6fabf6bc4634..000000000000
--- 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 46113eb42e6d..000000000000
--- 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 b7de40359f54..000000000000
--- 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/CompositeReactPackageTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.kt
index 88c84b938c0c..c20a7c4d5acf 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/CompositeReactPackageTest.kt
@@ -37,6 +37,7 @@ class CompositeReactPackageTest {
   }
 
   @Test
+  @Suppress("DEPRECATION")
   fun testThatCreateNativeModulesIsCalledOnAllPackages() {
     // Given
     val composite = CompositeReactPackage(packageNo1, packageNo2, packageNo3)
@@ -51,6 +52,7 @@ class CompositeReactPackageTest {
   }
 
   @Test
+  @Suppress("DEPRECATION")
   fun testThatCreateViewManagersIsCalledOnAllPackages() {
     // Given
     val composite = CompositeReactPackage(packageNo1, packageNo2, packageNo3)
@@ -65,6 +67,7 @@ class CompositeReactPackageTest {
   }
 
   @Test
+  @Suppress("DEPRECATION")
   fun testThatCompositeReturnsASumOfNativeModules() {
     // Given
     val composite = CompositeReactPackage(packageNo1, packageNo2)
@@ -95,6 +98,7 @@ class CompositeReactPackageTest {
   }
 
   @Test
+  @Suppress("DEPRECATION")
   fun testThatCompositeReturnsASumOfViewManagers() {
     // Given
     val composite = CompositeReactPackage(packageNo1, packageNo2)
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 66b4c9c4919e..f0eb097b6970 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 b0e1cea1cdfd..9085150a2015 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 b5eb4fc91d6c..4a0342048aa9 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 ac5e7892440c..49e9709df4a1 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 bf3a756faac8..dd8b7ac69895 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 18f35a332ef8..3d9c188b2507 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 000000000000..18b4b93f4eb1
--- /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 87e37867cf74..5c65d981a755 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 e2ae05a4dd4c..4264834dd20d 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 000000000000..719852566651
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListenerTest.kt
@@ -0,0 +1,129 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 willDispatchViewUpdates_emptiesBeforeUIBlocks() {
+    val underTest = InteropUIBlockListener()
+    underTest.prependUIBlock {}
+    underTest.addUIBlock {}
+
+    underTest.willDispatchViewUpdates(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 didDispatchMountItems_emptiesAfterUIBlocks() {
+    val underTest = InteropUIBlockListener()
+    underTest.prependUIBlock {}
+    underTest.addUIBlock {}
+
+    underTest.didDispatchMountItems(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 willDispatchViewUpdates_deliversUiManagerCorrectly() {
+    val fakeUIManager = FakeUIManager()
+    val underTest = InteropUIBlockListener()
+
+    underTest.prependUIBlock { uiManager -> uiManager.resolveView(0) }
+
+    underTest.willDispatchViewUpdates(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)
+  }
+
+  @Test
+  fun didDispatchMountItems_deliversUiManagerCorrectly() {
+    val fakeUIManager = FakeUIManager()
+    val underTest = InteropUIBlockListener()
+
+    underTest.addUIBlock { uiManager -> uiManager.resolveView(0) }
+
+    underTest.didDispatchMountItems(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 f4348f8d4318..10a71829e6f2 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 37f8087b1411..dda9e82c14b2 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/model/ReactModuleInfoTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/model/ReactModuleInfoTest.kt
new file mode 100644
index 000000000000..d3c072a6e5d1
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/model/ReactModuleInfoTest.kt
@@ -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.
+ */
+
+package com.facebook.react.modules.model
+
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.turbomodule.core.interfaces.TurboModule
+import org.junit.Assert.assertEquals
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertTrue
+import org.junit.Test
+
+class ReactModuleInfoTest {
+
+  @Test
+  fun testCreateReactModuleInfo() {
+    val reactModuleInfo =
+        ReactModuleInfo(
+            /* name = */ "name",
+            /* className = */ "class",
+            /* canOverrideExistingModule = */ false,
+            /* needsEagerInit = */ false,
+            /* isCxxModule = */ false,
+            /* isTurboModule = */ false)
+    assertEquals("name", reactModuleInfo.name())
+    assertFalse(reactModuleInfo.canOverrideExistingModule())
+    assertFalse(reactModuleInfo.needsEagerInit())
+    assertFalse(reactModuleInfo.isCxxModule)
+    assertFalse(reactModuleInfo.isTurboModule)
+  }
+
+  @Test
+  fun classIsTurboModule_withRandomClass() {
+    assertFalse(ReactModuleInfo.classIsTurboModule(String::class.java))
+  }
+
+  @Test
+  fun classIsTurboModule_withTurboModule() {
+    assertTrue(ReactModuleInfo.classIsTurboModule(TestTurboModule::class.java))
+  }
+
+  inner class TestTurboModule : TurboModule {
+    override fun initialize() = Unit
+
+    override fun invalidate() = Unit
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.kt
index 7696779d7d66..f844afaa19e3 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/HeaderUtilTest.kt
@@ -27,46 +27,21 @@ class HeaderUtilTest {
     assertEquals(ALPHABET_TEST, HeaderUtil.stripHeaderName(ALPHABET_TEST))
   }
 
-  @Test
-  fun valueStripKeepsLetters() {
-    assertEquals(ALPHABET_TEST, HeaderUtil.stripHeaderValue(ALPHABET_TEST))
-  }
-
   @Test
   fun nameStripKeepsNumbers() {
     assertEquals(NUMBERS_TEST, HeaderUtil.stripHeaderName(NUMBERS_TEST))
   }
 
-  @Test
-  fun valueStripKeepsNumbers() {
-    assertEquals(NUMBERS_TEST, HeaderUtil.stripHeaderValue(NUMBERS_TEST))
-  }
-
-  @Test
-  fun valueStripKeepsSpecials() {
-    assertEquals(SPECIALS_TEST, HeaderUtil.stripHeaderValue(SPECIALS_TEST))
-  }
-
   @Test
   fun nameStripKeepsSpecials() {
     assertEquals(SPECIALS_TEST, HeaderUtil.stripHeaderName(SPECIALS_TEST))
   }
 
-  @Test
-  fun valueStripKeepsTabs() {
-    assertEquals(TABULATION_TEST, HeaderUtil.stripHeaderValue(TABULATION_TEST))
-  }
-
   @Test
   fun nameStripDeletesTabs() {
     assertEquals(TABULATION_STRIP_EXPECTED, HeaderUtil.stripHeaderName(TABULATION_TEST))
   }
 
-  @Test
-  fun valueStripRemovesExtraSymbols() {
-    assertEquals(BANNED_TEST_EXPECTED, HeaderUtil.stripHeaderValue(VALUE_BANNED_SYMBOLS_TEST))
-  }
-
   @Test
   fun nameStripRemovesExtraSymbols() {
     assertEquals(BANNED_TEST_EXPECTED, HeaderUtil.stripHeaderName(NAME_BANNED_SYMBOLS_TEST))
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 57105e3e3268..000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
+++ /dev/null
@@ -1,632 +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"))));
-    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");
-    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 000000000000..683f52ad3f62
--- /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/modules/timing/TimingModuleTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.kt
index d18b246abb28..116f1c122872 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/timing/TimingModuleTest.kt
@@ -7,6 +7,7 @@
 
 package com.facebook.react.modules.timing
 
+import android.view.Choreographer.FrameCallback
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.CatalystInstance
 import com.facebook.react.bridge.JavaOnlyArray
@@ -14,7 +15,6 @@ import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.WritableArray
 import com.facebook.react.common.SystemClock
 import com.facebook.react.devsupport.interfaces.DevSupportManager
-import com.facebook.react.modules.core.ChoreographerCompat.FrameCallback
 import com.facebook.react.modules.core.JSTimers
 import com.facebook.react.modules.core.ReactChoreographer
 import com.facebook.react.modules.core.ReactChoreographer.CallbackType
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 e5e773c8c2c8..000000000000
--- 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 000000000000..a3bf2053394e
--- /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
+  fun getCatalystInstanceTest() {
+    Assertions.assertThat(bridgelessReactContext.getCatalystInstance())
+        .isInstanceOf(BridgelessCatalystInstance::class.java)
+  }
+}
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 33932b8a87bf..b2b3b17184bf 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 a72e51adee5f..000000000000
--- 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 000000000000..44825dd09eae
--- /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 429e5c0350ee..000000000000
--- 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 000000000000..4d2244102034
--- /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 2de130c9a5cc..000000000000
--- 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 ed01f6fd67f8..dbd41441dfce 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/ReactPropAnnotationSetterTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java
deleted file mode 100644
index af01cd11adad..000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.java
+++ /dev/null
@@ -1,495 +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.fail;
-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 android.view.View;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
-import com.facebook.react.bridge.JavaOnlyArray;
-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 updating view through {@link ViewManager} with {@link ReactProp} and {@link ReactPropGroup}
- * annotations.
- */
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T14964130
-public class ReactPropAnnotationSetterTest {
-
-  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 class ViewManagerUnderTest extends ViewManager<View, ReactShadowNode> {
-
-    final ViewManagerUpdatesReceiver mViewManagerUpdatesReceiver;
-
-    private ViewManagerUnderTest(ViewManagerUpdatesReceiver viewManagerUpdatesReceiver) {
-      mViewManagerUpdatesReceiver = viewManagerUpdatesReceiver;
-    }
-
-    @Override
-    public String getName() {
-      return "RedpandasLivestreamVideoView";
-    }
-
-    @Override
-    public ReactShadowNode createShadowNodeInstance() {
-      fail("This method should not be executed as a part of this test");
-      return null;
-    }
-
-    @Override
-    public Class<? extends ReactShadowNode> getShadowNodeClass() {
-      return ReactShadowNode.class;
-    }
-
-    @Override
-    protected View createViewInstance(ThemedReactContext reactContext) {
-      fail("This method should not be executed as a part of this test");
-      return null;
-    }
-
-    @Override
-    public void updateExtraData(View root, Object extraData) {
-      fail("This method should not be executed as a part of this test");
-    }
-
-    @ReactProp(name = "boolProp")
-    public void setBoolProp(View v, boolean value) {
-      mViewManagerUpdatesReceiver.onBooleanSetterCalled(value);
-    }
-
-    @ReactProp(name = "boolPropWithDefault", defaultBoolean = true)
-    public void setBoolPropWithDefault(View v, boolean value) {
-      mViewManagerUpdatesReceiver.onBooleanSetterCalled(value);
-    }
-
-    @ReactProp(name = "intProp")
-    public void setIntProp(View v, int value) {
-      mViewManagerUpdatesReceiver.onIntSetterCalled(value);
-    }
-
-    @ReactProp(name = "intPropWithDefault", defaultInt = 7168)
-    public void setIntPropWithDefault(View v, int value) {
-      mViewManagerUpdatesReceiver.onIntSetterCalled(value);
-    }
-
-    @ReactProp(name = "floatProp")
-    public void setFloatProp(View v, float value) {
-      mViewManagerUpdatesReceiver.onFloatSetterCalled(value);
-    }
-
-    @ReactProp(name = "floatPropWithDefault", defaultFloat = 14.0f)
-    public void setFloatPropWithDefault(View v, float value) {
-      mViewManagerUpdatesReceiver.onFloatSetterCalled(value);
-    }
-
-    @ReactProp(name = "doubleProp")
-    public void setDoubleProp(View v, double value) {
-      mViewManagerUpdatesReceiver.onDoubleSetterCalled(value);
-    }
-
-    @ReactProp(name = "doublePropWithDefault", defaultDouble = -88.0)
-    public void setDoublePropWithDefault(View v, double value) {
-      mViewManagerUpdatesReceiver.onDoubleSetterCalled(value);
-    }
-
-    @ReactProp(name = "stringProp")
-    public void setStringProp(View v, String value) {
-      mViewManagerUpdatesReceiver.onStringSetterCalled(value);
-    }
-
-    @ReactProp(name = "boxedBoolProp")
-    public void setBoxedBoolProp(View v, Boolean value) {
-      mViewManagerUpdatesReceiver.onBoxedBooleanSetterCalled(value);
-    }
-
-    @ReactProp(name = "boxedIntProp")
-    public void setBoxedIntProp(View v, Integer value) {
-      mViewManagerUpdatesReceiver.onBoxedIntSetterCalled(value);
-    }
-
-    @ReactProp(name = "arrayProp")
-    public void setArrayProp(View v, ReadableArray value) {
-      mViewManagerUpdatesReceiver.onArraySetterCalled(value);
-    }
-
-    @ReactProp(name = "mapProp")
-    public void setMapProp(View v, ReadableMap value) {
-      mViewManagerUpdatesReceiver.onMapSetterCalled(value);
-    }
-
-    @ReactPropGroup(
-        names = {
-          "floatGroupPropFirst",
-          "floatGroupPropSecond",
-        })
-    public void setFloatGroupProp(View v, int index, float value) {
-      mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
-    }
-
-    @ReactPropGroup(
-        names = {
-          "floatGroupPropWithDefaultFirst",
-          "floatGroupPropWithDefaultSecond",
-        },
-        defaultFloat = -100.0f)
-    public void setFloatGroupPropWithDefault(View v, int index, float value) {
-      mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
-    }
-
-    @ReactPropGroup(names = {"intGroupPropFirst", "intGroupPropSecond"})
-    public void setIntGroupProp(View v, int index, int value) {
-      mViewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value);
-    }
-
-    @ReactPropGroup(
-        names = {"intGroupPropWithDefaultFirst", "intGroupPropWithDefaultSecond"},
-        defaultInt = 555)
-    public void setIntGroupPropWithDefault(View v, int index, int value) {
-      mViewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value);
-    }
-
-    @ReactPropGroup(
-        names = {
-          "boxedIntGroupPropFirst",
-          "boxedIntGroupPropSecond",
-        })
-    public void setBoxedIntGroupProp(View v, int index, Integer value) {
-      mViewManagerUpdatesReceiver.onBoxedIntGroupPropSetterCalled(index, value);
-    }
-  }
-
-  public static ReactStylesDiffMap buildStyles(Object... keysAndValues) {
-    return new ReactStylesDiffMap(JavaOnlyMap.of(keysAndValues));
-  }
-
-  private ViewManagerUnderTest mViewManager;
-  private ViewManagerUpdatesReceiver mUpdatesReceiverMock;
-
-  @Before
-  public void setup() {
-    mUpdatesReceiverMock = mock(ViewManagerUpdatesReceiver.class);
-    mViewManager = new ViewManagerUnderTest(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testBooleanSetter() {
-    mViewManager.updateProperties(null, buildStyles("boolProp", true));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(true);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boolProp", false));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(false);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boolProp", null));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(false);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boolPropWithDefault", false));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(false);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boolPropWithDefault", null));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(true);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testIntSetter() {
-    mViewManager.updateProperties(null, buildStyles("intProp", 13));
-    verify(mUpdatesReceiverMock).onIntSetterCalled(13);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intProp", null));
-    verify(mUpdatesReceiverMock).onIntSetterCalled(0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intPropWithDefault", -1));
-    verify(mUpdatesReceiverMock).onIntSetterCalled(-1);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intPropWithDefault", null));
-    verify(mUpdatesReceiverMock).onIntSetterCalled(7168);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testDoubleSetter() {
-    mViewManager.updateProperties(null, buildStyles("doubleProp", 13.0));
-    verify(mUpdatesReceiverMock).onDoubleSetterCalled(13.0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("doubleProp", null));
-    verify(mUpdatesReceiverMock).onDoubleSetterCalled(0.0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("doublePropWithDefault", -1.0));
-    verify(mUpdatesReceiverMock).onDoubleSetterCalled(-1.0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("doublePropWithDefault", null));
-    verify(mUpdatesReceiverMock).onDoubleSetterCalled(-88.0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testFloatSetter() {
-    mViewManager.updateProperties(null, buildStyles("floatProp", 13.0));
-    verify(mUpdatesReceiverMock).onFloatSetterCalled(13.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatProp", null));
-    verify(mUpdatesReceiverMock).onFloatSetterCalled(0.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatPropWithDefault", -1.0));
-    verify(mUpdatesReceiverMock).onFloatSetterCalled(-1.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatPropWithDefault", null));
-    verify(mUpdatesReceiverMock).onFloatSetterCalled(14.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testStringSetter() {
-    mViewManager.updateProperties(null, buildStyles("stringProp", "someRandomString"));
-    verify(mUpdatesReceiverMock).onStringSetterCalled("someRandomString");
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("stringProp", null));
-    verify(mUpdatesReceiverMock).onStringSetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testBoxedBooleanSetter() {
-    mViewManager.updateProperties(null, buildStyles("boxedBoolProp", true));
-    verify(mUpdatesReceiverMock).onBoxedBooleanSetterCalled(Boolean.TRUE);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boxedBoolProp", false));
-    verify(mUpdatesReceiverMock).onBoxedBooleanSetterCalled(Boolean.FALSE);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boxedBoolProp", null));
-    verify(mUpdatesReceiverMock).onBoxedBooleanSetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testBoxedIntSetter() {
-    mViewManager.updateProperties(null, buildStyles("boxedIntProp", 55));
-    verify(mUpdatesReceiverMock).onBoxedIntSetterCalled(Integer.valueOf(55));
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boxedIntProp", null));
-    verify(mUpdatesReceiverMock).onBoxedIntSetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testArraySetter() {
-    ReadableArray array = new JavaOnlyArray();
-    mViewManager.updateProperties(null, buildStyles("arrayProp", array));
-    verify(mUpdatesReceiverMock).onArraySetterCalled(array);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("arrayProp", null));
-    verify(mUpdatesReceiverMock).onArraySetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testMapSetter() {
-    ReadableMap map = new JavaOnlyMap();
-    mViewManager.updateProperties(null, buildStyles("mapProp", map));
-    verify(mUpdatesReceiverMock).onMapSetterCalled(map);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("mapProp", null));
-    verify(mUpdatesReceiverMock).onMapSetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testFloatGroupSetter() {
-    mViewManager.updateProperties(null, buildStyles("floatGroupPropFirst", 11.0));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(0, 11.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatGroupPropSecond", -111.0));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(1, -111.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatGroupPropSecond", null));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(1, 0.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("floatGroupPropWithDefaultFirst", null));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(0, -100.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testIntGroupSetter() {
-    mViewManager.updateProperties(null, buildStyles("intGroupPropFirst", -7));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(0, -7);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intGroupPropSecond", -77));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(1, -77);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intGroupPropSecond", null));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(1, 0);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intGroupPropWithDefaultFirst", 5));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(0, 5);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intGroupPropWithDefaultFirst", null));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(0, 555);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("intGroupPropWithDefaultSecond", null));
-    verify(mUpdatesReceiverMock).onIntGroupPropSetterCalled(1, 555);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testStringGroupSetter() {
-    mViewManager.updateProperties(null, buildStyles("boxedIntGroupPropFirst", -7));
-    verify(mUpdatesReceiverMock).onBoxedIntGroupPropSetterCalled(0, -7);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boxedIntGroupPropSecond", 12345));
-    verify(mUpdatesReceiverMock).onBoxedIntGroupPropSetterCalled(1, 12345);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mViewManager.updateProperties(null, buildStyles("boxedIntGroupPropSecond", null));
-    verify(mUpdatesReceiverMock).onBoxedIntGroupPropSetterCalled(1, null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateBoolPropWithMap() {
-    mViewManager.updateProperties(null, buildStyles("boolProp", new JavaOnlyMap()));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateStringPropWithDouble() {
-    mViewManager.updateProperties(null, buildStyles("stringProp", 14.5));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateDoublePropWithString() {
-    mViewManager.updateProperties(null, buildStyles("doubleProp", "hello"));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateIntPropWithDouble() {
-    mViewManager.updateProperties(null, buildStyles("intProp", -7.4));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateArrayPropWithBool() {
-    mViewManager.updateProperties(null, buildStyles("arrayProp", false));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateMapPropWithArray() {
-    mViewManager.updateProperties(null, buildStyles("mapProp", new JavaOnlyArray()));
-  }
-
-  @Test(expected = JSApplicationIllegalArgumentException.class)
-  public void testFailToUpdateBoxedIntPropWithBoxedDouble() {
-    mViewManager.updateProperties(null, buildStyles("boxedIntProp", Double.valueOf(1)));
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.kt
new file mode 100644
index 000000000000..996a76174324
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterTest.kt
@@ -0,0 +1,426 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 android.view.View
+import com.facebook.react.bridge.JSApplicationIllegalArgumentException
+import com.facebook.react.bridge.JavaOnlyArray
+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.Test
+import org.junit.runner.RunWith
+import org.mockito.Mockito
+import org.robolectric.RobolectricTestRunner
+import org.robolectric.RuntimeEnvironment
+
+/** Test updating view through [ViewManager] with [ReactProp] and [ReactPropGroup] annotations. */
+@RunWith(RobolectricTestRunner::class)
+class ReactPropAnnotationSetterTest {
+  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?)
+  }
+
+  @Suppress("UNUSED_PARAMETER")
+  private inner class ViewManagerUnderTest(
+      val viewManagerUpdatesReceiver: ViewManagerUpdatesReceiver
+  ) : ViewManager<View, ReactShadowNode<*>>() {
+    override fun getName() = "RedpandasLivestreamVideoView"
+
+    override fun createShadowNodeInstance(): ReactShadowNode<*> =
+        error("This method should not be executed as a part of this test")
+
+    override fun getShadowNodeClass(): Class<out ReactShadowNode<*>> = ReactShadowNode::class.java
+
+    override fun createViewInstance(reactContext: ThemedReactContext): View =
+        error("This method should not be executed as a part of this test")
+
+    override fun updateExtraData(root: View, extraData: Any) =
+        error("This method should not be executed as a part of this test")
+
+    @ReactProp(name = "boolProp")
+    fun setBoolProp(v: View?, value: Boolean) {
+      viewManagerUpdatesReceiver.onBooleanSetterCalled(value)
+    }
+
+    @ReactProp(name = "boolPropWithDefault", defaultBoolean = true)
+    fun setBoolPropWithDefault(v: View?, value: Boolean) {
+      viewManagerUpdatesReceiver.onBooleanSetterCalled(value)
+    }
+
+    @ReactProp(name = "intProp")
+    fun setIntProp(v: View?, value: Int) {
+      viewManagerUpdatesReceiver.onIntSetterCalled(value)
+    }
+
+    @ReactProp(name = "intPropWithDefault", defaultInt = 7168)
+    fun setIntPropWithDefault(v: View?, value: Int) {
+      viewManagerUpdatesReceiver.onIntSetterCalled(value)
+    }
+
+    @ReactProp(name = "floatProp")
+    fun setFloatProp(v: View?, value: Float) {
+      viewManagerUpdatesReceiver.onFloatSetterCalled(value)
+    }
+
+    @ReactProp(name = "floatPropWithDefault", defaultFloat = 14.0f)
+    fun setFloatPropWithDefault(v: View?, value: Float) {
+      viewManagerUpdatesReceiver.onFloatSetterCalled(value)
+    }
+
+    @ReactProp(name = "doubleProp")
+    fun setDoubleProp(v: View?, value: Double) {
+      viewManagerUpdatesReceiver.onDoubleSetterCalled(value)
+    }
+
+    @ReactProp(name = "doublePropWithDefault", defaultDouble = -88.0)
+    fun setDoublePropWithDefault(v: View?, value: Double) {
+      viewManagerUpdatesReceiver.onDoubleSetterCalled(value)
+    }
+
+    @ReactProp(name = "stringProp")
+    fun setStringProp(v: View?, value: String?) {
+      viewManagerUpdatesReceiver.onStringSetterCalled(value)
+    }
+
+    @ReactProp(name = "boxedBoolProp")
+    fun setBoxedBoolProp(v: View?, value: Boolean?) {
+      viewManagerUpdatesReceiver.onBoxedBooleanSetterCalled(value)
+    }
+
+    @ReactProp(name = "boxedIntProp")
+    fun setBoxedIntProp(v: View?, value: Int?) {
+      viewManagerUpdatesReceiver.onBoxedIntSetterCalled(value)
+    }
+
+    @ReactProp(name = "arrayProp")
+    fun setArrayProp(v: View?, value: ReadableArray?) {
+      viewManagerUpdatesReceiver.onArraySetterCalled(value)
+    }
+
+    @ReactProp(name = "mapProp")
+    fun setMapProp(v: View?, value: ReadableMap?) {
+      viewManagerUpdatesReceiver.onMapSetterCalled(value)
+    }
+
+    @ReactPropGroup(names = ["floatGroupPropFirst", "floatGroupPropSecond"])
+    fun setFloatGroupProp(v: View?, index: Int, value: Float) {
+      viewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value)
+    }
+
+    @ReactPropGroup(
+        names = ["floatGroupPropWithDefaultFirst", "floatGroupPropWithDefaultSecond"],
+        defaultFloat = -100.0f)
+    fun setFloatGroupPropWithDefault(v: View?, index: Int, value: Float) {
+      viewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value)
+    }
+
+    @ReactPropGroup(names = ["intGroupPropFirst", "intGroupPropSecond"])
+    fun setIntGroupProp(v: View?, index: Int, value: Int) {
+      viewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value)
+    }
+
+    @ReactPropGroup(
+        names = ["intGroupPropWithDefaultFirst", "intGroupPropWithDefaultSecond"], defaultInt = 555)
+    fun setIntGroupPropWithDefault(v: View?, index: Int, value: Int) {
+      viewManagerUpdatesReceiver.onIntGroupPropSetterCalled(index, value)
+    }
+
+    @ReactPropGroup(names = ["boxedIntGroupPropFirst", "boxedIntGroupPropSecond"])
+    fun setBoxedIntGroupProp(v: View?, index: Int, value: Int?) {
+      viewManagerUpdatesReceiver.onBoxedIntGroupPropSetterCalled(index, value)
+    }
+  }
+
+  private lateinit var viewManager: ViewManagerUnderTest
+  private lateinit var updatesReceiverMock: ViewManagerUpdatesReceiver
+  private lateinit var targetView: View
+
+  @Before
+  fun setup() {
+    updatesReceiverMock = Mockito.mock(ViewManagerUpdatesReceiver::class.java)
+    viewManager = ViewManagerUnderTest(updatesReceiverMock)
+    targetView = View(RuntimeEnvironment.getApplication())
+  }
+
+  @Test
+  fun testBooleanSetter() {
+    viewManager.updateProperties(targetView, buildStyles("boolProp", true))
+    Mockito.verify(updatesReceiverMock).onBooleanSetterCalled(true)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boolProp", false))
+    Mockito.verify(updatesReceiverMock).onBooleanSetterCalled(false)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boolProp", null))
+    Mockito.verify(updatesReceiverMock).onBooleanSetterCalled(false)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boolPropWithDefault", false))
+    Mockito.verify(updatesReceiverMock).onBooleanSetterCalled(false)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boolPropWithDefault", null))
+    Mockito.verify(updatesReceiverMock).onBooleanSetterCalled(true)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testIntSetter() {
+    viewManager.updateProperties(targetView, buildStyles("intProp", 13))
+    Mockito.verify(updatesReceiverMock).onIntSetterCalled(13)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intProp", null))
+    Mockito.verify(updatesReceiverMock).onIntSetterCalled(0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intProp", -7.4))
+    Mockito.verify(updatesReceiverMock).onIntSetterCalled(-7)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intPropWithDefault", -1))
+    Mockito.verify(updatesReceiverMock).onIntSetterCalled(-1)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intPropWithDefault", null))
+    Mockito.verify(updatesReceiverMock).onIntSetterCalled(7168)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testDoubleSetter() {
+    viewManager.updateProperties(targetView, buildStyles("doubleProp", 13.0))
+    Mockito.verify(updatesReceiverMock).onDoubleSetterCalled(13.0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("doubleProp", null))
+    Mockito.verify(updatesReceiverMock).onDoubleSetterCalled(0.0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("doublePropWithDefault", -1.0))
+    Mockito.verify(updatesReceiverMock).onDoubleSetterCalled(-1.0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("doublePropWithDefault", null))
+    Mockito.verify(updatesReceiverMock).onDoubleSetterCalled(-88.0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testFloatSetter() {
+    viewManager.updateProperties(targetView, buildStyles("floatProp", 13.0))
+    Mockito.verify(updatesReceiverMock).onFloatSetterCalled(13.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatProp", null))
+    Mockito.verify(updatesReceiverMock).onFloatSetterCalled(0.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatPropWithDefault", -1.0))
+    Mockito.verify(updatesReceiverMock).onFloatSetterCalled(-1.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatPropWithDefault", null))
+    Mockito.verify(updatesReceiverMock).onFloatSetterCalled(14.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testStringSetter() {
+    viewManager.updateProperties(targetView, buildStyles("stringProp", "someRandomString"))
+    Mockito.verify(updatesReceiverMock).onStringSetterCalled("someRandomString")
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("stringProp", null))
+    Mockito.verify(updatesReceiverMock).onStringSetterCalled(null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testBoxedBooleanSetter() {
+    viewManager.updateProperties(targetView, buildStyles("boxedBoolProp", true))
+    Mockito.verify(updatesReceiverMock).onBoxedBooleanSetterCalled(java.lang.Boolean.TRUE)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedBoolProp", false))
+    Mockito.verify(updatesReceiverMock).onBoxedBooleanSetterCalled(java.lang.Boolean.FALSE)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedBoolProp", null))
+    Mockito.verify(updatesReceiverMock).onBoxedBooleanSetterCalled(null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testBoxedIntSetter() {
+    viewManager.updateProperties(targetView, buildStyles("boxedIntProp", 55))
+    Mockito.verify(updatesReceiverMock).onBoxedIntSetterCalled(55)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedIntProp", 1))
+    Mockito.verify(updatesReceiverMock).onBoxedIntSetterCalled(1)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedIntProp", null))
+    Mockito.verify(updatesReceiverMock).onBoxedIntSetterCalled(null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testArraySetter() {
+    val array: ReadableArray = JavaOnlyArray()
+    viewManager.updateProperties(targetView, buildStyles("arrayProp", array))
+    Mockito.verify(updatesReceiverMock).onArraySetterCalled(array)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("arrayProp", null))
+    Mockito.verify(updatesReceiverMock).onArraySetterCalled(null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testMapSetter() {
+    val map: ReadableMap = JavaOnlyMap()
+    viewManager.updateProperties(targetView, buildStyles("mapProp", map))
+    Mockito.verify(updatesReceiverMock).onMapSetterCalled(map)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("mapProp", null))
+    Mockito.verify(updatesReceiverMock).onMapSetterCalled(null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testFloatGroupSetter() {
+    viewManager.updateProperties(targetView, buildStyles("floatGroupPropFirst", 11.0))
+    Mockito.verify(updatesReceiverMock).onFloatGroupPropSetterCalled(0, 11.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatGroupPropSecond", -111.0))
+    Mockito.verify(updatesReceiverMock).onFloatGroupPropSetterCalled(1, -111.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatGroupPropSecond", null))
+    Mockito.verify(updatesReceiverMock).onFloatGroupPropSetterCalled(1, 0.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("floatGroupPropWithDefaultFirst", null))
+    Mockito.verify(updatesReceiverMock).onFloatGroupPropSetterCalled(0, -100.0f)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testIntGroupSetter() {
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropFirst", -7))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(0, -7)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropSecond", -77))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(1, -77)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropSecond", null))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(1, 0)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropWithDefaultFirst", 5))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(0, 5)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropWithDefaultFirst", null))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(0, 555)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("intGroupPropWithDefaultSecond", null))
+    Mockito.verify(updatesReceiverMock).onIntGroupPropSetterCalled(1, 555)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testStringGroupSetter() {
+    viewManager.updateProperties(targetView, buildStyles("boxedIntGroupPropFirst", -7))
+    Mockito.verify(updatesReceiverMock).onBoxedIntGroupPropSetterCalled(0, -7)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedIntGroupPropSecond", 12345))
+    Mockito.verify(updatesReceiverMock).onBoxedIntGroupPropSetterCalled(1, 12345)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+    viewManager.updateProperties(targetView, buildStyles("boxedIntGroupPropSecond", null))
+    Mockito.verify(updatesReceiverMock).onBoxedIntGroupPropSetterCalled(1, null)
+    Mockito.verifyNoMoreInteractions(updatesReceiverMock)
+    Mockito.reset(updatesReceiverMock)
+  }
+
+  @Test(expected = JSApplicationIllegalArgumentException::class)
+  fun testFailToUpdateBoolPropWithMap() {
+    viewManager.updateProperties(targetView, buildStyles("boolProp", JavaOnlyMap()))
+  }
+
+  @Test(expected = JSApplicationIllegalArgumentException::class)
+  fun testFailToUpdateStringPropWithDouble() {
+    viewManager.updateProperties(targetView, buildStyles("stringProp", 14.5))
+  }
+
+  @Test(expected = JSApplicationIllegalArgumentException::class)
+  fun testFailToUpdateDoublePropWithString() {
+    viewManager.updateProperties(targetView, buildStyles("doubleProp", "hello"))
+  }
+
+  @Test(expected = JSApplicationIllegalArgumentException::class)
+  fun testFailToUpdateArrayPropWithBool() {
+    viewManager.updateProperties(targetView, buildStyles("arrayProp", false))
+  }
+
+  @Test(expected = JSApplicationIllegalArgumentException::class)
+  fun testFailToUpdateMapPropWithArray() {
+    viewManager.updateProperties(targetView, buildStyles("mapProp", JavaOnlyArray()))
+  }
+
+  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/ReactPropConstantsTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.kt
index 216cd769f11b..61bf145ca5c0 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 335d3588915b..000000000000
--- 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);
-  }
-
-  public static 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 000000000000..4e53fd209ff5
--- /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 74ce703c4dec..33b81f311c5f 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 4151dc592621..24557e0cd20a 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 c4e004242858..2f3e0af7fe33 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 9c30020c61d3..000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
+++ /dev/null
@@ -1,659 +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.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.ChoreographerCompat;
-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<ChoreographerCompat.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(
-                  (ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
-              return null;
-            })
-        .when(choreographerMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class),
-            any(ChoreographerCompat.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<ChoreographerCompat.FrameCallback> callbacks =
-        new ArrayList<>(mPendingFrameCallbacks);
-    mPendingFrameCallbacks.clear();
-    for (ChoreographerCompat.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 aea7de47db71..f55c90af78de 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 e909a2ae2bc3..000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
+++ /dev/null
@@ -1,507 +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.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.ChoreographerCompat;
-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<ChoreographerCompat.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(
-                    (ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
-                return null;
-              }
-            })
-        .when(uiDriverMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class),
-            any(ChoreographerCompat.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<ChoreographerCompat.FrameCallback> callbacks =
-        new ArrayList<>(mPendingFrameCallbacks);
-    mPendingFrameCallbacks.clear();
-    for (ChoreographerCompat.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 4f2be905e225..000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
+++ /dev/null
@@ -1,163 +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.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.ChoreographerCompat;
-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<ChoreographerCompat.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(
-                  (ChoreographerCompat.FrameCallback) invocation.getArguments()[1]);
-              return null;
-            })
-        .when(choreographerMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class),
-            any(ChoreographerCompat.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<ChoreographerCompat.FrameCallback> callbacks =
-        new ArrayList<>(mPendingChoreographerCallbacks);
-    mPendingChoreographerCallbacks.clear();
-    for (ChoreographerCompat.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 b645d6930c25..d386ac5858e6 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 000000000000..948679085071
--- /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 000000000000..65db10c1e85e
--- /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 000000000000..6ff857d226ee
--- /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 000000000000..b063ae1ace16
--- /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 0793a3524d34..ff78281ff8bc 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 000000000000..f895334d8d87
--- /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 000000000000..b1ccb04cd90a
--- /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 ab68d427ceb0..000000000000
--- 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 000000000000..bf61c2bf98aa
--- /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 000000000000..dc7b92b3d880
--- /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 000000000000..cc1cbc7cf373
--- /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 000000000000..4c5d33cbf658
--- /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" => rct_cxx_language_standard()
+    }
+    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 000000000000..9f0d87aaa6d7
--- /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 000000000000..b5bdb2bf6f04
--- /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 000000000000..faafcb1dabb8
--- /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 000000000000..bb56f0207889
--- /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 55c5ce2aba77..635a47d821be 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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,7 +35,7 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "dummyFile.cpp"
   s.pod_target_xcconfig = { "USE_HEADERMAP" => "YES",
-                            "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                            "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                             "DEFINES_MODULE" => "YES" }
 
   if ENV['USE_FRAMEWORKS']
@@ -42,27 +44,29 @@ 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"
-  s.dependency 'fmt' , '~> 6.2.1'
+  s.dependency "fmt", "9.1.0"
   s.dependency "React-Core"
   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 337570170d21..f6cf7a4446e2 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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
 
@@ -59,7 +56,7 @@ Pod::Spec.new do |s|
   s.header_dir           = "react/renderer/components/image"
   s.compiler_flags       = folly_compiler_flags
   s.pod_target_xcconfig = { "USE_HEADERMAP" => "YES",
-                            "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                            "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                             "HEADER_SEARCH_PATHS" => header_search_path.join(" ")
                           }
 
@@ -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' , '~> 6.2.1'
+  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 ec5ecc87f2d3..883729c28571 100644
--- a/packages/react-native/ReactCommon/React-Mapbuffer.podspec
+++ b/packages/react-native/ReactCommon/React-Mapbuffer.podspec
@@ -29,8 +29,8 @@ 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",
-                            "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.pod_target_xcconfig = {  "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\"", "USE_HEADERMAP" => "YES",
+                            "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 
   if ENV['USE_FRAMEWORKS']
     s.header_mappings_dir     = './'
@@ -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-nativeconfig.podspec b/packages/react-native/ReactCommon/React-nativeconfig.podspec
index afce6e165cae..ce06fe0586b5 100644
--- a/packages/react-native/ReactCommon/React-nativeconfig.podspec
+++ b/packages/react-native/ReactCommon/React-nativeconfig.podspec
@@ -27,7 +27,7 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "react/config/*.{m,mm,cpp,h}"
   s.header_dir             = "react/config"
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 
   if ENV['USE_FRAMEWORKS']
     s.header_mappings_dir     = './'
diff --git a/packages/react-native/ReactCommon/React-rncore.podspec b/packages/react-native/ReactCommon/React-rncore.podspec
index b3d337a838eb..fc194645d0f9 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|
@@ -49,14 +48,5 @@ Pod::Spec.new do |s|
   s.source_files           = "dummyFile.cpp"
   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"
-  })
+                            "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 end
diff --git a/packages/react-native/ReactCommon/ReactCommon.podspec b/packages/react-native/ReactCommon/ReactCommon.podspec
index 2996e0eae675..97d6c69723e6 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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|
@@ -34,7 +36,8 @@ Pod::Spec.new do |s|
   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\"",
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "DEFINES_MODULE" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "GCC_WARN_PEDANTIC" => "YES" }
   if ENV['USE_FRAMEWORKS']
     s.header_mappings_dir     = './'
@@ -48,9 +51,9 @@ 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' , '~> 6.2.1'
+    ss.dependency "fmt", "9.1.0"
     ss.dependency "glog"
     if using_hermes
       ss.dependency "hermes-engine"
@@ -69,6 +72,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 98e65cc1f0a7..1bfbc89275e9 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 ec5b8172cae1..e2abeb2dbb97 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 c97cde131c8e..6d140e054630 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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/callinvoker/ReactCommon/CallInvoker.h b/packages/react-native/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
index d67e82715b7b..85d9aa8bc481 100644
--- a/packages/react-native/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
+++ b/packages/react-native/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
@@ -22,8 +22,10 @@ using CallFunc = std::function<void()>;
  */
 class CallInvoker {
  public:
-  virtual void invokeAsync(CallFunc&& func) = 0;
-  virtual void invokeAsync(SchedulerPriority /*priority*/, CallFunc&& func) {
+  virtual void invokeAsync(CallFunc&& func) noexcept = 0;
+  virtual void invokeAsync(
+      SchedulerPriority /*priority*/,
+      CallFunc&& func) noexcept {
     // When call with priority is not implemented, fall back to a regular async
     // execution
     invokeAsync(std::move(func));
@@ -34,7 +36,9 @@ class CallInvoker {
 
 class NativeMethodCallInvoker {
  public:
-  virtual void invokeAsync(const std::string& methodName, CallFunc&& func) = 0;
+  virtual void invokeAsync(
+      const std::string& methodName,
+      CallFunc&& func) noexcept = 0;
   virtual void invokeSync(const std::string& methodName, CallFunc&& func) = 0;
   virtual ~NativeMethodCallInvoker() {}
 };
diff --git a/packages/react-native/ReactCommon/cxxreact/Instance.cpp b/packages/react-native/ReactCommon/cxxreact/Instance.cpp
index 47fa82aa6f06..01c03ee97854 100644
--- a/packages/react-native/ReactCommon/cxxreact/Instance.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/Instance.cpp
@@ -19,7 +19,6 @@
 #include "SystraceSection.h"
 
 #include <cxxreact/JSIndexedRAMBundle.h>
-#include <folly/MoveWrapper.h>
 #include <folly/json.h>
 #include <react/debug/react_native_assert.h>
 
@@ -39,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_);
 }
@@ -264,7 +285,8 @@ void Instance::JSCallInvoker::invokeSync(std::function<void()>&& work) {
       "Synchronous native -> JS calls are currently not supported.");
 }
 
-void Instance::JSCallInvoker::invokeAsync(std::function<void()>&& work) {
+void Instance::JSCallInvoker::invokeAsync(
+    std::function<void()>&& work) noexcept {
   std::scoped_lock guard(m_mutex);
 
   /**
@@ -289,7 +311,8 @@ void Instance::JSCallInvoker::invokeAsync(std::function<void()>&& work) {
   scheduleAsync(std::move(work));
 }
 
-void Instance::JSCallInvoker::scheduleAsync(std::function<void()>&& work) {
+void Instance::JSCallInvoker::scheduleAsync(
+    std::function<void()>&& work) noexcept {
   if (auto strongNativeToJsBridge = m_nativeToJsBridge.lock()) {
     strongNativeToJsBridge->runOnExecutorQueue(
         [work = std::move(work)](JSExecutor* executor) {
diff --git a/packages/react-native/ReactCommon/cxxreact/Instance.h b/packages/react-native/ReactCommon/cxxreact/Instance.h
index db2e0a7a50c9..bc4e58ebb1d4 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(
@@ -158,17 +166,21 @@ class RN_EXPORT Instance {
     bool m_shouldBuffer = true;
     std::list<std::function<void()>> m_workBuffer;
 
-    void scheduleAsync(std::function<void()>&& work);
+    void scheduleAsync(std::function<void()>&& work) noexcept;
 
    public:
     void setNativeToJsBridgeAndFlushCalls(
         std::weak_ptr<NativeToJsBridge> nativeToJsBridge);
-    void invokeAsync(std::function<void()>&& work) override;
+    void invokeAsync(std::function<void()>&& work) noexcept override;
     void invokeSync(std::function<void()>&& work) override;
   };
 
   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 7ca8e18bfd81..eaa305c238ef 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 fa0cb3f19442..e68a716d7725 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 0a3b4705fe4c..e89f92454524 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/MoveWrapper.h b/packages/react-native/ReactCommon/cxxreact/MoveWrapper.h
new file mode 100644
index 000000000000..40000c3ad041
--- /dev/null
+++ b/packages/react-native/ReactCommon/cxxreact/MoveWrapper.h
@@ -0,0 +1,125 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 {
+
+/*
+NOTE: we keep this internal copy of folly/MoveWrapper.h to unblock
+the the workstream of dropping the dependency on folly in RN!
+
+For a technical explanation on why we still need this we defer
+to the doc in folly/Function.h:
+
+"There are some limitations in std::function that folly::Function tries to
+avoid. std::function is copy-constructible and requires that the callable that
+it wraps is copy-constructible as well, which is a constraint that is often
+inconvenient. In most cases when using a std::function you don't make use of
+its copy-constructibility, so you might sometimes feel like you get back very
+little in return for a noticeable restriction. This restriction becomes
+apparent when trying to use a lambda capturing a unique_ptr (or any
+non-copyable type) as a callback for a folly::Future.
+
+std::unique_ptr<Foo> foo_ptr = new Foo;
+
+some_future.then(
+    [foo_ptr = std::move(foo_ptr)] mutable
+    (int x)
+    { foo_ptr->setX(x); }
+);
+
+This piece of code did not compile before folly::Future started using
+folly::Function instead of std::function to store the callback. Because the
+lambda captures something non-copyable (the unique_ptr), it is not copyable
+itself. And std::function can only store copyable callables.
+
+The implementation of folly::Future did not make use of the
+copy-constructibility of std::function at any point. There was no benefit from
+the fact that the std::function is copy-constructible, but the fact that it can
+only wrap copy-constructible callables posed a restriction.
+
+A workaround was available: folly::MoveWrapper, which wraps an object that may
+be non-copyable and implements copy operations by moving the embedded object.
+Using a folly::MoveWrapper, you can capture non-copyable objects in a lambda,
+and the lambda itself is still copyable and may be wrapped in a std::function.
+It is a pragmatic solution for the above problem, but you have to be a little
+careful. The problem is that you can’t use a MoveWrapper anywhere where copy
+operations are assumed to behave like actual copy operations. Also, a
+folly::MoveWrapper<std::unique_ptr<T>> essentially behaves like auto_ptr<T>. Ask
+yourself whether you’d want to use lots of auto_ptrs in your codebase. And the
+original question still persists: we very often don’t benefit from
+copy-constructibility of std::function, so why do we have to live with this
+restriction? I.e. why do we have to use MoveWrapper?"
+*/
+
+/** C++11 closures don't support move-in capture. Nor does std::bind.
+    facepalm.
+
+    http://www.open-std.org/jtc1/sc22/wg21/docs/papers/2013/n3610.html
+
+    "[...] a work-around that should make people's stomach crawl:
+    write a wrapper that performs move-on-copy, much like the deprecated
+    auto_ptr"
+
+    Unlike auto_ptr, this doesn't require a heap allocation.
+    */
+template <class T>
+class MoveWrapper {
+ public:
+  /** If value can be default-constructed, why not?
+      Then we don't have to move it in */
+  MoveWrapper() = default;
+
+  /// Move a value in.
+  explicit MoveWrapper(T&& t) : value(std::move(t)) {}
+
+  /// copy is move
+  MoveWrapper(const MoveWrapper& other) : value(std::move(other.value)) {}
+
+  /// move is also move
+  MoveWrapper(MoveWrapper&& other) noexcept : value(std::move(other.value)) {}
+
+  const T& operator*() const {
+    return value;
+  }
+  T& operator*() {
+    return value;
+  }
+
+  const T* operator->() const {
+    return &value;
+  }
+  T* operator->() {
+    return &value;
+  }
+
+  /// move the value out (sugar for std::move(*moveWrapper))
+  T&& move() {
+    return std::move(value);
+  }
+
+  // If you want these you're probably doing it wrong, though they'd be
+  // easy enough to implement
+  MoveWrapper& operator=(MoveWrapper const&) = delete;
+  MoveWrapper& operator=(MoveWrapper&&) = delete;
+
+ private:
+  mutable T value;
+};
+
+/// Make a MoveWrapper from the argument. Because the name "makeMoveWrapper"
+/// is already quite transparent in its intent, this will work for lvalues as
+/// if you had wrapped them in std::move.
+template <class T, class T0 = typename std::remove_reference<T>::type>
+MoveWrapper<T0> makeMoveWrapper(T&& t) {
+  return MoveWrapper<T0>(std::forward<T0>(t));
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
index d7c11b9b0155..f23ce412fae1 100644
--- a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
@@ -8,7 +8,6 @@
 #include "NativeToJsBridge.h"
 
 #include <ReactCommon/CallInvoker.h>
-#include <folly/MoveWrapper.h>
 #include <folly/json.h>
 #include <glog/logging.h>
 #include <jsi/jsi.h>
@@ -20,6 +19,7 @@
 #include "MessageQueueThread.h"
 #include "MethodCall.h"
 #include "ModuleRegistry.h"
+#include "MoveWrapper.h"
 #include "RAMBundleRegistry.h"
 #include "SystraceSection.h"
 
@@ -91,7 +91,7 @@ class JsToNativeBridge : public react::ExecutorDelegate {
         moduleId, methodId, std::move(args));
   }
 
-  void recordTurboModuleAsyncMethodCall() {
+  void recordTurboModuleAsyncMethodCall() noexcept {
     m_batchHadNativeModuleOrTurboModuleCalls = true;
   }
 
@@ -132,8 +132,8 @@ void NativeToJsBridge::loadBundle(
     std::string startupScriptSourceURL) {
   runOnExecutorQueue(
       [this,
-       bundleRegistryWrap = folly::makeMoveWrapper(std::move(bundleRegistry)),
-       startupScript = folly::makeMoveWrapper(std::move(startupScript)),
+       bundleRegistryWrap = makeMoveWrapper(std::move(bundleRegistry)),
+       startupScript = makeMoveWrapper(std::move(startupScript)),
        startupScriptSourceURL =
            std::move(startupScriptSourceURL)](JSExecutor* executor) mutable {
         auto bundleRegistry = bundleRegistryWrap.move();
@@ -249,7 +249,7 @@ void NativeToJsBridge::setGlobalVariable(
     std::string propName,
     std::unique_ptr<const JSBigString> jsonValue) {
   runOnExecutorQueue([propName = std::move(propName),
-                      jsonValue = folly::makeMoveWrapper(std::move(jsonValue))](
+                      jsonValue = makeMoveWrapper(std::move(jsonValue))](
                          JSExecutor* executor) mutable {
     executor->setGlobalVariable(propName, jsonValue.move());
   });
@@ -288,7 +288,7 @@ void NativeToJsBridge::destroy() {
 }
 
 void NativeToJsBridge::runOnExecutorQueue(
-    std::function<void(JSExecutor*)> task) {
+    std::function<void(JSExecutor*)>&& task) noexcept {
   if (*m_destroyed) {
     return;
   }
@@ -326,7 +326,7 @@ NativeToJsBridge::getDecoratedNativeMethodCallInvoker(
 
     void invokeAsync(
         const std::string& methodName,
-        std::function<void()>&& func) override {
+        std::function<void()>&& func) noexcept override {
       if (auto strongJsToNativeBridge = m_jsToNativeBridge.lock()) {
         strongJsToNativeBridge->recordTurboModuleAsyncMethodCall();
       }
@@ -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 c2073624b017..da3fa32068ea 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;
@@ -97,7 +98,7 @@ class NativeToJsBridge {
    */
   void destroy();
 
-  void runOnExecutorQueue(std::function<void(JSExecutor*)> task);
+  void runOnExecutorQueue(std::function<void(JSExecutor*)>&& task) noexcept;
 
   /**
    * NativeMethodCallInvoker is used by TurboModules to schedule work on the
@@ -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 d8cf29fcc0d2..e503be71f2c9 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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|
@@ -35,16 +36,16 @@ Pod::Spec.new do |s|
   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_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers\"",
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard()
   }
   s.header_dir             = "cxxreact"
 
   s.dependency "boost", "1.83.0"
   s.dependency "DoubleConversion"
-  s.dependency 'fmt' , '~> 6.2.1'
+  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 e9059dac7137..86c3a03c9df5 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 8d3a532e2c4e..e50746780d48 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 5d89f4efaae2..747ab8feb010 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
@@ -15,9 +15,9 @@
 namespace facebook::react {
 
 constexpr struct {
-  int32_t Major = 1000;
-  int32_t Minor = 0;
-  int32_t Patch = 0;
+  int32_t Major = 0;
+  int32_t Minor = 74;
+  int32_t Patch = 6;
   std::string_view Prerelease = "";
 } ReactNativeVersion;
 
diff --git a/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp b/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp
index 7d43418aba31..cb196d1b3534 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 15f390c8f472..9f9f7445c5a4 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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\"",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+                               "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" => rct_cxx_language_standard()
                              }
   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' , '~> 6.2.1'
+  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 8ae8766f5e3e..4b1414253d38 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 723ed547302b..689a58f7f059 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/executor/JSITracing.cpp b/packages/react-native/ReactCommon/hermes/executor/JSITracing.cpp
deleted file mode 100644
index 4c246c173b81..000000000000
--- a/packages/react-native/ReactCommon/hermes/executor/JSITracing.cpp
+++ /dev/null
@@ -1,16 +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 "JSITracing.h"
-
-namespace facebook {
-namespace jsi {
-void addNativeTracingHooks(Runtime& rt) {
-  // Unimplemented
-}
-} // namespace jsi
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/executor/JSITracing.h b/packages/react-native/ReactCommon/hermes/executor/JSITracing.h
deleted file mode 100644
index c1a7288a51af..000000000000
--- a/packages/react-native/ReactCommon/hermes/executor/JSITracing.h
+++ /dev/null
@@ -1,16 +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 <jsi/jsi.h>
-
-namespace facebook {
-namespace jsi {
-
-void addNativeTracingHooks(Runtime& rt);
-
-} // namespace jsi
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/executor/React-jsitracing.podspec b/packages/react-native/ReactCommon/hermes/executor/React-jsitracing.podspec
index 3ccee9937791..b6be0d684278 100644
--- a/packages/react-native/ReactCommon/hermes/executor/React-jsitracing.podspec
+++ b/packages/react-native/ReactCommon/hermes/executor/React-jsitracing.podspec
@@ -29,7 +29,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "."
   s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"${PODS_TARGET_SRCROOT}/../..\"",
                                 "USE_HEADERMAP" => "YES",
-                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                                "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                 "GCC_WARN_PEDANTIC" => "YES" }
 
   if ENV['USE_FRAMEWORKS']
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 550292f9506c..000000000000
--- 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 4e594fb1b4bf..000000000000
--- 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 bd051c84563f..bb820dabe1fa 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 a2bf51c0c965..000000000000
--- 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 4e8e06849334..000000000000
--- 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 aebeb828d27d..000000000000
--- 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 aea5e3bed73b..000000000000
--- 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 3106972839b5..000000000000
--- 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 2764c61dc43d..000000000000
--- 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 d459e63dbdc4..000000000000
--- 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 6e873f512825..000000000000
--- 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 9bc07895e3b6..000000000000
--- 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 0718ede70cf6..000000000000
--- 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 5ab0955ecd98..0b9796aee0ec 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 9ed90410d20f..ba1325ef33fe 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 000000000000..bfea30fc827a
--- /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 000000000000..e6be5dc7246d
--- /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 a9b71133eda1..000000000000
--- 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 fc8df4676e34..000000000000
--- 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 2ce3e7a591cc..000000000000
--- 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 e19af32ad7cd..000000000000
--- 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 4c2c3f0f696d..000000000000
--- 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 89a99b901724..000000000000
--- 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 3b73b49e7fbc..312330c27365 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 bda9300e837f..3395a9e0985f 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 afb9411e2a1b..000000000000
--- 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 d7a3370f6d4b..000000000000
--- 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 64fa78882491..000000000000
--- 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 f60e9bd5fb07..0e652e207b18 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 337ed956184a..000000000000
--- 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 ea8f0a941830..000000000000
--- 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 5e0f379076a8..000000000000
--- 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 66b5c168fb96..000000000000
--- 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 cfe21a6b5cde..000000000000
--- 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 708cce714fb7..000000000000
--- 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/GenerateInspectorFSM.sh b/packages/react-native/ReactCommon/hermes/inspector-modern/docs/GenerateInspectorFSM.sh
deleted file mode 100755
index 6218d33d6ea3..000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/GenerateInspectorFSM.sh
+++ /dev/null
@@ -1,7 +0,0 @@
-#!/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
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 7b537f8638af..000000000000
--- 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 f2daf5a4fd04..000000000000
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 e22332aa5718..000000000000
--- 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 dec6c3d4afe1..000000000000
--- 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 45fbfd11963d..000000000000
--- 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 b55aea7901dd..000000000000
--- 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 eb6c194f5952..000000000000
--- 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 c5c17fb4048d..d71b289679bc 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 362d76d0252a..730da01a697a 100644
--- a/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp
+++ b/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp
@@ -13,8 +13,8 @@
 #include <atomic>
 #include <condition_variable>
 #include <cstdlib>
+#include <deque>
 #include <mutex>
-#include <queue>
 #include <sstream>
 #include <thread>
 
@@ -51,6 +51,12 @@ class JSCRuntime : public jsi::Runtime {
       const std::shared_ptr<const jsi::Buffer>& buffer,
       const std::string& sourceURL) override;
 
+  // If we use this interface to implement microtasks in the host we need to
+  // polyfill `Promise` to use these methods, because JSC doesn't currently
+  // support providing a custom queue for its built-in implementation.
+  // Not doing this would result in a non-compliant behavior, as microtasks
+  // wouldn't execute in the order in which they were queued.
+  void queueMicrotask(const jsi::Function& callback) override;
   bool drainMicrotasks(int maxMicrotasksHint = -1) override;
 
   jsi::Object global() override;
@@ -233,6 +239,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
@@ -240,10 +247,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;
@@ -256,6 +260,8 @@ class JSCRuntime : public jsi::Runtime {
   jsi::Runtime::PointerValue* makeStringValue(JSStringRef str) const;
   jsi::Runtime::PointerValue* makeObjectValue(JSObjectRef obj) const;
 
+  JSValueRef getNativeStateSymbol();
+
   void checkException(JSValueRef exc);
   void checkException(JSValueRef res, JSValueRef exc);
   void checkException(JSValueRef exc, const char* msg);
@@ -264,6 +270,8 @@ class JSCRuntime : public jsi::Runtime {
   JSGlobalContextRef ctx_;
   std::atomic<bool> ctxInvalid_;
   std::string desc_;
+  JSValueRef nativeStateSymbol_ = nullptr;
+  std::deque<jsi::Function> microtaskQueue_;
 #ifndef NDEBUG
   mutable std::atomic<intptr_t> objectCounter_;
   mutable std::atomic<intptr_t> symbolCounter_;
@@ -369,14 +377,20 @@ JSCRuntime::JSCRuntime(JSGlobalContextRef ctx)
 {
 #ifndef NDEBUG
 #ifdef _JSC_HAS_INSPECTABLE
+#if (__OSX_AVAILABLE_STARTING(MAC_NA, IPHONE_16_4))
   if (__builtin_available(macOS 13.3, iOS 16.4, tvOS 16.4, *)) {
     JSGlobalContextSetInspectable(ctx_, true);
   }
 #endif
 #endif
+#endif
 }
 
 JSCRuntime::~JSCRuntime() {
+  // We need to clear the microtask queue to remove all references to the
+  // callbacks, so objectCounter_ would be 0 below.
+  microtaskQueue_.clear();
+
   // On shutting down and cleaning up: when JSC is actually torn down,
   // it calls JSC::Heap::lastChanceToFinalize internally which
   // finalizes anything left over.  But at this point,
@@ -384,6 +398,8 @@ JSCRuntime::~JSCRuntime() {
   // atomic<bool> to avoid unsafe unprotects happening after shutdown
   // has started.
   ctxInvalid_ = true;
+  // No need to unprotect nativeStateSymbol_ since the heap is getting torn down
+  // anyway
   JSGlobalContextRelease(ctx_);
 #ifndef NDEBUG
   assert(
@@ -431,7 +447,24 @@ jsi::Value JSCRuntime::evaluateJavaScript(
   return createValue(res);
 }
 
-bool JSCRuntime::drainMicrotasks(int maxMicrotasksHint) {
+void JSCRuntime::queueMicrotask(const jsi::Function& callback) {
+  microtaskQueue_.emplace_back(
+      jsi::Value(*this, callback).asObject(*this).asFunction(*this));
+}
+
+bool JSCRuntime::drainMicrotasks(int /*maxMicrotasksHint*/) {
+  // Note that new jobs can be enqueued during the draining.
+  while (!microtaskQueue_.empty()) {
+    jsi::Function callback = std::move(microtaskQueue_.front());
+
+    // We need to pop before calling the callback because that might throw.
+    // When that happens, the host will call `drainMicrotasks` again to execute
+    // the remaining microtasks, and this one shouldn't run again.
+    microtaskQueue_.pop_front();
+
+    callback.call(*this);
+  }
+
   return true;
 }
 
@@ -450,25 +483,6 @@ bool JSCRuntime::isInspectable() {
   return false;
 }
 
-namespace {
-
-bool smellsLikeES6Symbol(JSGlobalContextRef ctx, JSValueRef ref) {
-  // Since iOS 13, JSValueGetType will return kJSTypeSymbol
-  // Before: Empirically, an es6 Symbol is not an object, but its type is
-  // object.  This makes no sense, but we'll run with it.
-  // https://github.com/WebKit/webkit/blob/master/Source/JavaScriptCore/API/JSValueRef.cpp#L79-L82
-
-  JSType type = JSValueGetType(ctx, ref);
-
-  if (type == /* kJSTypeSymbol */ 6) {
-    return true;
-  }
-
-  return (!JSValueIsObject(ctx, ref) && type == kJSTypeObject);
-}
-
-} // namespace
-
 JSCRuntime::JSCSymbolValue::JSCSymbolValue(
     JSGlobalContextRef ctx,
     const std::atomic<bool>& ctxInvalid,
@@ -486,7 +500,7 @@ JSCRuntime::JSCSymbolValue::JSCSymbolValue(
       counter_(counter)
 #endif
 {
-  assert(smellsLikeES6Symbol(ctx_, sym_));
+  assert(JSValueIsSymbol(ctx_, sym_));
   JSValueProtect(ctx_, sym_);
 #ifndef NDEBUG
   counter_ += 1;
@@ -723,7 +737,7 @@ jsi::Object JSCRuntime::createObject() {
 }
 
 // HostObject details
-namespace detail {
+namespace {
 struct HostObjectProxyBase {
   HostObjectProxyBase(
       JSCRuntime& rt,
@@ -733,15 +747,13 @@ struct HostObjectProxyBase {
   JSCRuntime& runtime;
   std::shared_ptr<jsi::HostObject> hostObject;
 };
-} // namespace detail
 
-namespace {
 std::once_flag hostObjectClassOnceFlag;
 JSClassRef hostObjectClass{};
 } // namespace
 
 jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
-  struct HostObjectProxy : public detail::HostObjectProxyBase {
+  struct HostObjectProxy : public HostObjectProxyBase {
     static JSValueRef getProperty(
         JSContextRef ctx,
         JSObjectRef object,
@@ -873,25 +885,107 @@ std::shared_ptr<jsi::HostObject> JSCRuntime::getHostObject(
   // We are guaranteed at this point to have isHostObject(obj) == true
   // so the private data should be HostObjectMetadata
   JSObjectRef object = objectRef(obj);
-  auto metadata =
-      static_cast<detail::HostObjectProxyBase*>(JSObjectGetPrivate(object));
+  auto metadata = static_cast<HostObjectProxyBase*>(JSObjectGetPrivate(object));
   assert(metadata);
   return metadata->hostObject;
 }
 
-bool JSCRuntime::hasNativeState(const jsi::Object&) {
-  throw std::logic_error("Not implemented");
+// NativeState details
+namespace {
+struct NativeStateContainer {
+  NativeStateContainer(std::shared_ptr<jsi::NativeState> state)
+      : nativeState(std::move(state)) {}
+
+  std::shared_ptr<jsi::NativeState> nativeState;
+
+  static void finalize(JSObjectRef obj) {
+    auto container =
+        static_cast<NativeStateContainer*>(JSObjectGetPrivate(obj));
+    delete container;
+  }
+};
+
+JSClassRef getNativeStateClass() {
+  static JSClassRef nativeStateClass = [] {
+    JSClassDefinition nativeStateClassDef = kJSClassDefinitionEmpty;
+    nativeStateClassDef.version = 0;
+    nativeStateClassDef.attributes = kJSClassAttributeNoAutomaticPrototype;
+    nativeStateClassDef.finalize = NativeStateContainer::finalize;
+    return JSClassCreate(&nativeStateClassDef);
+  }();
+  return nativeStateClass;
+}
+} // namespace
+
+JSValueRef JSCRuntime::getNativeStateSymbol() {
+  if (!nativeStateSymbol_) {
+    JSStringRef symbolName =
+        JSStringCreateWithUTF8CString("__internal_nativeState");
+    JSValueRef symbol = JSValueMakeSymbol(ctx_, symbolName);
+    JSValueProtect(ctx_, symbol);
+    nativeStateSymbol_ = symbol;
+    JSStringRelease(symbolName);
+  }
+  return nativeStateSymbol_;
+}
+
+bool JSCRuntime::hasNativeState(const jsi::Object& obj) {
+  JSValueRef exc = nullptr;
+  JSValueRef state = JSObjectGetPropertyForKey(
+      ctx_, objectRef(obj), getNativeStateSymbol(), &exc);
+  checkException(exc);
+
+  return JSValueIsObjectOfClass(ctx_, state, getNativeStateClass());
 }
 
 std::shared_ptr<jsi::NativeState> JSCRuntime::getNativeState(
-    const jsi::Object&) {
-  throw std::logic_error("Not implemented");
+    const jsi::Object& obj) {
+  JSValueRef exc = nullptr;
+  JSValueRef state = JSObjectGetPropertyForKey(
+      ctx_, objectRef(obj), getNativeStateSymbol(), &exc);
+  checkException(exc);
+
+  JSObjectRef stateObj = JSValueToObject(ctx_, state, &exc);
+  checkException(exc);
+
+  auto container =
+      static_cast<NativeStateContainer*>(JSObjectGetPrivate(stateObj));
+  assert(container);
+  return container->nativeState;
 }
 
 void JSCRuntime::setNativeState(
-    const jsi::Object&,
-    std::shared_ptr<jsi::NativeState>) {
-  throw std::logic_error("Not implemented");
+    const jsi::Object& obj,
+    std::shared_ptr<jsi::NativeState> nativeState) {
+  JSValueRef nativeStateSymbol = getNativeStateSymbol();
+
+  JSValueRef exc = nullptr;
+  JSValueRef state =
+      JSObjectGetPropertyForKey(ctx_, objectRef(obj), nativeStateSymbol, &exc);
+  checkException(exc);
+  if (JSValueIsUndefined(ctx_, state)) {
+    JSObjectRef stateObj = JSObjectMake(
+        ctx_,
+        getNativeStateClass(),
+        new NativeStateContainer(std::move(nativeState)));
+    JSObjectSetPropertyForKey(
+        ctx_,
+        objectRef(obj),
+        nativeStateSymbol,
+        stateObj,
+        kJSPropertyAttributeReadOnly | kJSPropertyAttributeDontEnum |
+            kJSPropertyAttributeDontDelete,
+        &exc);
+    checkException(exc);
+  } else {
+    JSObjectRef stateObj = JSValueToObject(ctx_, state, &exc);
+    checkException(exc);
+
+    auto container =
+        static_cast<NativeStateContainer*>(JSObjectGetPrivate(stateObj));
+    assert(container);
+    container->nativeState = std::move(nativeState);
+  }
 }
 
 jsi::Value JSCRuntime::getProperty(
@@ -999,23 +1093,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) {
@@ -1337,6 +1423,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
@@ -1415,16 +1503,11 @@ jsi::Value JSCRuntime::createValue(JSValueRef value) const {
       JSObjectRef objRef = JSValueToObject(ctx_, value, nullptr);
       return jsi::Value(createObject(objRef));
     }
-      // TODO: Uncomment this when all supported JSC versions have this symbol
-      //    case kJSTypeSymbol:
-    default: {
-      if (smellsLikeES6Symbol(ctx_, value)) {
-        return jsi::Value(createSymbol(value));
-      } else {
-        // WHAT ARE YOU
-        abort();
-      }
-    }
+    case kJSTypeSymbol:
+      return jsi::Value(createSymbol(value));
+    default:
+      // WHAT ARE YOU
+      abort();
   }
 }
 
@@ -1466,12 +1549,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 ee9cf096e7a9..6239621c6a8c 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 612d100fa38a..b36b38e013d1 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 66b4dc9e2469..7106d5947583 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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,17 +34,20 @@ 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" => rct_cxx_language_standard()
+  }
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
 
   if ENV['USE_FRAMEWORKS']
-    s.header_mappings_dir     = './'
+    s.header_mappings_dir     = '../'
     s.module_name             = 'React_jserrorhandler'
   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 e6bea70de293..c32b83266da2 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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|
@@ -41,14 +42,20 @@ Pod::Spec.new do |s|
 
   s.dependency "boost", "1.83.0"
   s.dependency "DoubleConversion"
-  s.dependency 'fmt' , '~> 6.2.1'
+  s.dependency "fmt", "9.1.0"
   s.dependency "RCT-Folly", folly_version
   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 02f112c0e0ca..5a2d38d9dd39 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 110dd13999f4..a96cc281b0d6 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 baece80fe71d..6f4351a420da 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/decorator.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/decorator.h
@@ -126,6 +126,9 @@ class RuntimeDecorator : public Base, private jsi::Instrumentation {
       const std::shared_ptr<const PreparedJavaScript>& js) override {
     return plain().evaluatePreparedJavaScript(js);
   }
+  void queueMicrotask(const jsi::Function& callback) override {
+    return plain().queueMicrotask(callback);
+  }
   bool drainMicrotasks(int maxMicrotasksHint) override {
     return plain().drainMicrotasks(maxMicrotasksHint);
   }
@@ -252,6 +255,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);
   };
@@ -540,6 +547,10 @@ class WithRuntimeDecorator : public RuntimeDecorator<Plain, Base> {
     Around around{with_};
     return RD::evaluatePreparedJavaScript(js);
   }
+  void queueMicrotask(const Function& callback) override {
+    Around around{with_};
+    RD::queueMicrotask(callback);
+  }
   bool drainMicrotasks(int maxMicrotasksHint) override {
     Around around{with_};
     return RD::drainMicrotasks(maxMicrotasksHint);
diff --git a/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h b/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h
index 4ce00adb883c..f3955815e41f 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 e5112b753b69..d77255f61a86 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/jsi.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/jsi.h
@@ -209,6 +209,13 @@ class JSI_EXPORT Runtime {
   virtual Value evaluatePreparedJavaScript(
       const std::shared_ptr<const PreparedJavaScript>& js) = 0;
 
+  /// Queues a microtask in the JavaScript VM internal Microtask (a.k.a. Job in
+  /// ECMA262) queue, to be executed when the host drains microtasks in
+  /// its event loop implementation.
+  ///
+  /// \param callback a function to be executed as a microtask.
+  virtual void queueMicrotask(const jsi::Function& callback) = 0;
+
   /// Drain the JavaScript VM internal Microtask (a.k.a. Job in ECMA262) queue.
   ///
   /// \param maxMicrotasksHint a hint to tell an implementation that it should
@@ -387,6 +394,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 +846,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 bbfe8f2c06b1..8291d428b357 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp
+++ b/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp
@@ -1444,14 +1444,106 @@ 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})");
   EXPECT_EQ(ab.size(rt), 10);
 }
 
+namespace {
+
+struct IntState : public NativeState {
+  explicit IntState(int value) : value(value) {}
+  int value;
+};
+
+} // namespace
+
+TEST_P(JSITest, NativeState) {
+  Object holder(rt);
+  EXPECT_FALSE(holder.hasNativeState(rt));
+
+  auto stateValue = std::make_shared<IntState>(42);
+  holder.setNativeState(rt, stateValue);
+  EXPECT_TRUE(holder.hasNativeState(rt));
+  EXPECT_EQ(
+      std::dynamic_pointer_cast<IntState>(holder.getNativeState(rt))->value,
+      42);
+
+  stateValue = std::make_shared<IntState>(21);
+  holder.setNativeState(rt, stateValue);
+  EXPECT_TRUE(holder.hasNativeState(rt));
+  EXPECT_EQ(
+      std::dynamic_pointer_cast<IntState>(holder.getNativeState(rt))->value,
+      21);
+
+  // There's currently way to "delete" the native state of a component fully
+  // Even when reset with nullptr, hasNativeState will still return true
+  holder.setNativeState(rt, nullptr);
+  EXPECT_TRUE(holder.hasNativeState(rt));
+  EXPECT_TRUE(holder.getNativeState(rt) == nullptr);
+}
+
+TEST_P(JSITest, NativeStateSymbolOverrides) {
+  Object holder(rt);
+
+  auto stateValue = std::make_shared<IntState>(42);
+  holder.setNativeState(rt, stateValue);
+
+  // Attempting to change configurable attribute of unconfigurable property
+  try {
+    function(
+        "function (obj) {"
+        "  var mySymbol = Symbol();"
+        "  obj[mySymbol] = 'foo';"
+        "  var allSymbols = Object.getOwnPropertySymbols(obj);"
+        "  for (var sym of allSymbols) {"
+        "    Object.defineProperty(obj, sym, {configurable: true, writable: true});"
+        "    obj[sym] = 'bar';"
+        "  }"
+        "}")
+        .call(rt, holder);
+  } catch (const JSError& ex) {
+    // On JSC this throws, but it doesn't on Hermes
+    std::string exc = ex.what();
+    EXPECT_NE(
+        exc.find(
+            "Attempting to change configurable attribute of unconfigurable property"),
+        std::string::npos);
+  }
+
+  EXPECT_TRUE(holder.hasNativeState(rt));
+  EXPECT_EQ(
+      std::dynamic_pointer_cast<IntState>(holder.getNativeState(rt))->value,
+      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 31b279634b24..4b8d8f1e665c 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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|
@@ -32,7 +33,7 @@ Pod::Spec.new do |s|
   s.source_files         = "jsireact/*.{cpp,h}"
   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\"",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
   s.header_dir             = "jsireact"
 
   s.dependency "React-cxxreact", version
@@ -40,8 +41,9 @@ Pod::Spec.new do |s|
   s.dependency "React-perflogger", version
   s.dependency "RCT-Folly", folly_version
   s.dependency "DoubleConversion"
-  s.dependency 'fmt' , '~> 6.2.1'
+  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 279e45a056d1..51fabddc8f0f 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 3f16dd6ceaae..cbbc44f6dd01 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 000000000000..e07d2eeda971
--- /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 000000000000..a298816d3af2
--- /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 000000000000..2e23fba10e4d
--- /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 000000000000..1334473d867e
--- /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 000000000000..1e1c4210b528
--- /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 000000000000..75f74e5f2853
--- /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 000000000000..56e3e895959a
--- /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 000000000000..b0e3b4fb17b5
--- /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 000000000000..605fad31723a
--- /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 ba054f9fa505..b8ac15d7b919 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 3bd91918bb99..07591f194d57 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 000000000000..5d9712d1b44a
--- /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 000000000000..8752cc7fd6f5
--- /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 000000000000..3025103a22c7
--- /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 000000000000..0c4c99ca6cea
--- /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 000000000000..41b6f7c84e3c
--- /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 000000000000..fdb57b0b4c7d
--- /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 000000000000..d33670275663
--- /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 000000000000..e128c689ed6d
--- /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 000000000000..101433c8b277
--- /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 000000000000..92eea3a21246
--- /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 000000000000..30f540abfcff
--- /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 000000000000..86db8b8f4005
--- /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 000000000000..d48a6a7d39ef
--- /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 000000000000..99b233aa9ca7
--- /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 000000000000..bd446fb19714
--- /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 76bb5b0413d4..3adb097b21c3 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,28 @@ 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" => rct_cxx_language_standard(),
+                               "DEFINES_MODULE" => "YES"
+  }.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 000000000000..c23e6a73db32
--- /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 000000000000..05071cfe4b88
--- /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 000000000000..0310f2a9165e
--- /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 000000000000..d7042d60d48c
--- /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 000000000000..c9a8be6f5974
--- /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 000000000000..20c42cb26446
--- /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 000000000000..6ede8b356d9d
--- /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 000000000000..a0329cc2db7b
--- /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 000000000000..6c13e17dd032
--- /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 000000000000..4e097c67b138
--- /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 000000000000..a9606127d3ba
--- /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 000000000000..77aea744bf74
--- /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 000000000000..d311a80dfd12
--- /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 000000000000..4a2346cc6381
--- /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 000000000000..6cc8d87c6679
--- /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 000000000000..3e306fe5ec3a
--- /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 000000000000..31b01eb1571a
--- /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 000000000000..62edd59d3566
--- /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 000000000000..a63df3968e0d
--- /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 000000000000..ee86a8e68a94
--- /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 000000000000..ee842d237dcd
--- /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 000000000000..665477e303b6
--- /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 000000000000..57efca34257a
--- /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 000000000000..08c35800e257
--- /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 9f33ef5a06d8..000000000000
--- 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 93ab7fad40db..000000000000
--- 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 c92e41db907d..000000000000
--- 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 4746c147ac31..57bd031de237 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 5d25a5b694de..eb2eaeaeffac 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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 2814e5f6ae21..58455aa278cb 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 f084beccab62..666441ef19aa 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 9efa29628e38..228f0948d8f3 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.
@@ -45,19 +48,19 @@ class CallbackWrapper : public LongLivedObject {
     allowRelease();
   }
 
-  jsi::Function& callback() {
+  jsi::Function& callback() noexcept {
     return callback_;
   }
 
-  jsi::Runtime& runtime() {
+  jsi::Runtime& runtime() noexcept {
     return runtime_;
   }
 
-  CallInvoker& jsInvoker() {
+  CallInvoker& jsInvoker() noexcept {
     return *(jsInvoker_);
   }
 
-  std::shared_ptr<CallInvoker> jsInvokerPtr() {
+  std::shared_ptr<CallInvoker> jsInvokerPtr() noexcept {
     return jsInvoker_;
   }
 };
diff --git a/packages/react-native/ReactCommon/react/bridging/Function.h b/packages/react-native/ReactCommon/react/bridging/Function.h
index f479c509dc4e..58cb238ac08c 100644
--- a/packages/react-native/ReactCommon/react/bridging/Function.h
+++ b/packages/react-native/ReactCommon/react/bridging/Function.h
@@ -29,19 +29,29 @@ class AsyncCallback {
             std::move(function),
             std::move(jsInvoker))) {}
 
-  AsyncCallback(const AsyncCallback&) = default;
-  AsyncCallback& operator=(const AsyncCallback&) = default;
-
-  void operator()(Args... args) const {
+  void operator()(Args... args) const noexcept {
     call(std::forward<Args>(args)...);
   }
 
-  void call(Args... args) const {
-    callInternal(std::nullopt, std::forward<Args>(args)...);
+  void call(Args... args) const noexcept {
+    callWithArgs(std::nullopt, std::forward<Args>(args)...);
+  }
+
+  void callWithPriority(SchedulerPriority priority, Args... args)
+      const noexcept {
+    callWithArgs(priority, std::forward<Args>(args)...);
+  }
+
+  void call(std::function<void(jsi::Runtime&, jsi::Function&)>&& callImpl)
+      const noexcept {
+    callWithFunction(std::nullopt, std::move(callImpl));
   }
 
-  void callWithPriority(SchedulerPriority priority, Args... args) const {
-    callInternal(priority, std::forward<Args>(args)...);
+  void callWithPriority(
+      SchedulerPriority priority,
+      std::function<void(jsi::Runtime&, jsi::Function&)>&& callImpl)
+      const noexcept {
+    callWithFunction(priority, std::move(callImpl));
   }
 
  private:
@@ -49,22 +59,44 @@ class AsyncCallback {
 
   std::shared_ptr<SyncCallback<void(Args...)>> callback_;
 
-  void callInternal(std::optional<SchedulerPriority> priority, Args... args)
-      const {
-    auto wrapper = callback_->wrapper_.lock();
-    if (!wrapper) {
-      throw std::runtime_error("Failed to call invalidated async callback");
+  void callWithArgs(std::optional<SchedulerPriority> priority, Args... args)
+      const noexcept {
+    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 {
+        jsInvoker.invokeAsync(std::move(fn));
+      }
     }
-    auto fn = [callback = callback_,
-               argsPtr = std::make_shared<std::tuple<Args...>>(
-                   std::make_tuple(std::forward<Args>(args)...))] {
-      callback->apply(std::move(*argsPtr));
-    };
-
-    if (priority) {
-      wrapper->jsInvoker().invokeAsync(*priority, std::move(fn));
-    } else {
-      wrapper->jsInvoker().invokeAsync(std::move(fn));
+  }
+
+  void callWithFunction(
+      std::optional<SchedulerPriority> priority,
+      std::function<void(jsi::Runtime&, jsi::Function&)>&& callImpl)
+      const noexcept {
+    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 {
+        jsInvoker.invokeAsync(std::move(fn));
+      }
     }
   }
 };
@@ -97,8 +129,15 @@ class SyncCallback<R(Args...)> {
 
   R call(Args... args) const {
     auto wrapper = wrapper_.lock();
+
+    // If the wrapper has been deallocated, we can no longer provide a return
+    // value consistently, so our only option is to throw
     if (!wrapper) {
-      throw std::runtime_error("Failed to call invalidated sync callback");
+      if constexpr (std::is_void_v<R>) {
+        return;
+      } else {
+        throw std::runtime_error("Failed to call invalidated sync callback");
+      }
     }
 
     auto& callback = wrapper->callback();
diff --git a/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h b/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h
index 5b29c42fb90f..f8ca6671da90 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/Object.h b/packages/react-native/ReactCommon/react/bridging/Object.h
index 599b5ceb9357..89e5714b798f 100644
--- a/packages/react-native/ReactCommon/react/bridging/Object.h
+++ b/packages/react-native/ReactCommon/react/bridging/Object.h
@@ -31,7 +31,7 @@ struct Bridging<
     std::shared_ptr<T>,
     std::enable_if_t<std::is_base_of_v<jsi::HostObject, T>>> {
   static std::shared_ptr<T> fromJs(jsi::Runtime& rt, const jsi::Object& value) {
-    return value.asHostObject<T>(rt);
+    return value.getHostObject<T>(rt);
   }
 
   static jsi::Object toJs(jsi::Runtime& rt, std::shared_ptr<T> value) {
diff --git a/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp b/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp
index 4d1184c75a3e..e89c4eeaa2b1 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) {
@@ -276,8 +292,36 @@ TEST_F(BridgingTest, asyncCallbackTest) {
   cb(func, "hello");
 
   flushQueue(); // Run scheduled async work
-
   EXPECT_EQ("hello"s, output);
+
+  // Test with lambda invocation
+  cb.call([func, jsInvoker = invoker](jsi::Runtime& rt, jsi::Function& f) {
+    f.call(
+        rt,
+        bridging::toJs(rt, func, jsInvoker),
+        bridging::toJs(rt, "hello again", jsInvoker));
+  });
+
+  flushQueue();
+  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) {
@@ -440,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/bridging/tests/BridgingTest.h b/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.h
index 9cc7c311958d..9b60ec82f691 100644
--- a/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.h
+++ b/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.h
@@ -17,7 +17,7 @@ namespace facebook::react {
 
 class TestCallInvoker : public CallInvoker {
  public:
-  void invokeAsync(std::function<void()>&& fn) override {
+  void invokeAsync(std::function<void()>&& fn) noexcept override {
     queue_.push_back(std::move(fn));
   }
 
diff --git a/packages/react-native/ReactCommon/react/config/CMakeLists.txt b/packages/react-native/ReactCommon/react/config/CMakeLists.txt
index c581816bd117..387d983876f5 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 643c19729705..9b52a2bb8e3d 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 a3e4644c7dae..13f348d94d12 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 ec0ec12da812..4b811df4c31b 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/debug/React-debug.podspec b/packages/react-native/ReactCommon/react/debug/React-debug.podspec
index 4754c832404f..413c2cbdab50 100644
--- a/packages/react-native/ReactCommon/react/debug/React-debug.podspec
+++ b/packages/react-native/ReactCommon/react/debug/React-debug.podspec
@@ -27,7 +27,7 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "**/*.{cpp,h}"
   s.header_dir             = "react/debug"
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "DEFINES_MODULE" => "YES" }
 
   if ENV['USE_FRAMEWORKS']
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 000000000000..757b0ea1ff8e
--- /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 000000000000..db1c074ede76
--- /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" => rct_cxx_language_standard(),
+                               "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 000000000000..3e4989ac3482
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.cpp
@@ -0,0 +1,90 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<7ba277e9902ca2a0b171daf223644b89>>
+ */
+
+/**
+ * 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::androidEnablePendingFabricTransactions() {
+  return getAccessor().androidEnablePendingFabricTransactions();
+}
+
+bool ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop() {
+  return getAccessor().batchRenderingUpdatesInEventLoop();
+}
+
+bool ReactNativeFeatureFlags::destroyFabricSurfacesInReactInstanceManager() {
+  return getAccessor().destroyFabricSurfacesInReactInstanceManager();
+}
+
+bool ReactNativeFeatureFlags::enableBackgroundExecutor() {
+  return getAccessor().enableBackgroundExecutor();
+}
+
+bool ReactNativeFeatureFlags::useModernRuntimeScheduler() {
+  return getAccessor().useModernRuntimeScheduler();
+}
+
+bool ReactNativeFeatureFlags::enableMicrotasks() {
+  return getAccessor().enableMicrotasks();
+}
+
+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 000000000000..2dbc253f97f6
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.h
@@ -0,0 +1,136 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<bf4d30ecf78c8d2f65741c16d8d07bde>>
+ */
+
+/**
+ * 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();
+
+  /**
+   * To be used with batchRenderingUpdatesInEventLoop. When enbled, the Android mounting layer will concatenate pending transactions to ensure they're applied atomatically
+   */
+  static bool androidEnablePendingFabricTransactions();
+
+  /**
+   * 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();
+
+  /**
+   * When enabled, ReactInstanceManager will clean up Fabric surfaces on destroy().
+   */
+  static bool destroyFabricSurfacesInReactInstanceManager();
+
+  /**
+   * 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();
+
+  /**
+   * 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 000000000000..0bbed9699bdb
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.cpp
@@ -0,0 +1,287 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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<<5311a007bec258c79bf1ca3e2355101c>>
+ */
+
+/**
+ * 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::androidEnablePendingFabricTransactions() {
+  auto flagValue = androidEnablePendingFabricTransactions_.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, "androidEnablePendingFabricTransactions");
+
+    flagValue = currentProvider_->androidEnablePendingFabricTransactions();
+    androidEnablePendingFabricTransactions_ = 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(2, "batchRenderingUpdatesInEventLoop");
+
+    flagValue = currentProvider_->batchRenderingUpdatesInEventLoop();
+    batchRenderingUpdatesInEventLoop_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::destroyFabricSurfacesInReactInstanceManager() {
+  auto flagValue = destroyFabricSurfacesInReactInstanceManager_.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, "destroyFabricSurfacesInReactInstanceManager");
+
+    flagValue = currentProvider_->destroyFabricSurfacesInReactInstanceManager();
+    destroyFabricSurfacesInReactInstanceManager_ = 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(4, "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(5, "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(6, "enableMicrotasks");
+
+    flagValue = currentProvider_->enableMicrotasks();
+    enableMicrotasks_ = 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(7, "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(8, "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(9, "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(10, "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(11, "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 000000000000..e6a98054acd0
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.h
@@ -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.
+ *
+ * @generated SignedSource<<e67096a87dc73576add98d1d3ea6909b>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions();
+  bool batchRenderingUpdatesInEventLoop();
+  bool destroyFabricSurfacesInReactInstanceManager();
+  bool enableBackgroundExecutor();
+  bool useModernRuntimeScheduler();
+  bool enableMicrotasks();
+  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*>, 12> accessedFeatureFlags_;
+
+  std::atomic<std::optional<bool>> commonTestFlag_;
+  std::atomic<std::optional<bool>> androidEnablePendingFabricTransactions_;
+  std::atomic<std::optional<bool>> batchRenderingUpdatesInEventLoop_;
+  std::atomic<std::optional<bool>> destroyFabricSurfacesInReactInstanceManager_;
+  std::atomic<std::optional<bool>> enableBackgroundExecutor_;
+  std::atomic<std::optional<bool>> useModernRuntimeScheduler_;
+  std::atomic<std::optional<bool>> enableMicrotasks_;
+  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 000000000000..e9d8d4a0f8fd
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsDefaults.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.
+ *
+ * @generated SignedSource<<8a0f2e61752ae83a7a3032939f4a59fa>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions() override {
+    return false;
+  }
+
+  bool batchRenderingUpdatesInEventLoop() override {
+    return false;
+  }
+
+  bool destroyFabricSurfacesInReactInstanceManager() override {
+    return false;
+  }
+
+  bool enableBackgroundExecutor() override {
+    return false;
+  }
+
+  bool useModernRuntimeScheduler() override {
+    return false;
+  }
+
+  bool enableMicrotasks() 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 000000000000..bdf24ccb7736
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsProvider.h
@@ -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<<9194d576893a97a6d9b88f5a32c71197>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions() = 0;
+  virtual bool batchRenderingUpdatesInEventLoop() = 0;
+  virtual bool destroyFabricSurfacesInReactInstanceManager() = 0;
+  virtual bool enableBackgroundExecutor() = 0;
+  virtual bool useModernRuntimeScheduler() = 0;
+  virtual bool enableMicrotasks() = 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 000000000000..2047767dbdef
--- /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 40888fcbde83..2a111774004c 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 000000000000..4ddafa742add
--- /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 000000000000..64c5cf3eb46f
--- /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 f3641afcb521..b0924be26e1a 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 4ecfe86f1433..ccd9d1f85968 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 b03715f560d8..360ad45f9da8 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 385ce24d1a28..0556c697f1e7 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 d25582508766..786c4cdb3cec 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 8d5a6f94d51a..8ece2391e64c 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,7 +17,9 @@
 #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/JDynamicNative.h>
 #include <react/jni/NativeMap.h>
 #include <react/jni/ReadableNativeMap.h>
 #include <react/jni/WritableNativeMap.h>
@@ -31,7 +33,8 @@ namespace TMPL = TurboModulePerfLogger;
 JavaTurboModule::JavaTurboModule(const InitParams& params)
     : TurboModule(params.moduleName, params.jsInvoker),
       instance_(jni::make_global(params.instance)),
-      nativeMethodCallInvoker_(params.nativeMethodCallInvoker) {}
+      nativeMethodCallInvoker_(params.nativeMethodCallInvoker),
+      shouldVoidMethodsExecuteSync_(params.shouldVoidMethodsExecuteSync) {}
 
 JavaTurboModule::~JavaTurboModule() {
   /**
@@ -56,67 +59,122 @@ 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,
-    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::Value createJSRuntimeError(
+    jsi::Runtime& runtime,
+    const std::string& message) {
+  return runtime.global()
+      .getPropertyAsFunction(runtime, "Error")
+      .call(runtime, message);
+}
 
-  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";
-        }
+jsi::Value createRejectionError(jsi::Runtime& rt, const folly::dynamic& args) {
+  react_native_assert(
+      args.size() == 1 && "promise reject should has only one argument");
 
-        auto strongWrapper = weakWrapper.lock();
-        if (!strongWrapper) {
-          return;
-        }
+  auto value = jsi::valueFromDynamic(rt, args[0]);
+  react_native_assert(value.isObject() && "promise reject should return a map");
 
-        strongWrapper->jsInvoker().invokeAsync(
-            [weakWrapper = std::move(weakWrapper),
-             callbackWrapperOwner = std::move(callbackWrapperOwner),
-             responses = std::move(responses)]() {
-              auto strongWrapper2 = weakWrapper.lock();
-              if (!strongWrapper2) {
-                return;
-              }
+  const jsi::Object& valueAsObject = value.asObject(rt);
 
-              std::vector<jsi::Value> args;
-              args.reserve(responses.size());
-              for (const auto& val : responses) {
-                args.emplace_back(
-                    jsi::valueFromDynamic(strongWrapper2->runtime(), val));
-              }
+  auto messageProperty = valueAsObject.getProperty(rt, "message");
+  auto jsError =
+      createJSRuntimeError(rt, messageProperty.asString(rt).utf8(rt));
+
+  auto jsErrorAsObject = jsError.asObject(rt);
+  auto propertyNames = valueAsObject.getPropertyNames(rt);
+  for (size_t i = 0; i < propertyNames.size(rt); ++i) {
+    auto propertyName = jsi::PropNameID::forString(
+        rt, propertyNames.getValueAtIndex(rt, i).asString(rt));
+    jsErrorAsObject.setProperty(
+        rt, propertyName, valueAsObject.getProperty(rt, propertyName));
+  }
+  return jsError;
+}
 
-              strongWrapper2->callback().call(
-                  strongWrapper2->runtime(),
-                  (const jsi::Value*)args.data(),
-                  args.size());
-            });
+auto createJavaCallback(
+    jsi::Runtime& rt,
+    jsi::Function&& function,
+    std::shared_ptr<CallInvoker> jsInvoker) {
+  std::optional<AsyncCallback<>> callback(
+      {rt, std::move(function), std::move(jsInvoker)});
+  return JCxxCallbackImpl::newObjectCxxArgs(
+      [callback = std::move(callback)](folly::dynamic args) mutable {
+        if (!callback) {
+          LOG(FATAL) << "Callback arg cannot be called more than once";
+          return;
+        }
+        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;
+      });
+}
 
-        wrapperWasCalled = true;
+auto createJavaRejectCallback(
+    jsi::Runtime& rt,
+    jsi::Function&& function,
+    std::shared_ptr<CallInvoker> jsInvoker) {
+  std::optional<AsyncCallback<>> callback(
+      {rt, std::move(function), std::move(jsInvoker)});
+  return JCxxCallbackImpl::newObjectCxxArgs(
+      [callback = std::move(callback)](folly::dynamic args) mutable {
+        if (!callback) {
+          LOG(FATAL) << "Callback arg cannot be called more than once";
+          return;
+        }
+        callback->call([args = std::move(args)](
+                           jsi::Runtime& rt, jsi::Function& jsFunction) {
+          jsFunction.call(rt, createRejectionError(rt, args));
+        });
+        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()) {
@@ -244,13 +302,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);
@@ -311,7 +371,9 @@ JNIArgs convertJSIArgsToJNIArgs(
       continue;
     }
 
-    if (arg->isNull() || arg->isUndefined()) {
+    // Dynamic encapsulates the Null type so we don't want to return null here.
+    if ((arg->isNull() && type != "Lcom/facebook/react/bridge/Dynamic;") ||
+        arg->isUndefined()) {
       jarg->l = nullptr;
     } else if (type == "Ljava/lang/Double;") {
       if (!arg->isNumber()) {
@@ -355,8 +417,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(
@@ -375,6 +436,10 @@ JNIArgs convertJSIArgsToJNIArgs(
       auto jParams =
           ReadableNativeMap::createWithContents(std::move(dynamicFromValue));
       jarg->l = makeGlobalIfNecessary(jParams.release());
+    } else if (type == "Lcom/facebook/react/bridge/Dynamic;") {
+      auto dynamicFromValue = jsi::dynamicFromValue(rt, *arg);
+      auto jParams = JDynamicNative::newObjectCxxArgs(dynamicFromValue);
+      jarg->l = makeGlobalIfNecessary(jParams.release());
     } else {
       throw JavaTurboModuleInvalidArgumentTypeException(
           type, argIndex, methodName);
@@ -400,20 +465,12 @@ jsi::Value convertFromJMapToValue(JNIEnv* env, jsi::Runtime& rt, jobject arg) {
   return jsi::valueFromDynamic(rt, result->cthis()->consume());
 }
 
-jsi::Value createJSRuntimeError(
-    jsi::Runtime& runtime,
-    const std::string& message) {
-  return runtime.global()
-      .getPropertyAsFunction(runtime, "Error")
-      .call(runtime, message);
-}
-
 /**
  * Creates JSError with current JS runtime stack and Throwable stack trace.
  */
 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());
@@ -441,6 +498,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(
@@ -454,7 +527,9 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
   const char* methodName = methodNameStr.c_str();
   const char* moduleName = name_.c_str();
 
-  bool isMethodSync = !(valueKind == VoidKind || valueKind == PromiseKind);
+  bool isMethodSync =
+      (valueKind == VoidKind && shouldVoidMethodsExecuteSync_) ||
+      !(valueKind == VoidKind || valueKind == PromiseKind);
 
   if (isMethodSync) {
     TMPL::syncMethodCallStart(moduleName, methodName);
@@ -482,7 +557,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;
 
@@ -733,6 +809,15 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
       return returnValue;
     }
     case VoidKind: {
+      if (shouldVoidMethodsExecuteSync_) {
+        env->CallVoidMethodA(instance, methodID, jargs.data());
+        checkJNIErrorForMethodCall();
+
+        TMPL::syncMethodCallExecutionEnd(moduleName, methodName);
+        TMPL::syncMethodCallEnd(moduleName, methodName);
+        return jsi::Value::undefined();
+      }
+
       TMPL::asyncMethodCallArgConversionEnd(moduleName, methodName);
       TMPL::asyncMethodCallDispatch(moduleName, methodName);
 
@@ -744,16 +829,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();
@@ -777,115 +869,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 = createJavaRejectCallback(
+                    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 bbfc4522d107..cb020a852e6a 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>
@@ -32,6 +30,7 @@ class JSI_EXPORT JavaTurboModule : public TurboModule {
     jni::alias_ref<jobject> instance;
     std::shared_ptr<CallInvoker> jsInvoker;
     std::shared_ptr<NativeMethodCallInvoker> nativeMethodCallInvoker;
+    bool shouldVoidMethodsExecuteSync;
   };
 
   JavaTurboModule(const InitParams& params);
@@ -50,6 +49,7 @@ class JSI_EXPORT JavaTurboModule : public TurboModule {
   // instance_ can be of type JTurboModule, or JNativeModule
   jni::global_ref<jobject> instance_;
   std::shared_ptr<NativeMethodCallInvoker> nativeMethodCallInvoker_;
+  bool shouldVoidMethodsExecuteSync_;
 };
 
 } // namespace facebook::react
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 71e1082857d5..b0ee4c1e0215 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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|
@@ -34,7 +36,7 @@ Pod::Spec.new do |s|
     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\"",
                                 "USE_HEADERMAP" => "YES",
-                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                                "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                 "GCC_WARN_PEDANTIC" => "YES" }
     if ENV['USE_FRAMEWORKS']
         s.header_mappings_dir     = './'
@@ -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 0e34516bedaa..000000000000
--- 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 c88429c67a8c..000000000000
--- 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 914153bff44e..63105fe61ce6 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 9bd3395d37d1..ad267de81138 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 000000000000..191e94f3b0dd
--- /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 000000000000..87538efb0d91
--- /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 bdfbeeb596af..b5e47efec6c6 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
@@ -45,6 +45,7 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
     std::shared_ptr<CallInvoker> jsInvoker;
     std::shared_ptr<NativeMethodCallInvoker> nativeMethodCallInvoker;
     bool isSyncModule;
+    bool shouldVoidMethodsExecuteSync;
   };
 
   ObjCTurboModule(const InitParams &params);
@@ -61,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?
@@ -112,6 +113,9 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
   // Does the NativeModule dispatch async methods to the JS thread?
   const bool isSyncModule_;
 
+  // Should void methods execute synchronously?
+  const bool shouldVoidMethodsExecuteSync_;
+
   /**
    * TODO(ramanpreet):
    * Investigate an optimization that'll let us get rid of this NSMutableDictionary.
@@ -122,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,
@@ -138,6 +142,11 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
       const char *methodName,
       NSInvocation *inv,
       NSMutableArray *retainedObjectsForInvocation);
+  void performVoidMethodInvocation(
+      jsi::Runtime &runtime,
+      const char *methodName,
+      NSInvocation *inv,
+      NSMutableArray *retainedObjectsForInvocation);
 
   using PromiseInvocationBlock = void (^)(RCTPromiseResolveBlock resolveWrapper, RCTPromiseRejectBlock rejectWrapper);
   jsi::Value createPromise(jsi::Runtime &runtime, std::string methodName, PromiseInvocationBlock invoke);
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 7c4cb68787ac..6f6a6b835e03 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,22 @@ 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]);
+  for (NSString *key in jsErrorDetails) {
+    id value = jsErrorDetails[key];
+    jsError.asObject(runtime).setProperty(runtime, [key UTF8String], convertObjCObjectToJSIValue(runtime, value));
+  }
+
+  return jsError;
+}
+
 }
 
 jsi::Value ObjCTurboModule::createPromise(jsi::Runtime &runtime, std::string methodName, PromiseInvocationBlock invoke)
@@ -246,124 +236,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,11 +368,74 @@ 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;
   }
 }
 
+void ObjCTurboModule::performVoidMethodInvocation(
+    jsi::Runtime &runtime,
+    const char *methodName,
+    NSInvocation *inv,
+    NSMutableArray *retainedObjectsForInvocation)
+{
+  __weak id<RCTBridgeModule> weakModule = instance_;
+  const char *moduleName = name_.c_str();
+  std::string methodNameStr{methodName};
+  __block int32_t asyncCallCounter = 0;
+
+  void (^block)() = ^{
+    id<RCTBridgeModule> strongModule = weakModule;
+    if (!strongModule) {
+      return;
+    }
+
+    if (shouldVoidMethodsExecuteSync_) {
+      TurboModulePerfLogger::syncMethodCallExecutionStart(moduleName, methodNameStr.c_str());
+    } else {
+      TurboModulePerfLogger::asyncMethodCallExecutionStart(moduleName, methodNameStr.c_str(), asyncCallCounter);
+    }
+
+    @try {
+      [inv invokeWithTarget:strongModule];
+    } @catch (NSException *exception) {
+      throw convertNSExceptionToJSError(runtime, exception);
+    } @finally {
+      [retainedObjectsForInvocation removeAllObjects];
+    }
+
+    if (shouldVoidMethodsExecuteSync_) {
+      TurboModulePerfLogger::syncMethodCallExecutionEnd(moduleName, methodNameStr.c_str());
+    } else {
+      TurboModulePerfLogger::asyncMethodCallExecutionEnd(moduleName, methodNameStr.c_str(), asyncCallCounter);
+    }
+
+    return;
+  };
+
+  if (shouldVoidMethodsExecuteSync_) {
+    nativeMethodCallInvoker_->invokeSync(methodNameStr, [&]() -> void { block(); });
+  } else {
+    asyncCallCounter = getUniqueId();
+    TurboModulePerfLogger::asyncMethodCallDispatch(moduleName, methodName);
+    nativeMethodCallInvoker_->invokeAsync(methodNameStr, [moduleName, methodNameStr, block]() -> void {
+      SystraceSection s(
+          "RCTTurboModuleAsyncMethodInvocation", "module", moduleName, "method", methodNameStr, "returnType", "void");
+      block();
+    });
+  }
+}
+
 jsi::Value ObjCTurboModule::convertReturnIdToJSIValue(
     jsi::Runtime &runtime,
     const char *methodName,
@@ -592,7 +598,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);
@@ -680,14 +686,23 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
 
 bool ObjCTurboModule::isMethodSync(TurboModuleMethodValueKind returnType)
 {
-  return isSyncModule_ || !(returnType == VoidKind || returnType == PromiseKind);
+  if (isSyncModule_) {
+    return true;
+  }
+
+  if (returnType == VoidKind && shouldVoidMethodsExecuteSync_) {
+    return true;
+  }
+
+  return !(returnType == VoidKind || returnType == PromiseKind);
 }
 
 ObjCTurboModule::ObjCTurboModule(const InitParams &params)
     : TurboModule(params.moduleName, params.jsInvoker),
       instance_(params.instance),
       nativeMethodCallInvoker_(params.nativeMethodCallInvoker),
-      isSyncModule_(params.isSyncModule)
+      isSyncModule_(params.isSyncModule),
+      shouldVoidMethodsExecuteSync_(params.shouldVoidMethodsExecuteSync)
 {
 }
 
@@ -702,7 +717,9 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   const char *moduleName = name_.c_str();
   const char *methodName = methodNameStr.c_str();
 
-  if (isMethodSync(returnType)) {
+  bool isSyncInvocation = isMethodSync(returnType);
+
+  if (isSyncInvocation) {
     TurboModulePerfLogger::syncMethodCallStart(moduleName, methodName);
   } else {
     TurboModulePerfLogger::asyncMethodCallStart(moduleName, methodName);
@@ -710,39 +727,50 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
 
   NSMutableArray *retainedObjectsForInvocation = [NSMutableArray arrayWithCapacity:count + 2];
   NSInvocation *inv = createMethodInvocation(
-      runtime, isMethodSync(returnType), methodName, selector, args, count, retainedObjectsForInvocation);
+      runtime, isSyncInvocation, methodName, selector, args, count, retainedObjectsForInvocation);
 
   jsi::Value returnValue = jsi::Value::undefined();
 
-  if (returnType == PromiseKind) {
-    returnValue = createPromise(
-        runtime, methodNameStr, ^(RCTPromiseResolveBlock resolveBlock, RCTPromiseRejectBlock rejectBlock) {
-          RCTPromiseResolveBlock resolveCopy = [resolveBlock copy];
-          RCTPromiseRejectBlock rejectCopy = [rejectBlock copy];
-
-          [inv setArgument:(void *)&resolveCopy atIndex:count + 2];
-          [inv setArgument:(void *)&rejectCopy atIndex:count + 3];
-          [retainedObjectsForInvocation addObject:resolveCopy];
-          [retainedObjectsForInvocation addObject:rejectCopy];
-          // The return type becomes void in the ObjC side.
-          performMethodInvocation(runtime, isMethodSync(VoidKind), methodName, inv, retainedObjectsForInvocation);
-        });
-  } else {
-    id result =
-        performMethodInvocation(runtime, isMethodSync(returnType), methodName, inv, retainedObjectsForInvocation);
-
-    if (isMethodSync(returnType)) {
-      TurboModulePerfLogger::syncMethodCallReturnConversionStart(moduleName, methodName);
+  switch (returnType) {
+    case PromiseKind: {
+      returnValue = createPromise(
+          runtime, methodNameStr, ^(RCTPromiseResolveBlock resolveBlock, RCTPromiseRejectBlock rejectBlock) {
+            RCTPromiseResolveBlock resolveCopy = [resolveBlock copy];
+            RCTPromiseRejectBlock rejectCopy = [rejectBlock copy];
+            [inv setArgument:(void *)&resolveCopy atIndex:count + 2];
+            [inv setArgument:(void *)&rejectCopy atIndex:count + 3];
+            [retainedObjectsForInvocation addObject:resolveCopy];
+            [retainedObjectsForInvocation addObject:rejectCopy];
+            // The return type becomes void in the ObjC side.
+            performMethodInvocation(runtime, isSyncInvocation, methodName, inv, retainedObjectsForInvocation);
+          });
+      break;
     }
-
-    returnValue = convertReturnIdToJSIValue(runtime, methodName, returnType, result);
-
-    if (isMethodSync(returnType)) {
-      TurboModulePerfLogger::syncMethodCallReturnConversionEnd(moduleName, methodName);
+    case VoidKind: {
+      performVoidMethodInvocation(runtime, methodName, inv, retainedObjectsForInvocation);
+      if (isSyncInvocation) {
+        TurboModulePerfLogger::syncMethodCallReturnConversionStart(moduleName, methodName);
+      }
+      returnValue = jsi::Value::undefined();
+      if (isSyncInvocation) {
+        TurboModulePerfLogger::syncMethodCallReturnConversionEnd(moduleName, methodName);
+      }
+      break;
     }
+    case BooleanKind:
+    case NumberKind:
+    case StringKind:
+    case ObjectKind:
+    case ArrayKind:
+    case FunctionKind: {
+      id result = performMethodInvocation(runtime, true, methodName, inv, retainedObjectsForInvocation);
+      TurboModulePerfLogger::syncMethodCallReturnConversionStart(moduleName, methodName);
+      returnValue = convertReturnIdToJSIValue(runtime, methodName, returnType, result);
+      TurboModulePerfLogger::syncMethodCallReturnConversionEnd(moduleName, methodName);
+    } break;
   }
 
-  if (isMethodSync(returnType)) {
+  if (isSyncInvocation) {
     TurboModulePerfLogger::syncMethodCallEnd(moduleName, methodName);
   } else {
     TurboModulePerfLogger::asyncMethodCallEnd(moduleName, methodName);
@@ -751,19 +779,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 1ef120d83dce..014745be16d1 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 2de7da87ff80..9a34ab1ab7d3 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>
@@ -112,7 +114,7 @@ bool isCreatingModule() const
 
  public:
   ModuleNativeMethodCallInvoker(dispatch_queue_t methodQueue) : methodQueue_(methodQueue) {}
-  void invokeAsync(const std::string &methodName, std::function<void()> &&work) override
+  void invokeAsync(const std::string &methodName, std::function<void()> &&work) noexcept override
   {
     if (methodQueue_ == RCTJSThread) {
       work();
@@ -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.
    */
@@ -375,6 +394,7 @@ - (instancetype)initWithBridgeProxy:(RCTBridgeProxy *)bridgeProxy
         .jsInvoker = _jsInvoker,
         .nativeMethodCallInvoker = nativeMethodCallInvoker,
         .isSyncModule = methodQueue == RCTJSThread,
+        .shouldVoidMethodsExecuteSync = (bool)RCTTurboModuleSyncVoidMethodsEnabled(),
     };
 
     auto turboModule = [(id<RCTTurboModule>)module getTurboModule:params];
@@ -437,6 +457,7 @@ - (instancetype)initWithBridgeProxy:(RCTBridgeProxy *)bridgeProxy
       .jsInvoker = _jsInvoker,
       .nativeMethodCallInvoker = std::move(nativeMethodCallInvoker),
       .isSyncModule = methodQueue == RCTJSThread,
+      .shouldVoidMethodsExecuteSync = (bool)RCTTurboModuleSyncVoidMethodsEnabled(),
   };
 
   auto turboModule = std::make_shared<ObjCInteropTurboModule>(params);
@@ -653,7 +674,7 @@ - (BOOL)_shouldCreateObjCModule:(Class)moduleClass
        */
       if (_bridge) {
         [(id)module setValue:_bridge forKey:@"bridge"];
-      } else if (_bridgeProxy && [self _isLegacyModuleClass:[module class]]) {
+      } else if (_bridgeProxy) {
         [(id)module setValue:_bridgeProxy forKey:@"bridge"];
       }
     } @catch (NSException *exception) {
@@ -665,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:
@@ -683,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) {
       /**
@@ -865,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 000000000000..027970860dad
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.cpp
@@ -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.
+ *
+ * @generated SignedSource<<6d0bae7c1b0d126e58c8b9bdeaf9247e>>
+ */
+
+/**
+ * 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::androidEnablePendingFabricTransactions(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::androidEnablePendingFabricTransactions();
+}
+
+bool NativeReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop();
+}
+
+bool NativeReactNativeFeatureFlags::destroyFabricSurfacesInReactInstanceManager(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::destroyFabricSurfacesInReactInstanceManager();
+}
+
+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::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 000000000000..0b63229c4fde
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.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.
+ *
+ * @generated SignedSource<<a62e65429512894e2d7c6ea696cebcba>>
+ */
+
+/**
+ * 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 androidEnablePendingFabricTransactions(jsi::Runtime& runtime);
+
+  bool batchRenderingUpdatesInEventLoop(jsi::Runtime& runtime);
+
+  bool destroyFabricSurfacesInReactInstanceManager(jsi::Runtime& runtime);
+
+  bool enableBackgroundExecutor(jsi::Runtime& runtime);
+
+  bool useModernRuntimeScheduler(jsi::Runtime& runtime);
+
+  bool enableMicrotasks(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 7e6769b3dd46..70d78d566b8f 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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,9 +45,9 @@ 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",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "GCC_WARN_PEDANTIC" => "YES" }
   if ENV['USE_FRAMEWORKS']
     s.header_mappings_dir     = './'
@@ -47,16 +60,17 @@ Pod::Spec.new do |s|
 
   s.dependency "RCT-Folly"
   s.dependency "DoubleConversion"
-  s.dependency 'fmt' , '~> 6.2.1'
-  s.dependency "ReactCommon/turbomodule/core"
-  s.dependency "React-NativeModulesApple"
+  s.dependency "fmt", "9.1.0"
   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 2e032601b004..b405fc7c7883 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/SampleLegacyModule.java b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleLegacyModule.java
index 461be38ad8a7..92e75ee27d24 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleLegacyModule.java
+++ b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleLegacyModule.java
@@ -13,12 +13,14 @@
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.Promise;
 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.ReadableType;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeArray;
@@ -155,6 +157,44 @@ public WritableMap getUnsafeObject(ReadableMap arg) {
     return map;
   }
 
+  @SuppressWarnings("unused")
+  @ReactMethod(isBlockingSynchronousMethod = true)
+  public WritableMap getDynamic(Dynamic dynamic) {
+    WritableNativeMap resultMap = new WritableNativeMap();
+    ReadableType type = dynamic.getType();
+    if (type == ReadableType.Null) {
+      log("getDynamic as Null", dynamic, dynamic);
+      resultMap.putString("type", "Null");
+      resultMap.putNull("value");
+    } else if (type == ReadableType.Boolean) {
+      boolean result = dynamic.asBoolean();
+      log("getDynamic as Boolean", dynamic, result);
+      resultMap.putString("type", "Boolean");
+      resultMap.putBoolean("value", result);
+    } else if (type == ReadableType.Number) {
+      int result = dynamic.asInt();
+      log("getDynamic as Number", dynamic, result);
+      resultMap.putString("type", "Number");
+      resultMap.putInt("value", result);
+    } else if (type == ReadableType.String) {
+      String result = dynamic.asString();
+      log("getDynamic as String", dynamic, result);
+      resultMap.putString("type", "String");
+      resultMap.putString("value", result);
+    } else if (type == ReadableType.Array) {
+      ReadableArray result = dynamic.asArray();
+      log("getDynamic as Array", dynamic, result);
+      resultMap.putString("type", "Array");
+      resultMap.putArray("value", result);
+    } else if (type == ReadableType.Map) {
+      ReadableMap result = dynamic.asMap();
+      log("getDynamic as Map", dynamic, result);
+      resultMap.putString("type", "Map");
+      resultMap.putMap("value", result);
+    }
+    return resultMap;
+  }
+
   @DoNotStrip
   @SuppressWarnings("unused")
   @ReactMethod(isBlockingSynchronousMethod = true)
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 af99a352d8f8..447f74529f47 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 e1674024b970..a8d115021a92 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 1720c23d5e0f..db99dd64fd16 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 1ee64f871f06..04b5acc45ed9 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 d196ff2054bc..33c0f5c13e0a 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 4c7968279c5b..fbdedd5849ff 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 a6d2f1edf243..12907bfadd00 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 4550db55974c..d259554839f5 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 9b562666bc79..2edfdf69c446 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 e528eabd9f13..817d487e3bb8 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 7cc08f89db1c..32209a348a1e 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 d7b4e6eb0deb..cbf6bcc1bd50 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;
@@ -121,33 +134,6 @@ bool ComponentDescriptorRegistry::hasComponentDescriptorAt(
   return iterator != _registryByHandle.end();
 }
 
-ShadowNode::Shared ComponentDescriptorRegistry::createNode(
-    Tag tag,
-    const std::string& viewName,
-    SurfaceId surfaceId,
-    const folly::dynamic& propsDynamic,
-    const InstanceHandle::Shared& instanceHandle) const {
-  auto unifiedComponentName = componentNameByReactViewName(viewName);
-  const auto& componentDescriptor = this->at(unifiedComponentName);
-
-  const auto fragment =
-      ShadowNodeFamilyFragment{tag, surfaceId, instanceHandle};
-  auto family = componentDescriptor.createFamily(fragment);
-  const auto props = componentDescriptor.cloneProps(
-      PropsParserContext{surfaceId, *contextContainer_.get()},
-      nullptr,
-      RawProps(propsDynamic));
-  const auto state = componentDescriptor.createInitialState(props, family);
-
-  return componentDescriptor.createShadowNode(
-      {
-          /* .props = */ props,
-          /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
-          /* .state = */ state,
-      },
-      family);
-}
-
 void ComponentDescriptorRegistry::setFallbackComponentDescriptor(
     const SharedComponentDescriptor& descriptor) {
   _fallbackComponentDescriptor = descriptor;
diff --git a/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.h b/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.h
index 08c6e524fe25..20bce41f2dcf 100644
--- a/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.h
+++ b/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.h
@@ -54,13 +54,6 @@ class ComponentDescriptorRegistry {
 
   bool hasComponentDescriptorAt(ComponentHandle componentHandle) const;
 
-  ShadowNode::Shared createNode(
-      Tag tag,
-      const std::string& viewName,
-      SurfaceId surfaceId,
-      const folly::dynamic& props,
-      const InstanceHandle::Shared& instanceHandle) const;
-
   void setFallbackComponentDescriptor(
       const SharedComponentDescriptor& descriptor);
   ComponentDescriptor::Shared getFallbackComponentDescriptor() const;
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 752e65f5c1b2..f5a38f9707c9 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 9dbf4cbe4339..9dbe78d706df 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 e340c9d8dc7f..f2419281270b 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 df08d6e29fa8..1e1ff568f3cf 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
@@ -8,6 +8,7 @@
 #include "LegacyViewManagerInteropComponentDescriptor.h"
 #include <React/RCTBridge.h>
 #include <React/RCTBridgeModuleDecorator.h>
+#include <React/RCTBridgeProxy.h>
 #include <React/RCTComponentData.h>
 #include <React/RCTEventDispatcher.h>
 #include <React/RCTModuleData.h>
@@ -73,19 +74,45 @@ 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) {
     bridge = unwrapManagedObjectWeakly(optionalBridge.value());
   }
 
+  RCTBridgeProxy *bridgeProxy;
+  auto optionalBridgeProxy = contextContainer->find<std::shared_ptr<void>>("RCTBridgeProxy");
+  if (optionalBridgeProxy) {
+    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) {
@@ -98,12 +125,14 @@ static Class getViewManagerFromComponentName(const std::string &componentName)
     bridgeModuleDecorator = unwrapManagedObject(optionalModuleDecorator.value());
   }
 
-  RCTComponentData *componentData = [[RCTComponentData alloc] initWithManagerClass:viewManagerClass
-                                                                            bridge:bridge
-                                                                   eventDispatcher:eventDispatcher];
+  RCTComponentData *componentData =
+      [[RCTComponentData alloc] initWithManagerClass:viewManagerClass
+                                              bridge:bridge != nil ? bridge : (RCTBridge *)bridgeProxy
+                                     eventDispatcher:eventDispatcher];
   return wrapManagedObject([[RCTLegacyViewManagerInteropCoordinator alloc]
       initWithComponentData:componentData
                      bridge:bridge
+                bridgeProxy:bridgeProxy
       bridgelessInteropData:bridgeModuleDecorator]);
 }
 
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 4b7d333103f5..e0b1a969de22 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h
@@ -14,13 +14,15 @@ NS_ASSUME_NONNULL_BEGIN
 
 @class RCTComponentData;
 @class RCTBridge;
+@class RCTBridgeProxy;
 
 typedef void (^InterceptorBlock)(std::string eventName, folly::dynamic event);
 
 @interface RCTLegacyViewManagerInteropCoordinator : NSObject
 
 - (instancetype)initWithComponentData:(RCTComponentData *)componentData
-                               bridge:(RCTBridge *)bridge
+                               bridge:(nullable RCTBridge *)bridge
+                          bridgeProxy:(nullable RCTBridgeProxy *)bridgeProxy
                 bridgelessInteropData:(RCTBridgeModuleDecorator *)bridgelessInteropData;
 
 - (UIView *)createPaperViewWithTag:(NSInteger)tag;
@@ -29,7 +31,7 @@ typedef void (^InterceptorBlock)(std::string eventName, folly::dynamic event);
 
 - (void)removeObserveForTag:(NSInteger)tag;
 
-- (void)setProps:(const folly::dynamic &)props forView:(UIView *)view;
+- (void)setProps:(NSDictionary<NSString *, id> *)props forView:(UIView *)view;
 
 - (NSString *)componentViewName;
 
@@ -37,11 +39,6 @@ typedef void (^InterceptorBlock)(std::string eventName, folly::dynamic event);
                  args:(NSArray *)args
              reactTag:(NSInteger)tag
             paperView:(UIView *)paperView;
-
-- (void)removeViewFromRegistryWithTag:(NSInteger)tag;
-
-- (void)addViewToRegistry:(UIView *)view withTag:(NSInteger)tag;
-
 @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 72e17982dd0b..bb5720e122d1 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
@@ -8,6 +8,7 @@
 #include "RCTLegacyViewManagerInteropCoordinator.h"
 #include <React/RCTBridge+Private.h>
 #include <React/RCTBridgeMethod.h>
+#include <React/RCTBridgeProxy.h>
 #include <React/RCTComponentData.h>
 #include <React/RCTEventDispatcherProtocol.h>
 #include <React/RCTFollyConvert.h>
@@ -16,6 +17,7 @@
 #include <React/RCTUIManager.h>
 #include <React/RCTUIManagerUtils.h>
 #include <React/RCTUtils.h>
+#include <React/RCTViewManager.h>
 #include <folly/json.h>
 #include <objc/runtime.h>
 
@@ -25,6 +27,8 @@ @implementation RCTLegacyViewManagerInteropCoordinator {
   RCTComponentData *_componentData;
   __weak RCTBridge *_bridge;
   __weak RCTBridgeModuleDecorator *_bridgelessInteropData;
+  __weak RCTBridgeProxy *_bridgeProxy;
+
   /*
    Each instance of `RCTLegacyViewManagerInteropComponentView` registers a block to which events are dispatched.
    This is the container that maps unretained UIView pointer to a block to which the event is dispatched.
@@ -40,13 +44,16 @@ @implementation RCTLegacyViewManagerInteropCoordinator {
 }
 
 - (instancetype)initWithComponentData:(RCTComponentData *)componentData
-                               bridge:(RCTBridge *)bridge
-                bridgelessInteropData:(RCTBridgeModuleDecorator *)bridgelessInteropData;
+                               bridge:(nullable RCTBridge *)bridge
+                          bridgeProxy:(nullable RCTBridgeProxy *)bridgeProxy
+                bridgelessInteropData:(RCTBridgeModuleDecorator *)bridgelessInteropData
 {
   if (self = [super init]) {
     _componentData = componentData;
     _bridge = bridge;
     _bridgelessInteropData = bridgelessInteropData;
+    _bridgeProxy = bridgeProxy;
+
     if (bridgelessInteropData) {
       //  During bridge mode, RCTBridgeModules will be decorated with these APIs by the bridge.
       RCTAssert(
@@ -62,7 +69,9 @@ - (instancetype)initWithComponentData:(RCTComponentData *)componentData
       if (strongSelf) {
         InterceptorBlock block = [strongSelf->_eventInterceptors objectForKey:reactTag];
         if (block) {
-          block(std::string([RCTNormalizeInputEventName(eventName) UTF8String]), convertIdToFollyDynamic(event ?: @{}));
+          block(
+              std::string([RCTNormalizeInputEventName(eventName) UTF8String]),
+              convertIdToFollyDynamic(event ? event : @{}));
         }
       }
     };
@@ -80,18 +89,19 @@ - (void)removeObserveForTag:(NSInteger)tag
   [_eventInterceptors removeObjectForKey:[NSNumber numberWithInteger:tag]];
 }
 
-- (UIView *)createPaperViewWithTag:(NSInteger)tag;
+- (UIView *)createPaperViewWithTag:(NSInteger)tag
 {
   UIView *view = [_componentData createViewWithTag:[NSNumber numberWithInteger:tag] rootTag:NULL];
   [_bridgelessInteropData attachInteropAPIsToModule:(id<RCTBridgeModule>)_componentData.bridgelessViewManager];
   return view;
 }
 
-- (void)setProps:(const folly::dynamic &)props forView:(UIView *)view
+- (void)setProps:(NSDictionary<NSString *, id> *)props forView:(UIView *)view
 {
-  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]];
   }
 }
 
@@ -131,46 +141,44 @@ - (void)handleCommand:(NSString *)commandName
   NSArray *newArgs = [@[ [NSNumber numberWithInteger:tag] ] arrayByAddingObjectsFromArray:args];
 
   if (_bridge) {
-    [_bridge.batchedBridge
-        dispatchBlock:^{
-          [method invokeWithBridge:self->_bridge module:self->_componentData.manager arguments:newArgs];
-          [self->_bridge.uiManager setNeedsLayout];
-        }
-                queue:RCTGetUIManagerQueue()];
+    [self _handleCommandsOnBridge:method withArgs:newArgs];
   } else {
-    // TODO T86826778 - Figure out which queue this should be dispatched to.
-    [method invokeWithBridge:nil module:self->_componentData.manager arguments:newArgs];
+    [self _handleCommandsOnBridgeless:method withArgs:newArgs];
   }
 }
 
-- (void)addViewToRegistry:(UIView *)view withTag:(NSInteger)tag
+#pragma mark - Private
+- (void)_handleCommandsOnBridge:(id<RCTBridgeMethod>)method withArgs:(NSArray *)newArgs
 {
-  [self _addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    if ([viewRegistry objectForKey:@(tag)] != NULL) {
-      return;
-    }
-    NSMutableDictionary<NSNumber *, UIView *> *mutableViewRegistry =
-        (NSMutableDictionary<NSNumber *, UIView *> *)viewRegistry;
-    [mutableViewRegistry setObject:view forKey:@(tag)];
-  }];
+  [_bridge.batchedBridge
+      dispatchBlock:^{
+        [method invokeWithBridge:self->_bridge module:self->_componentData.manager arguments:newArgs];
+        [self->_bridge.uiManager setNeedsLayout];
+      }
+              queue:RCTGetUIManagerQueue()];
 }
 
-- (void)removeViewFromRegistryWithTag:(NSInteger)tag
+- (void)_handleCommandsOnBridgeless:(id<RCTBridgeMethod>)method withArgs:(NSArray *)newArgs
 {
-  [self _addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    if ([viewRegistry objectForKey:@(tag)] == NULL) {
-      return;
-    }
+  RCTViewManager *componentViewManager = self->_componentData.manager;
+  [componentViewManager setValue:_bridgeProxy forKey:@"bridge"];
 
-    NSMutableDictionary<NSNumber *, UIView *> *mutableViewRegistry =
-        (NSMutableDictionary<NSNumber *, UIView *> *)viewRegistry;
-    [mutableViewRegistry removeObjectForKey:@(tag)];
-  }];
+  [self->_bridgeProxy.uiManager
+      addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+        [method invokeWithBridge:nil module:componentViewManager arguments:newArgs];
+      }];
 }
 
-#pragma mark - Private
-
 - (void)_addUIBlock:(RCTViewManagerUIBlock)block
+{
+  if (_bridge) {
+    [self _addUIBlockOnBridge:block];
+  } else {
+    [self->_bridgeProxy.uiManager addUIBlock:block];
+  }
+}
+
+- (void)_addUIBlockOnBridge:(RCTViewManagerUIBlock)block
 {
   __weak __typeof__(self) weakSelf = self;
   [_bridge.batchedBridge
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 000000000000..b6ba28e651f8
--- /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 000000000000..24458840edc5
--- /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/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp
new file mode 100644
index 000000000000..f5c24f5310f6
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp
@@ -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.
+ */
+
+namespace facebook::react {
+
+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 000000000000..fd0315155f85
--- /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 5dd94549149f..2fa4021b39b7 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 c72594888e5a..663b608bff4c 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 b0ed65e10c63..6aa6e77cce78 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 7c8aab4b1d9f..4e58b4d1c90c 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 6fc866fab60f..9ea8c9399004 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 50bff3465fdf..8a849db8a509 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 4bf5b3c038c2..19a44907658e 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 18bd59d6d12a..2eb7465d6f31 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 acc0fa27426c..422d3afe4954 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 2e6347a75104..cb5a93b703f8 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 58d28d4a807a..2ff46e65dc87 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 184dc34e9204..394d72d7de52 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 715a1d2798b8..ea615b500ab4 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 475b16791d54..43bd2936abaa 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 9a129bb605dc..5d7d651dd013 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 fd598951c6dd..a5f8eeb93554 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 15d211b9d192..7d04c781c081 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 649097755132..695aba56cbc8 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 39e2a428bb64..e8d12d59df91 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/TextInputEventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
deleted file mode 100644
index 88ae3f35a221..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
+++ /dev/null
@@ -1,170 +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 "TextInputEventEmitter.h"
-
-namespace facebook::react {
-
-static jsi::Value textInputMetricsPayload(
-    jsi::Runtime& runtime,
-    const TextInputMetrics& textInputMetrics) {
-  auto payload = jsi::Object(runtime);
-
-  payload.setProperty(
-      runtime,
-      "text",
-      jsi::String::createFromUtf8(runtime, textInputMetrics.text));
-
-  payload.setProperty(runtime, "eventCount", textInputMetrics.eventCount);
-
-  {
-    auto selection = jsi::Object(runtime);
-    selection.setProperty(
-        runtime, "start", textInputMetrics.selectionRange.location);
-    selection.setProperty(
-        runtime,
-        "end",
-        textInputMetrics.selectionRange.location +
-            textInputMetrics.selectionRange.length);
-    payload.setProperty(runtime, "selection", selection);
-  }
-
-  return payload;
-};
-
-static jsi::Value textInputMetricsContentSizePayload(
-    jsi::Runtime& runtime,
-    const TextInputMetrics& textInputMetrics) {
-  auto payload = jsi::Object(runtime);
-
-  {
-    auto contentSize = jsi::Object(runtime);
-    contentSize.setProperty(
-        runtime, "width", textInputMetrics.contentSize.width);
-    contentSize.setProperty(
-        runtime, "height", textInputMetrics.contentSize.height);
-    payload.setProperty(runtime, "contentSize", contentSize);
-  }
-
-  return payload;
-};
-
-static jsi::Value keyPressMetricsPayload(
-    jsi::Runtime& runtime,
-    const KeyPressMetrics& keyPressMetrics) {
-  auto payload = jsi::Object(runtime);
-  payload.setProperty(runtime, "eventCount", keyPressMetrics.eventCount);
-
-  std::string key;
-  if (keyPressMetrics.text.empty()) {
-    key = "Backspace";
-  } else {
-    if (keyPressMetrics.text.front() == '\n') {
-      key = "Enter";
-    } else if (keyPressMetrics.text.front() == '\t') {
-      key = "Tab";
-    } else {
-      key = keyPressMetrics.text.front();
-    }
-  }
-  payload.setProperty(
-      runtime, "key", jsi::String::createFromUtf8(runtime, key));
-  return payload;
-};
-
-void TextInputEventEmitter::onFocus(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("focus", textInputMetrics);
-}
-
-void TextInputEventEmitter::onBlur(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("blur", textInputMetrics);
-}
-
-void TextInputEventEmitter::onChange(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("change", textInputMetrics);
-}
-
-void TextInputEventEmitter::onChangeSync(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent(
-      "changeSync", textInputMetrics, EventPriority::SynchronousBatched);
-}
-
-void TextInputEventEmitter::onContentSizeChange(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputContentSizeChangeEvent(
-      "contentSizeChange", textInputMetrics);
-}
-
-void TextInputEventEmitter::onSelectionChange(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("selectionChange", textInputMetrics);
-}
-
-void TextInputEventEmitter::onEndEditing(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("endEditing", textInputMetrics);
-}
-
-void TextInputEventEmitter::onSubmitEditing(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("submitEditing", textInputMetrics);
-}
-
-void TextInputEventEmitter::onKeyPress(
-    const KeyPressMetrics& keyPressMetrics) const {
-  dispatchEvent(
-      "keyPress",
-      [keyPressMetrics](jsi::Runtime& runtime) {
-        return keyPressMetricsPayload(runtime, keyPressMetrics);
-      },
-      EventPriority::AsynchronousBatched);
-}
-
-void TextInputEventEmitter::onKeyPressSync(
-    const KeyPressMetrics& keyPressMetrics) const {
-  dispatchEvent(
-      "keyPressSync",
-      [keyPressMetrics](jsi::Runtime& runtime) {
-        return keyPressMetricsPayload(runtime, keyPressMetrics);
-      },
-      EventPriority::SynchronousBatched);
-}
-
-void TextInputEventEmitter::onScroll(
-    const TextInputMetrics& textInputMetrics) const {
-  dispatchTextInputEvent("scroll", textInputMetrics);
-}
-
-void TextInputEventEmitter::dispatchTextInputEvent(
-    const std::string& name,
-    const TextInputMetrics& textInputMetrics,
-    EventPriority priority) const {
-  dispatchEvent(
-      name,
-      [textInputMetrics](jsi::Runtime& runtime) {
-        return textInputMetricsPayload(runtime, textInputMetrics);
-      },
-      priority);
-}
-
-void TextInputEventEmitter::dispatchTextInputContentSizeChangeEvent(
-    const std::string& name,
-    const TextInputMetrics& textInputMetrics,
-    EventPriority priority) const {
-  dispatchEvent(
-      name,
-      [textInputMetrics](jsi::Runtime& runtime) {
-        return textInputMetricsContentSizePayload(runtime, textInputMetrics);
-      },
-      priority);
-}
-
-} // namespace facebook::react
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 a78a839b419d..000000000000
--- 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 04d19a11bfbd..6ee6c1e73c19 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 116284f1c6bc..ea0fb6a1674e 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 43cbb6859047..82fb75ea1028 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 0c9cc69c6734..3e9e0ad9ed17 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 53f3d42a2dff..42b5769c5505 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 83607848e4d3..07cbddf59f4d 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 1cf73cca7c74..b7e4532738ee 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/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
new file mode 100644
index 000000000000..2180019a1753
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
@@ -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.
+ */
+
+#include "TextInputEventEmitter.h"
+
+namespace facebook::react {
+
+static jsi::Value textInputMetricsPayload(
+    jsi::Runtime& runtime,
+    const TextInputMetrics& textInputMetrics) {
+  auto payload = jsi::Object(runtime);
+
+  payload.setProperty(
+      runtime,
+      "text",
+      jsi::String::createFromUtf8(runtime, textInputMetrics.text));
+
+  payload.setProperty(runtime, "eventCount", textInputMetrics.eventCount);
+
+  {
+    auto selection = jsi::Object(runtime);
+    selection.setProperty(
+        runtime, "start", textInputMetrics.selectionRange.location);
+    selection.setProperty(
+        runtime,
+        "end",
+        textInputMetrics.selectionRange.location +
+            textInputMetrics.selectionRange.length);
+    payload.setProperty(runtime, "selection", selection);
+  }
+
+  return payload;
+};
+
+static jsi::Value textInputMetricsScrollPayload(
+    jsi::Runtime& runtime,
+    const TextInputMetrics& textInputMetrics) {
+  auto payload = jsi::Object(runtime);
+
+  {
+    auto contentOffset = jsi::Object(runtime);
+    contentOffset.setProperty(runtime, "x", textInputMetrics.contentOffset.x);
+    contentOffset.setProperty(runtime, "y", textInputMetrics.contentOffset.y);
+    payload.setProperty(runtime, "contentOffset", contentOffset);
+  }
+
+  {
+    auto contentInset = jsi::Object(runtime);
+    contentInset.setProperty(runtime, "top", textInputMetrics.contentInset.top);
+    contentInset.setProperty(
+        runtime, "left", textInputMetrics.contentInset.left);
+    contentInset.setProperty(
+        runtime, "bottom", textInputMetrics.contentInset.bottom);
+    contentInset.setProperty(
+        runtime, "right", textInputMetrics.contentInset.right);
+    payload.setProperty(runtime, "contentInset", contentInset);
+  }
+
+  {
+    auto contentSize = jsi::Object(runtime);
+    contentSize.setProperty(
+        runtime, "width", textInputMetrics.contentSize.width);
+    contentSize.setProperty(
+        runtime, "height", textInputMetrics.contentSize.height);
+    payload.setProperty(runtime, "contentSize", contentSize);
+  }
+
+  {
+    auto layoutMeasurement = jsi::Object(runtime);
+    layoutMeasurement.setProperty(
+        runtime, "width", textInputMetrics.layoutMeasurement.width);
+    layoutMeasurement.setProperty(
+        runtime, "height", textInputMetrics.layoutMeasurement.height);
+    payload.setProperty(runtime, "layoutMeasurement", layoutMeasurement);
+  }
+
+  payload.setProperty(
+      runtime,
+      "zoomScale",
+      textInputMetrics.zoomScale ? textInputMetrics.zoomScale : 1);
+
+  return payload;
+};
+
+static jsi::Value textInputMetricsContentSizePayload(
+    jsi::Runtime& runtime,
+    const TextInputMetrics& textInputMetrics) {
+  auto payload = jsi::Object(runtime);
+
+  {
+    auto contentSize = jsi::Object(runtime);
+    contentSize.setProperty(
+        runtime, "width", textInputMetrics.contentSize.width);
+    contentSize.setProperty(
+        runtime, "height", textInputMetrics.contentSize.height);
+    payload.setProperty(runtime, "contentSize", contentSize);
+  }
+
+  return payload;
+};
+
+static jsi::Value keyPressMetricsPayload(
+    jsi::Runtime& runtime,
+    const KeyPressMetrics& keyPressMetrics) {
+  auto payload = jsi::Object(runtime);
+  payload.setProperty(runtime, "eventCount", keyPressMetrics.eventCount);
+
+  std::string key;
+  if (keyPressMetrics.text.empty()) {
+    key = "Backspace";
+  } else {
+    if (keyPressMetrics.text.front() == '\n') {
+      key = "Enter";
+    } else if (keyPressMetrics.text.front() == '\t') {
+      key = "Tab";
+    } else {
+      key = keyPressMetrics.text.front();
+    }
+  }
+  payload.setProperty(
+      runtime, "key", jsi::String::createFromUtf8(runtime, key));
+  return payload;
+};
+
+void TextInputEventEmitter::onFocus(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("focus", textInputMetrics);
+}
+
+void TextInputEventEmitter::onBlur(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("blur", textInputMetrics);
+}
+
+void TextInputEventEmitter::onChange(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("change", textInputMetrics);
+}
+
+void TextInputEventEmitter::onChangeSync(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent(
+      "changeSync", textInputMetrics, EventPriority::SynchronousBatched);
+}
+
+void TextInputEventEmitter::onContentSizeChange(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputContentSizeChangeEvent(
+      "contentSizeChange", textInputMetrics);
+}
+
+void TextInputEventEmitter::onSelectionChange(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("selectionChange", textInputMetrics);
+}
+
+void TextInputEventEmitter::onEndEditing(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("endEditing", textInputMetrics);
+}
+
+void TextInputEventEmitter::onSubmitEditing(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchTextInputEvent("submitEditing", textInputMetrics);
+}
+
+void TextInputEventEmitter::onKeyPress(
+    const KeyPressMetrics& keyPressMetrics) const {
+  dispatchEvent(
+      "keyPress",
+      [keyPressMetrics](jsi::Runtime& runtime) {
+        return keyPressMetricsPayload(runtime, keyPressMetrics);
+      },
+      EventPriority::AsynchronousBatched);
+}
+
+void TextInputEventEmitter::onKeyPressSync(
+    const KeyPressMetrics& keyPressMetrics) const {
+  dispatchEvent(
+      "keyPressSync",
+      [keyPressMetrics](jsi::Runtime& runtime) {
+        return keyPressMetricsPayload(runtime, keyPressMetrics);
+      },
+      EventPriority::SynchronousBatched);
+}
+
+void TextInputEventEmitter::onScroll(
+    const TextInputMetrics& textInputMetrics) const {
+  dispatchEvent("scroll", [textInputMetrics](jsi::Runtime& runtime) {
+    return textInputMetricsScrollPayload(runtime, textInputMetrics);
+  });
+}
+
+void TextInputEventEmitter::dispatchTextInputEvent(
+    const std::string& name,
+    const TextInputMetrics& textInputMetrics,
+    EventPriority priority) const {
+  dispatchEvent(
+      name,
+      [textInputMetrics](jsi::Runtime& runtime) {
+        return textInputMetricsPayload(runtime, textInputMetrics);
+      },
+      priority);
+}
+
+void TextInputEventEmitter::dispatchTextInputContentSizeChangeEvent(
+    const std::string& name,
+    const TextInputMetrics& textInputMetrics,
+    EventPriority priority) const {
+  dispatchEvent(
+      name,
+      [textInputMetrics](jsi::Runtime& runtime) {
+        return textInputMetricsContentSizePayload(runtime, textInputMetrics);
+      },
+      priority);
+}
+
+} // namespace facebook::react
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 3e4b712e91d0..a825971ddbe8 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 203f762ede10..e3db155099c7 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 a23dd665c70e..dad61c26f2fd 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 88670730af89..2b0377f7f3be 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 000000000000..abe682f52e19
--- /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 3a11436d4360..fe7dab582552 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 ab2dbcf4b7db..1f6996eebfb4 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 1fd2a48271aa..7b42990f7c41 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 6240fae281d8..e73046568de7 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 ce9f6eb4517e..420a10852af3 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 d4df71390e01..a46c21412d5e 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 f349f2503f65..506041daf320 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 58bb38b20385..358fb3773ebf 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
@@ -140,6 +140,14 @@ BaseViewProps::BaseViewProps(
                                                        "shadowRadius",
                                                        sourceProps.shadowRadius,
                                                        {})),
+      cursor(
+          CoreFeatures::enablePropIteratorSetter ? sourceProps.cursor
+                                                 : convertRawProp(
+                                                       context,
+                                                       rawProps,
+                                                       "cursor",
+                                                       sourceProps.cursor,
+                                                       {})),
       transform(
           CoreFeatures::enablePropIteratorSetter ? sourceProps.transform
                                                  : convertRawProp(
@@ -281,6 +289,7 @@ void BaseViewProps::setProp(
     RAW_SET_PROP_SWITCH_CASE_BASIC(collapsable);
     RAW_SET_PROP_SWITCH_CASE_BASIC(removeClippedSubviews);
     RAW_SET_PROP_SWITCH_CASE_BASIC(experimental_layoutConformance);
+    RAW_SET_PROP_SWITCH_CASE_BASIC(cursor);
     // events field
     VIEW_EVENT_CASE(PointerEnter);
     VIEW_EVENT_CASE(PointerEnterCapture);
@@ -358,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/BaseViewProps.h b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.h
index b7bdd9afc7eb..b386b988390c 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.h
@@ -52,6 +52,8 @@ class BaseViewProps : public YogaStylableProps, public AccessibilityProps {
   Float shadowOpacity{};
   Float shadowRadius{3};
 
+  Cursor cursor{};
+
   // Transform
   Transform transform{};
   TransformOrigin transformOrigin{};
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 a6ad1aeea580..2cf299bcbb4b 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 42575ec6085f..9c92eac7ccc9 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 ||
@@ -51,12 +60,11 @@ void ViewShadowNode::initialize() noexcept {
       viewProps.accessibilityElementsHidden ||
       viewProps.accessibilityViewIsModal ||
       viewProps.importantForAccessibility != ImportantForAccessibility::Auto ||
-      viewProps.removeClippedSubviews ||
+      viewProps.removeClippedSubviews || viewProps.cursor != Cursor::Auto ||
       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 4979d37485b0..8fdad855e722 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 2933ee9efc20..513d93e88c12 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_
@@ -276,7 +277,7 @@ void YogaLayoutableShadowNode::replaceChild(
   }
 
   bool suggestedIndexAccurate = suggestedIndex >= 0 &&
-      suggestedIndex < yogaLayoutableChildren_.size() &&
+      suggestedIndex < static_cast<int32_t>(yogaLayoutableChildren_.size()) &&
       yogaLayoutableChildren_[suggestedIndex].get() == layoutableOldChild;
 
   auto oldChildIter = suggestedIndexAccurate
@@ -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,11 +528,9 @@ YogaLayoutableShadowNode& YogaLayoutableShadowNode::cloneChildInPlace(
 void YogaLayoutableShadowNode::setSize(Size size) const {
   ensureUnsealed();
 
-  auto style = yogaNode_.getStyle();
-  style.setDimension(
-      YGDimensionWidth, yoga::CompactValue::ofMaybe<YGUnitPoint>(size.width));
-  style.setDimension(
-      YGDimensionHeight, 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);
 }
@@ -543,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);
   }
@@ -571,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);
 }
@@ -585,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");
@@ -614,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(
-      YGDimensionWidth,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(maximumSize.width));
+      yoga::Dimension::Width, yoga::value::points(maximumSize.width));
 
   yogaStyle.setMaxDimension(
-      YGDimensionHeight,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(maximumSize.height));
+      yoga::Dimension::Height, yoga::value::points(maximumSize.height));
 
   yogaStyle.setMinDimension(
-      YGDimensionWidth,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(minimumSize.width));
+      yoga::Dimension::Width, yoga::value::points(minimumSize.width));
 
   yogaStyle.setMinDimension(
-      YGDimensionHeight,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(minimumSize.height));
+      yoga::Dimension::Height, yoga::value::points(minimumSize.height));
 
   auto direction =
       yogaDirectionFromLayoutDirection(layoutConstraints.layoutDirection);
@@ -710,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
@@ -730,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
@@ -758,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{};
@@ -789,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(
@@ -850,7 +840,7 @@ YGSize YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector(
 
 YogaLayoutableShadowNode& YogaLayoutableShadowNode::shadowNodeFromContext(
     YGNodeConstRef yogaNode) {
-  return traitCast<YogaLayoutableShadowNode&>(
+  return dynamic_cast<YogaLayoutableShadowNode&>(
       *static_cast<ShadowNode*>(YGNodeGetContext(yogaNode)));
 }
 
@@ -865,9 +855,6 @@ yoga::Config& YogaLayoutableShadowNode::initializeYogaConfig(
     YGConfigSetErrata(&config, YGConfigGetErrata(previousConfig));
   }
 
-#ifdef RN_DEBUG_YOGA_LOGGER
-  YGConfigSetPrintTreeFlag(&config, true);
-#endif
   return config;
 }
 
@@ -876,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();
+    }
   }
 }
 
@@ -991,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
@@ -1009,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
@@ -1030,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 0d31fb56eae3..cfebab4a6cbc 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 697a9d634e1f..508e3aeb6cac 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp
@@ -13,276 +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, YGDimensionWidth, widthStr);                      \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(                         \
-      field, setter, YGDimensionHeight, heightStr);
-
-#define REBUILD_FIELD_YG_GUTTER(field, rowGapStr, columnGapStr, gapStr)      \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGGutterRow, rowGapStr);       \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGGutterColumn, columnGapStr); \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGGutterAll, 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, "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
@@ -325,52 +584,188 @@ SharedDebugStringConvertibleList YogaStylableProps::getDebugProps() const {
           "flexGrow", yogaStyle.flexGrow(), defaultYogaStyle.flexGrow()),
       debugStringConvertibleItem(
           "rowGap",
-          yogaStyle.gap()[YGGutterRow],
-          defaultYogaStyle.gap()[YGGutterRow]),
+          yogaStyle.gap(yoga::Gutter::Row),
+          defaultYogaStyle.gap(yoga::Gutter::Row)),
       debugStringConvertibleItem(
           "columnGap",
-          yogaStyle.gap()[YGGutterColumn],
-          defaultYogaStyle.gap()[YGGutterColumn]),
+          yogaStyle.gap(yoga::Gutter::Column),
+          defaultYogaStyle.gap(yoga::Gutter::Column)),
       debugStringConvertibleItem(
           "gap",
-          yogaStyle.gap()[YGGutterAll],
-          defaultYogaStyle.gap()[YGGutterAll]),
+          yogaStyle.gap(yoga::Gutter::All),
+          defaultYogaStyle.gap(yoga::Gutter::All)),
       debugStringConvertibleItem(
           "flexShrink", yogaStyle.flexShrink(), defaultYogaStyle.flexShrink()),
       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(YGDimensionWidth),
-          defaultYogaStyle.dimension(YGDimensionWidth)),
+          yogaStyle.dimension(yoga::Dimension::Width),
+          defaultYogaStyle.dimension(yoga::Dimension::Width)),
       debugStringConvertibleItem(
           "height",
-          yogaStyle.dimension(YGDimensionHeight),
-          defaultYogaStyle.dimension(YGDimensionHeight)),
+          yogaStyle.dimension(yoga::Dimension::Height),
+          defaultYogaStyle.dimension(yoga::Dimension::Height)),
       debugStringConvertibleItem(
           "minWidth",
-          yogaStyle.minDimension(YGDimensionWidth),
-          defaultYogaStyle.minDimension(YGDimensionWidth)),
+          yogaStyle.minDimension(yoga::Dimension::Width),
+          defaultYogaStyle.minDimension(yoga::Dimension::Width)),
       debugStringConvertibleItem(
           "minHeight",
-          yogaStyle.minDimension(YGDimensionHeight),
-          defaultYogaStyle.minDimension(YGDimensionHeight)),
+          yogaStyle.minDimension(yoga::Dimension::Height),
+          defaultYogaStyle.minDimension(yoga::Dimension::Height)),
       debugStringConvertibleItem(
           "maxWidth",
-          yogaStyle.maxDimension(YGDimensionWidth),
-          defaultYogaStyle.maxDimension(YGDimensionWidth)),
+          yogaStyle.maxDimension(yoga::Dimension::Width),
+          defaultYogaStyle.maxDimension(yoga::Dimension::Width)),
       debugStringConvertibleItem(
           "maxHeight",
-          yogaStyle.maxDimension(YGDimensionHeight),
-          defaultYogaStyle.maxDimension(YGDimensionHeight)),
+          yogaStyle.maxDimension(yoga::Dimension::Height),
+          defaultYogaStyle.maxDimension(yoga::Dimension::Height)),
       debugStringConvertibleItem(
           "aspectRatio",
           yogaStyle.aspectRatio(),
@@ -383,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 6b529f7a7180..ef120f4f4326 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 ca969ed54dd2..bbd9f46cfafa 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(
@@ -686,6 +705,28 @@ inline void fromRawValue(
   react_native_expect(false);
 }
 
+inline void fromRawValue(
+    const PropsParserContext& context,
+    const RawValue& value,
+    Cursor& result) {
+  result = Cursor::Auto;
+  react_native_expect(value.hasType<std::string>());
+  if (!value.hasType<std::string>()) {
+    return;
+  }
+  auto stringValue = (std::string)value;
+  if (stringValue == "auto") {
+    result = Cursor::Auto;
+    return;
+  }
+  if (stringValue == "pointer") {
+    result = Cursor::Pointer;
+    return;
+  }
+  LOG(ERROR) << "Could not parse Cursor:" << stringValue;
+  react_native_expect(false);
+}
+
 inline void fromRawValue(
     const PropsParserContext& /*context*/,
     const RawValue& value,
@@ -723,118 +764,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";
   }
 }
@@ -844,41 +813,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 (auto 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 de17d8df66d2..000000000000
--- 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 46631bd4aed0..000000000000
--- 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 2845d2a5645c..89325ab7083c 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 1fd158c20357..000000000000
--- 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 147d240df7f9..000000000000
--- 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 640a407caec0..000000000000
--- 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/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.h b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.h
deleted file mode 100644
index 2d0c7c1456c9..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.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
-
-#ifdef ANDROID
-
-#include <react/renderer/mapbuffer/MapBuffer.h>
-
-namespace facebook::react {
-
-// Yoga values
-constexpr MapBuffer::Key YG_BORDER_WIDTH = 100;
-constexpr MapBuffer::Key YG_OVERFLOW = 101;
-
-} // namespace facebook::react
-
-#endif
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/primitives.h b/packages/react-native/ReactCommon/react/renderer/components/view/primitives.h
index 162f2292cc6a..09f98979517a 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/primitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/primitives.h
@@ -91,6 +91,8 @@ enum class BorderCurve : uint8_t { Circular, Continuous };
 
 enum class BorderStyle : uint8_t { Solid, Dotted, Dashed };
 
+enum class Cursor : uint8_t { Auto, Pointer };
+
 enum class LayoutConformance : uint8_t { Undefined, Classic, Strict };
 
 template <typename T>
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 6e23ccfc5e03..e7d9394c5ac8 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h
@@ -15,325 +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.gap()[YGGutterRow] = convertRawProp(
-      context,
-      rawProps,
-      "rowGap",
-      sourceValue.gap()[YGGutterRow],
-      yogaStyle.gap()[YGGutterRow]);
-
-  yogaStyle.gap()[YGGutterColumn] = convertRawProp(
-      context,
-      rawProps,
-      "columnGap",
-      sourceValue.gap()[YGGutterColumn],
-      yogaStyle.gap()[YGGutterColumn]);
-
-  yogaStyle.gap()[YGGutterAll] = convertRawProp(
-      context,
-      rawProps,
-      "gap",
-      sourceValue.gap()[YGGutterAll],
-      yogaStyle.gap()[YGGutterAll]);
-
-  yogaStyle.border() = convertRawProp(
-      context,
-      rawProps,
-      "border",
-      "Width",
-      sourceValue.border(),
-      yogaStyle.border());
-
-  yogaStyle.setDimension(
-      YGDimensionWidth,
-      convertRawProp(
-          context,
-          rawProps,
-          "width",
-          sourceValue.dimension(YGDimensionWidth),
-          {}));
-  yogaStyle.setDimension(
-      YGDimensionHeight,
-      convertRawProp(
-          context,
-          rawProps,
-          "height",
-          sourceValue.dimension(YGDimensionHeight),
-          {}));
-
-  yogaStyle.setMinDimension(
-      YGDimensionWidth,
-      convertRawProp(
-          context,
-          rawProps,
-          "minWidth",
-          sourceValue.minDimension(YGDimensionWidth),
-          {}));
-  yogaStyle.setMinDimension(
-      YGDimensionHeight,
-      convertRawProp(
-          context,
-          rawProps,
-          "minHeight",
-          sourceValue.minDimension(YGDimensionHeight),
-          {}));
-
-  yogaStyle.setMaxDimension(
-      YGDimensionWidth,
-      convertRawProp(
-          context,
-          rawProps,
-          "maxWidth",
-          sourceValue.maxDimension(YGDimensionWidth),
-          {}));
-  yogaStyle.setMaxDimension(
-      YGDimensionHeight,
-      convertRawProp(
-          context,
-          rawProps,
-          "maxHeight",
-          sourceValue.maxDimension(YGDimensionHeight),
-          {}));
-
-  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 5bd6c2612853..9933cce9f47e 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(200));
-            yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(50));
-                yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(30));
-                    yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(110));
-                        yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(30));
-                            yogaStyle.setDimension(YGDimensionHeight, 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(YGDimensionWidth, yoga::CompactValue::of<YGUnitPoint>(70));
-                        yogaStyle.setDimension(YGDimensionHeight, 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 f948248c680e..f0302ffc06f9 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 0d99ea87f9d9..000000000000
--- 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 8dc03e6ef558..b51d80b4cfd2 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 59f1840833bf..fd281de68d70 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 a57c3b1318f9..653f7700efa2 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,17 +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>(
-        ShadowNodeFamilyFragment{
-            fragment.tag, fragment.surfaceId, fragment.instanceHandle},
-        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 e91c757d8d77..4536bec362c3 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 cfc3a1a4f954..6a0ab8daf2f0 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 8c3f9d83bf67..bd9a7c0e39a2 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 8f1c26f14809..d31e30585ff1 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 b650d8f161c8..000000000000
--- 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 3a2863ba9d7d..ba0cabd17764 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 b562e0e87685..a49882f438bc 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 4c1362f63557..e8bef1d0bba9 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 f38c74feb8a5..bbe6e5484586 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 3d64fa601dc9..e0bbf1491f4f 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 94132cbc730a..f23d931c137a 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 f096ddd19295..df133e8078e5 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 6b25617d2d36..0c34109850fc 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/PropsMacros.h b/packages/react-native/ReactCommon/react/renderer/core/PropsMacros.h
index a3d07018fb95..4190b17a1358 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/PropsMacros.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/PropsMacros.h
@@ -8,6 +8,8 @@
 #pragma once
 
 #include <react/renderer/core/RawPropsPrimitives.h>
+#include <react/utils/fnv1a.h>
+#include <functional>
 
 // We need to use clang pragmas inside of a macro below,
 // so we need to pull out the "if" statement here.
@@ -22,11 +24,11 @@
   ([]() constexpr->RawPropsPropNameHash {                 \
     CLANG_PRAGMA("clang diagnostic push")                 \
     CLANG_PRAGMA("clang diagnostic ignored \"-Wshadow\"") \
-    return folly::hash::fnv32_buf(s, sizeof(s) - 1);      \
+    return RAW_PROPS_KEY_HASH(s);                         \
     CLANG_PRAGMA("clang diagnostic pop")                  \
   }())
 
-#define RAW_PROPS_KEY_HASH(s) folly::hash::fnv32_buf(s, std::strlen(s))
+#define RAW_PROPS_KEY_HASH(s) facebook::react::fnv1a(s)
 
 // Convenience for building setProps switch statements.
 // This injects `fromRawValue` into source; each file that uses
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 0ceb9fe39e87..000000000000
--- 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 9d733c7f671f..dee30506aa38 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 0739b8ec6b12..3e630dcd0d04 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 e01af9f84db3..73d693443f3a 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 3ac97018d5c7..413d88579803 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
@@ -198,7 +197,7 @@ void RawPropsParser::iterateOverValues(
 
         auto name = nameValue.utf8(runtime);
 
-        auto nameHash = RAW_PROPS_KEY_HASH(name.c_str());
+        auto nameHash = RAW_PROPS_KEY_HASH(name);
         auto rawValue = RawValue(jsi::dynamicFromValue(runtime, value));
 
         visit(nameHash, name.c_str(), rawValue);
@@ -213,7 +212,7 @@ void RawPropsParser::iterateOverValues(
       for (const auto& pair : dynamic.items()) {
         auto name = pair.first.getString();
 
-        auto nameHash = RAW_PROPS_KEY_HASH(name.c_str());
+        auto nameHash = RAW_PROPS_KEY_HASH(name);
         auto rawValue = RawValue{pair.second};
         visit(nameHash, name.c_str(), rawValue);
       }
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h b/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h
index 515018981713..de0b1c7fcfab 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 0da85c189d5a..cc781682b1b8 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 641b6d26546b..d51cb8ff2311 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 cf2bd385b95c..0e73b0a5cf36 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 ff7e1e67bab2..dc5dbc815317 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h
@@ -28,14 +28,11 @@ class State;
  * about a `ShadowNodeFamily`. Pelase define specific purpose containers in
  * those cases.
  *
- * Note: All of the fields are `const &` references (essentially just raw
- * pointers) which means that the Fragment does not copy/store them nor
- * retain ownership of them.
  */
 struct ShadowNodeFamilyFragment {
   const Tag tag;
   const SurfaceId surfaceId;
-  const InstanceHandle::Shared& instanceHandle;
+  const std::shared_ptr<const InstanceHandle> instanceHandle;
 };
 
 /*
@@ -53,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 d3fd255326d0..7ad24b150e24 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 39dd31de3e84..000000000000
--- 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 04c8930e9198..8e1ff0a04739 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 99b35f22959a..920621c75192 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 d9d623713d4e..1b29638cc019 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 000000000000..2f919870c795
--- /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 25bc0e35d476..c5f74fd84fb9 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 bca6d019ffbb..ea9e657a4287 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 8a1f19bdd8a8..ac00541f1030 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 d08f5ab3aee4..000000000000
--- 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 000000000000..c52bf22e6790
--- /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 000000000000..7279c36c7fd1
--- /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 000000000000..dea830d67275
--- /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 000000000000..c2ea7d9bc94c
--- /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 000000000000..582dbb4385c6
--- /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 000000000000..85a9bcda6122
--- /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 000000000000..afe7d436c438
--- /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 000000000000..caee42e5653d
--- /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 000000000000..2ff8760e0dc3
--- /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 000000000000..e2ac957e3a1f
--- /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 d5271e998789..4b41809f5a79 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 93fc85aa2008..ab0fa4e44c64 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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|
@@ -45,7 +45,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "react/renderer/debug"
   s.exclude_files          = "tests"
   s.pod_target_xcconfig    = {
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
     "HEADER_SEARCH_PATHS" => header_search_paths.join(' '),
     "DEFINES_MODULE" => "YES"
   }
@@ -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' , '~> 6.2.1'
+  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 279dcac9a6ee..f61d5d60219a 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 fa0210739172..b8952b12f1c0 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 362871fb9218..d7c4b8dd39bb 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 05914513e8af..ab3977ceb571 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 bf00b0036788..0197dd127ea0 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 30821025e8af..dac0799f826a 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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']
@@ -52,10 +57,12 @@ Pod::Spec.new do |s|
   s.pod_target_xcconfig  = { "USE_HEADERMAP" => "NO",
                              "HEADER_SEARCH_PATHS" => header_search_paths.join(" "),
                              "DEFINES_MODULE" => "YES",
-                             "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+                             "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 
   s.dependency "glog"
   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 000000000000..fbc07288fa31
--- /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 379bc9cf6b9f..ca11a1c7deef 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 698b6b16d159..0526f892f48f 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 0dd7abe08f05..64c26bc74610 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 000000000000..36cd4ac08f7b
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.mm
@@ -0,0 +1,132 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 <UIKit/UIKit.h>
+#import <react/utils/ManagedObjectWrapper.h>
+#import <string>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+namespace facebook::react {
+
+namespace {
+UIColor *_Nullable UIColorFromInt32(int32_t intColor)
+{
+  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 [UIColor colorWithRed:r green:g blue:b alpha:a];
+}
+
+UIColor *_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;
+
+  UIColor *lightColor = UIColorFromInt32(light);
+  UIColor *darkColor = UIColorFromInt32(dark);
+  UIColor *highContrastLightColor = UIColorFromInt32(highContrastLight);
+  UIColor *highContrastDarkColor = UIColorFromInt32(highContrastDark);
+
+  if (lightColor != nil && darkColor != nil) {
+    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 {
+    return nil;
+  }
+
+  return nil;
+}
+
+int32_t ColorFromUIColor(UIColor *color)
+{
+  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)
+{
+  UIColor *color = (UIColor *)unwrapManagedObject(uiColor);
+  if (color) {
+    UITraitCollection *currentTraitCollection = [UITraitCollection currentTraitCollection];
+    color = [color resolvedColorWithTraitCollection:currentTraitCollection];
+    return ColorFromUIColor(color);
+  }
+
+  return 0;
+}
+
+UIColor *_Nullable UIColorFromComponentsColor(const facebook::react::ColorComponents &components)
+{
+  return [UIColor 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 32bcc883f468..30ecd79ba1ec 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 000000000000..7b32e6ee915b
--- /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 397fcde6b599..6d2689e8918c 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 <UIKit/UIKit.h>
+#import <react/renderer/graphics/HostPlatformColor.h>
+#import <vector>
 
 facebook::react::ColorComponents RCTPlatformColorComponentsFromSemanticItems(
     std::vector<std::string>& semanticItems);
+UIColor* RCTPlatformColorFromSemanticItems(
+    std::vector<std::string>& semanticItems);
+UIColor* RCTPlatformColorFromColor(const facebook::react::Color& color);
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 1d566ac8d6c4..4348d876c508 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 <UIKit/UIKit.h>
+#import <react/utils/ManagedObjectWrapper.h>
 
 #include <string>
 
@@ -184,20 +185,30 @@
 }
 
 facebook::react::ColorComponents RCTPlatformColorComponentsFromSemanticItems(std::vector<std::string> &semanticItems)
+{
+  return _ColorComponentsFromUIColor(RCTPlatformColorFromSemanticItems(semanticItems));
+}
+
+UIColor *RCTPlatformColorFromSemanticItems(std::vector<std::string> &semanticItems)
 {
   for (const auto &semanticCString : semanticItems) {
     NSString *semanticNSString = _NSStringFromCString(semanticCString);
     UIColor *uiColor = [UIColor colorNamed:semanticNSString];
     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 UIColor.clearColor;
+}
+
+UIColor *RCTPlatformColorFromColor(const facebook::react::Color &color)
+{
+  return (UIColor *)facebook::react::unwrapManagedObject(color.getUIColor());
 }
 
 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 17c3040c65f2..8a69855f9ac3 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 600e4b3d9913..128be6983888 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 7974e06a2c1b..000000000000
--- 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 646270c8be7e..f7a330474dc8 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
@@ -16,7 +16,7 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -Wno-comma -Wno-shorten-64-to-32'
+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'
 
 Pod::Spec.new do |s|
@@ -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(" "),
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+    "HEADER_SEARCH_PATHS" => header_search_paths,
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
     "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/imagemanager/platform/ios/react/renderer/imagemanager/RCTImagePrimitivesConversions.h b/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/react/renderer/imagemanager/RCTImagePrimitivesConversions.h
index b5f61f8a4eed..6d63cdad1e6d 100644
--- a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/react/renderer/imagemanager/RCTImagePrimitivesConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/react/renderer/imagemanager/RCTImagePrimitivesConversions.h
@@ -48,10 +48,10 @@ inline static NSURL *NSURLFromImageSource(const facebook::react::ImageSource &im
 {
   // `NSURL` has a history of crashing with bad input, so let's be safe.
   @try {
-    NSString *urlString = [NSString stringWithCString:imageSource.uri.c_str() encoding:NSASCIIStringEncoding];
+    NSString *urlString = [NSString stringWithUTF8String:imageSource.uri.c_str()];
 
     if (!imageSource.bundle.empty()) {
-      NSString *bundle = [NSString stringWithCString:imageSource.bundle.c_str() encoding:NSASCIIStringEncoding];
+      NSString *bundle = [NSString stringWithUTF8String:imageSource.bundle.c_str()];
       urlString = [NSString stringWithFormat:@"%@.bundle/%@", bundle, urlString];
     }
 
@@ -64,7 +64,8 @@ inline static NSURL *NSURLFromImageSource(const facebook::react::ImageSource &im
 
     if ([urlString rangeOfString:@":"].location != NSNotFound) {
       // The URL has a scheme.
-      urlString = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
+      urlString =
+          [urlString stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
       url = [NSURL URLWithString:urlString];
       return url;
     }
diff --git a/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt
index 183330b580ac..4f9dde26baaa 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 1962c29acc6b..95bf23caa159 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 e2ca2d57f43f..7bf76d91e690 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 0b26e915aeac..60ca37d20aba 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 f478d2e9123f..cc96aa3731dd 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 5ede0a186314..162ffac0bb1a 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 1aaa5760ca08..6215bad061c0 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/MountingTransaction.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.cpp
index f858acafc6da..d7dd1bcd9164 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.cpp
@@ -41,4 +41,17 @@ Number MountingTransaction::getNumber() const {
   return number_;
 }
 
+void MountingTransaction::mergeWith(MountingTransaction&& transaction) {
+  react_native_assert(transaction.getSurfaceId() == surfaceId_);
+  number_ = transaction.getNumber();
+  mutations_.insert(
+      mutations_.end(),
+      std::make_move_iterator(transaction.mutations_.begin()),
+      std::make_move_iterator(transaction.mutations_.end()));
+
+  // TODO T186641819: Telemetry for merged transactions is not supported, use
+  // the latest instance
+  telemetry_ = std::move(transaction.telemetry_);
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.h b/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.h
index 3d90076ce8b3..277e9f4e307c 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.h
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/MountingTransaction.h
@@ -76,6 +76,15 @@ class MountingTransaction final {
    */
   Number getNumber() const;
 
+  /*
+   * Merges the given transaction in the current transaction, so they
+   * can be executed atomatically as a single transaction.
+   *
+   * This is required for Android UI, which needs to separately apply
+   * each ShadowTree mutation due to differences in props representation.
+   */
+  void mergeWith(MountingTransaction&& transaction);
+
  private:
   SurfaceId surfaceId_;
   Number number_;
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
index 563f3c38a96e..1461f894b93f 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
@@ -291,8 +291,8 @@ ShadowTree::ShadowTree(
       layoutConstraints,
       layoutContext);
 
-  const auto fragment = ShadowNodeFamilyFragment{surfaceId, surfaceId, nullptr};
-  auto family = globalRootComponentDescriptor->createFamily(fragment);
+  auto family = globalRootComponentDescriptor->createFamily(
+      {surfaceId, surfaceId, nullptr});
 
   auto rootShadowNode = std::static_pointer_cast<const RootShadowNode>(
       globalRootComponentDescriptor->createShadowNode(
@@ -352,7 +352,7 @@ CommitStatus ShadowTree::commit(
     const CommitOptions& commitOptions) const {
   SystraceSection s("ShadowTree::commit");
 
-  int attempts = 0;
+  [[maybe_unused]] int attempts = 0;
 
   while (true) {
     attempts++;
@@ -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 f191dd644eba..51b097b0b98b 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 59867f48c0ed..fedd71c8d7d9 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 000000000000..804287cc1336
--- /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 262e7e10c2f5..2d1ff7c1cb06 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 2e478c78e355..a5f305525421 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 2c992c64cb1f..a3c9eecf4c0e 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 c24db979c150..4946c1c3e8af 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 02d539c85d30..2e05cfc0e576 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 681884ef40ea..8403a2757e63 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 25c3751c89f8..60c53116c81e 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 dbe7aeee7f8e..7c7ec30f4ebf 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/ErrorUtils.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/ErrorUtils.h
deleted file mode 100644
index a73bb52ce3c3..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/ErrorUtils.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.
- */
-
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-inline static void handleFatalError(
-    jsi::Runtime& runtime,
-    const jsi::JSError& error) {
-  auto reportFatalError = "reportFatalError";
-  auto errorUtils = runtime.global().getProperty(runtime, "ErrorUtils");
-  if (errorUtils.isUndefined() || !errorUtils.isObject() ||
-      !errorUtils.getObject(runtime).hasProperty(runtime, reportFatalError)) {
-    // ErrorUtils was not set up. This probably means the bundle didn't
-    // load properly.
-    throw jsi::JSError(
-        runtime,
-        "ErrorUtils is not set up properly. Something probably went wrong trying to load the JS bundle. Trying to report error " +
-            error.getMessage(),
-        error.getStack());
-  }
-
-  auto func = errorUtils.asObject(runtime).getPropertyAsFunction(
-      runtime, reportFatalError);
-
-  func.call(runtime, error.value());
-}
-
-} // namespace facebook::react
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 e4a197ab0451..f9fba9fb78ca 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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|
@@ -43,7 +43,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "react/renderer/runtimescheduler"
   s.exclude_files          = "tests"
   s.pod_target_xcconfig    = {
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
     "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')}
 
   if ENV['USE_FRAMEWORKS']
@@ -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 bd611aee1a08..77842df70344 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp
@@ -6,185 +6,85 @@
  */
 
 #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 {
-  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) {
-  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
-  auto task =
-      std::make_shared<Task>(priority, std::move(callback), expirationTime);
-  taskQueue_.push(task);
-
-  scheduleWorkLoopIfNecessary();
-
-  return task;
+    jsi::Function&& callback) noexcept {
+  return runtimeSchedulerImpl_->scheduleTask(priority, std::move(callback));
 }
 
 std::shared_ptr<Task> RuntimeScheduler::scheduleTask(
     SchedulerPriority priority,
-    RawCallback callback) {
-  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
-  auto task =
-      std::make_shared<Task>(priority, std::move(callback), expirationTime);
-  taskQueue_.push(task);
-
-  scheduleWorkLoopIfNecessary();
-
-  return task;
+    RawCallback&& callback) noexcept {
+  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();
+void RuntimeScheduler::executeNowOnTheSameThread(RawCallback&& callback) {
+  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,
-    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 7bd1cb103189..26c2c336202d 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;
+  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);
+      jsi::Function&& callback) noexcept override;
 
   std::shared_ptr<Task> scheduleTask(
       SchedulerPriority priority,
-      RawCallback callback);
+      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,
-      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/RuntimeSchedulerCallInvoker.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.cpp
index fedf53eeec9e..081118f2c31e 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.cpp
@@ -16,7 +16,7 @@ RuntimeSchedulerCallInvoker::RuntimeSchedulerCallInvoker(
     std::weak_ptr<RuntimeScheduler> runtimeScheduler)
     : runtimeScheduler_(std::move(runtimeScheduler)) {}
 
-void RuntimeSchedulerCallInvoker::invokeAsync(CallFunc&& func) {
+void RuntimeSchedulerCallInvoker::invokeAsync(CallFunc&& func) noexcept {
   if (auto runtimeScheduler = runtimeScheduler_.lock()) {
     runtimeScheduler->scheduleWork(
         [func = std::move(func)](jsi::Runtime&) { func(); });
@@ -32,7 +32,7 @@ void RuntimeSchedulerCallInvoker::invokeSync(CallFunc&& func) {
 
 void RuntimeSchedulerCallInvoker::invokeAsync(
     SchedulerPriority priority,
-    CallFunc&& func) {
+    CallFunc&& func) noexcept {
   if (auto runtimeScheduler = runtimeScheduler_.lock()) {
     runtimeScheduler->scheduleTask(
         priority, [func = std::move(func)](jsi::Runtime&) { func(); });
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h
index e504fdce48d8..b901f073a02a 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h
@@ -20,9 +20,10 @@ class RuntimeSchedulerCallInvoker : public CallInvoker {
  public:
   RuntimeSchedulerCallInvoker(std::weak_ptr<RuntimeScheduler> runtimeScheduler);
 
-  void invokeAsync(CallFunc&& func) override;
+  void invokeAsync(CallFunc&& func) noexcept override;
   void invokeSync(CallFunc&& func) override;
-  void invokeAsync(SchedulerPriority priority, CallFunc&& func) override;
+  void invokeAsync(SchedulerPriority priority, CallFunc&& func) noexcept
+      override;
 
  private:
   /*
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 000000000000..e27517b1ed26
--- /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 <cxxreact/ErrorUtils.h>
+#include <react/renderer/debug/SystraceSection.h>
+#include <utility>
+
+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) {
+    handleJSError(runtime, error, true);
+  }
+
+  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) {
+    handleJSError(runtime, error, true);
+  }
+
+  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 000000000000..d4ad98d59a1f
--- /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 000000000000..5ec7332d2d92
--- /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>
+
+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().get() != 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 = 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_;
+
+  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);
+  }
+
+  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,
+    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();
+  }
+
+  currentTask_ = nullptr;
+}
+
+/**
+ * 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,
+    Task& task,
+    bool didUserCallbackTimeout) const {
+  SystraceSection s("RuntimeScheduler::executeMacrotask");
+
+  try {
+    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);
+    }
+  } catch (jsi::JSError& error) {
+    handleJSError(runtime, error, true);
+  }
+}
+
+} // 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 000000000000..57a2449df6a9
--- /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_;
+
+  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,
+      Task& task,
+      RuntimeSchedulerTimePoint currentTime);
+
+  void executeMacrotask(
+      jsi::Runtime& runtime,
+      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/SchedulerPriorityUtils.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/SchedulerPriorityUtils.h
index 16d6e683cea5..ca4e11d8307c 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/SchedulerPriorityUtils.h
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/SchedulerPriorityUtils.h
@@ -38,7 +38,7 @@ static inline SchedulerPriority fromRawValue(double value) {
 }
 
 static inline std::chrono::milliseconds timeoutForSchedulerPriority(
-    SchedulerPriority schedulerPriority) {
+    SchedulerPriority schedulerPriority) noexcept {
   switch (schedulerPriority) {
     case SchedulerPriority::ImmediatePriority:
       return std::chrono::milliseconds(-1);
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.cpp
index 297cdb1d449d..6816e38fa555 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.cpp
@@ -11,7 +11,7 @@ namespace facebook::react {
 
 Task::Task(
     SchedulerPriority priority,
-    jsi::Function callback,
+    jsi::Function&& callback,
     std::chrono::steady_clock::time_point expirationTime)
     : priority(priority),
       callback(std::move(callback)),
@@ -19,7 +19,7 @@ Task::Task(
 
 Task::Task(
     SchedulerPriority priority,
-    RawCallback callback,
+    RawCallback&& callback,
     std::chrono::steady_clock::time_point expirationTime)
     : priority(priority),
       callback(std::move(callback)),
@@ -32,20 +32,22 @@ jsi::Value Task::execute(jsi::Runtime& runtime, bool didUserCallbackTimeout) {
     return result;
   }
 
-  auto& cbVal = callback.value();
+  // We get the value of the callback and reset it immediately to avoid it being
+  // called more than once (including when the callback throws).
+  auto originalCallback = std::move(*callback);
+  callback.reset();
 
-  if (cbVal.index() == 0) {
+  if (originalCallback.index() == 0) {
     // Callback in JavaScript is expecting a single bool parameter.
     // React team plans to remove it in the future when a scheduler bug on web
     // is resolved.
-    result =
-        std::get<jsi::Function>(cbVal).call(runtime, {didUserCallbackTimeout});
+    result = std::get<jsi::Function>(originalCallback)
+                 .call(runtime, {didUserCallbackTimeout});
   } else {
     // Calling a raw callback
-    std::get<RawCallback>(cbVal)(runtime);
+    std::get<RawCallback>(originalCallback)(runtime);
   }
-  // Destroying callback to prevent calling it twice.
-  callback.reset();
+
   return result;
 }
 
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h
index 0455bc1a0092..15155c60c829 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&)>;
@@ -24,16 +25,17 @@ using RawCallback = std::function<void(jsi::Runtime&)>;
 struct Task final : public jsi::NativeState {
   Task(
       SchedulerPriority priority,
-      jsi::Function callback,
+      jsi::Function&& callback,
       std::chrono::steady_clock::time_point expirationTime);
 
   Task(
       SchedulerPriority priority,
-      RawCallback callback,
+      RawCallback&& callback,
       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 70422a086657..1531a99aa472 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 b274cea0b899..ddaf76c8f742 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,138 @@ 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);
+}
+
+TEST_P(RuntimeSchedulerTest, errorInTaskShouldNotStopMicrotasks) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  auto microtaskRan = false;
+  auto taskRan = false;
+
+  auto callback = createHostFunctionFromLambda([&](bool /* unused */) {
+    taskRan = true;
+
+    auto microtaskCallback = jsi::Function::createFromHostFunction(
+        *runtime_,
+        jsi::PropNameID::forUtf8(*runtime_, "microtask1"),
+        3,
+        [&](jsi::Runtime& /*unused*/,
+            const jsi::Value& /*unused*/,
+            const jsi::Value* /*arguments*/,
+            size_t /*unused*/) -> jsi::Value {
+          microtaskRan = true;
+          return jsi::Value::undefined();
+        });
+
+    runtime_->queueMicrotask(microtaskCallback);
+
+    throw jsi::JSError(*runtime_, "Test error");
+
+    return jsi::Value::undefined();
+  });
+
+  runtimeScheduler_->scheduleTask(
+      SchedulerPriority::NormalPriority, std::move(callback));
+
+  EXPECT_EQ(taskRan, false);
+  EXPECT_EQ(microtaskRan, false);
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+
+  EXPECT_EQ(taskRan, 1);
+  EXPECT_EQ(microtaskRan, 1);
+  EXPECT_EQ(stubQueue_->size(), 0);
+  EXPECT_EQ(stubErrorUtils_->getReportFatalCallCount(), 1);
+}
+
+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 fd7f93db4113..38fdcb66e863 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})
 
@@ -32,7 +31,6 @@ target_link_libraries(react_render_scheduler
         react_render_graphics
         react_render_mounting
         react_render_runtimescheduler
-        react_render_templateprocessor
         react_render_uimanager
         react_utils
         rrc_root
diff --git a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
index b381de0a8265..a70abde5cf72 100644
--- a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
@@ -18,7 +18,6 @@
 #include <react/renderer/mounting/MountingOverrideDelegate.h>
 #include <react/renderer/mounting/ShadowViewMutation.h>
 #include <react/renderer/runtimescheduler/RuntimeScheduler.h>
-#include <react/renderer/templateprocessor/UITemplateProcessor.h>
 #include <react/renderer/uimanager/UIManager.h>
 #include <react/renderer/uimanager/UIManagerBinding.h>
 
@@ -67,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);
         }
       };
@@ -130,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");
 
@@ -150,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() {
@@ -256,44 +242,6 @@ void Scheduler::unregisterSurface(
   surfaceHandler.setUIManager(nullptr);
 }
 
-void Scheduler::renderTemplateToSurface(
-    SurfaceId surfaceId,
-    const std::string& uiTemplate) {
-  SystraceSection s("Scheduler::renderTemplateToSurface");
-  try {
-    if (uiTemplate.empty()) {
-      return;
-    }
-    NativeModuleRegistry nMR;
-    auto tree = UITemplateProcessor::buildShadowTree(
-        uiTemplate,
-        surfaceId,
-        folly::dynamic::object(),
-        *componentDescriptorRegistry_,
-        nMR,
-        reactNativeConfig_);
-
-    uiManager_->getShadowTreeRegistry().visit(
-        surfaceId, [=](const ShadowTree& shadowTree) {
-          return shadowTree.tryCommit(
-              [&](RootShadowNode const& oldRootShadowNode) {
-                return std::make_shared<RootShadowNode>(
-                    oldRootShadowNode,
-                    ShadowNodeFragment{
-                        /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                        /* .children = */
-                        std::make_shared<ShadowNode::ListOfShared>(
-                            ShadowNode::ListOfShared{tree}),
-                    });
-              },
-              {/* default commit options */});
-        });
-  } catch (const std::exception& e) {
-    LOG(ERROR) << "    >>>> EXCEPTION <<<  rendering uiTemplate in "
-               << "Scheduler::renderTemplateToSurface: " << e.what();
-  }
-}
-
 const ComponentDescriptor*
 Scheduler::findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN(
     ComponentHandle handle) const {
@@ -325,29 +273,28 @@ 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);
-      }
+    // This is no-op on all platforms except for Android where we need to
+    // observe each transaction to be able to mount correctly.
+    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->schedulerShouldRenderTransactions(mountingCoordinator);
+          });
     } else {
-      delegate_->schedulerDidFinishTransaction(mountingCoordinator);
+      delegate_->schedulerShouldRenderTransactions(mountingCoordinator);
     }
   }
 }
+
 void Scheduler::uiManagerDidCreateShadowNode(const ShadowNode& shadowNode) {
   SystraceSection s("Scheduler::uiManagerDidCreateShadowNode");
 
diff --git a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.h b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.h
index a784a09744a7..2df6472ab6a6 100644
--- a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.h
+++ b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.h
@@ -54,10 +54,6 @@ class Scheduler final : public UIManagerDelegate {
   InspectorData getInspectorDataForInstance(
       const EventEmitter& eventEmitter) const noexcept;
 
-  void renderTemplateToSurface(
-      SurfaceId surfaceId,
-      const std::string& uiTemplate);
-
   /*
    * This is broken. Please do not use.
    * `ComponentDescriptor`s are not designed to be used outside of `UIManager`,
diff --git a/packages/react-native/ReactCommon/react/renderer/scheduler/SchedulerDelegate.h b/packages/react-native/ReactCommon/react/renderer/scheduler/SchedulerDelegate.h
index d103bf850ec1..338d637da944 100644
--- a/packages/react-native/ReactCommon/react/renderer/scheduler/SchedulerDelegate.h
+++ b/packages/react-native/ReactCommon/react/renderer/scheduler/SchedulerDelegate.h
@@ -28,6 +28,17 @@ class SchedulerDelegate {
   virtual void schedulerDidFinishTransaction(
       const MountingCoordinator::Shared& mountingCoordinator) = 0;
 
+  /*
+   * Called when the runtime scheduler decides that one-or-more previously
+   * finished transactions should now be flushed to the screen (atomically).
+   *
+   * This is a separate callback from didFinishTransaction as the Android UI
+   * mounting layer needs to be able toobserve each created ShadowTree to
+   * correctly apply changes, due to changes in Props representation.
+   */
+  virtual void schedulerShouldRenderTransactions(
+      const MountingCoordinator::Shared& mountingCoordinator) = 0;
+
   /*
    * Called right after a new ShadowNode was created.
    */
diff --git a/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt
index cb383579794a..a0fa3f8b948d 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/templateprocessor/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/templateprocessor/CMakeLists.txt
deleted file mode 100644
index ce1065135e4f..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/templateprocessor/CMakeLists.txt
+++ /dev/null
@@ -1,33 +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(
-        -fexceptions
-        -frtti
-        -std=c++20
-        -Wall
-        -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
-        -DLOG_TAG=\"Fabric\")
-
-file(GLOB react_render_templateprocessor_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_templateprocessor SHARED ${react_render_templateprocessor_SRC})
-
-target_include_directories(react_render_templateprocessor PUBLIC ${REACT_COMMON_DIR})
-
-target_link_libraries(react_render_templateprocessor
-        folly_runtime
-        glog
-        jsi
-        react_config
-        react_render_componentregistry
-        react_render_core
-        react_render_debug
-        react_render_uimanager
-        react_utils
-)
diff --git a/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.cpp b/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.cpp
deleted file mode 100644
index 79d54b5ee04f..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.cpp
+++ /dev/null
@@ -1,153 +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 "UITemplateProcessor.h"
-
-#include <folly/json.h>
-#include <glog/logging.h>
-#include <react/renderer/components/view/ViewComponentDescriptor.h>
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/components/view/ViewShadowNode.h>
-#include <react/renderer/core/ComponentDescriptor.h>
-#include <react/renderer/core/LayoutContext.h>
-#include <react/renderer/core/ShadowNodeFragment.h>
-#include <react/renderer/debug/DebugStringConvertible.h>
-#include <react/renderer/debug/DebugStringConvertibleItem.h>
-
-namespace facebook::react {
-
-bool constexpr DEBUG_FLY = false;
-
-struct RBCContext {
-  const Tag rootTag;
-  const std::vector<ShadowNode::Shared>& nodes;
-  const std::vector<folly::dynamic>& registers;
-  const ComponentDescriptorRegistry& componentDescriptorRegistry;
-  const NativeModuleRegistry& nativeModuleRegistry;
-};
-
-// TODO: use RBCContext instead of all the separate arguments.
-ShadowNode::Shared UITemplateProcessor::runCommand(
-    const folly::dynamic& command,
-    SurfaceId surfaceId,
-    std::vector<ShadowNode::Shared>& nodes,
-    std::vector<folly::dynamic>& registers,
-    const ComponentDescriptorRegistry& componentDescriptorRegistry,
-    const NativeModuleRegistry& nativeModuleRegistry,
-    const std::shared_ptr<const ReactNativeConfig>& reactNativeConfig) {
-  const std::string& opcode = command[0].asString();
-  const int tagOffset = 420000;
-  // TODO: change to integer codes and a switch statement
-  if (opcode == "createNode") {
-    Tag tag = static_cast<Tag>(command[1].asInt());
-    const auto& type = command[2].asString();
-    const auto parentTag = command[3].asInt();
-    const auto& props = command[4];
-    nodes[tag] = componentDescriptorRegistry.createNode(
-        tag + tagOffset, type, surfaceId, props, nullptr);
-    if (parentTag > -1) { // parentTag == -1 indicates root node
-      auto parentShadowNode = nodes[static_cast<size_t>(parentTag)];
-      const auto& componentDescriptor = componentDescriptorRegistry.at(
-          parentShadowNode->getComponentHandle());
-      componentDescriptor.appendChild(parentShadowNode, nodes[tag]);
-    }
-  } else if (opcode == "returnRoot") {
-    if (DEBUG_FLY) {
-      LOG(INFO)
-          << "(stop) UITemplateProcessor inject serialized 'server rendered' view tree";
-    }
-    return nodes[static_cast<Tag>(command[1].asInt())];
-  } else if (opcode == "loadNativeBool") {
-    auto registerNumber = static_cast<size_t>(command[1].asInt());
-    std::string param = command[4][0].asString();
-    registers[registerNumber] = reactNativeConfig->getBool(param);
-  } else if (opcode == "conditional") {
-    auto registerNumber = static_cast<size_t>(command[1].asInt());
-    auto conditionDynamic = registers[registerNumber];
-    if (conditionDynamic.isNull()) {
-      // TODO: provide original command or command line?
-      auto err = std::runtime_error(
-          "register " + command[1].asString() + " wasn't loaded before access");
-      throw err;
-    } else if (conditionDynamic.type() != folly::dynamic::BOOL) {
-      // TODO: provide original command or command line?
-      auto err = std::runtime_error(
-          "register " + command[1].asString() + " had type '" +
-          conditionDynamic.typeName() +
-          "' but needs to be 'boolean' for conditionals");
-      throw err;
-    }
-    const auto& nextCommands =
-        conditionDynamic.asBool() ? command[2] : command[3];
-    for (const auto& nextCommand : nextCommands) {
-      runCommand(
-          nextCommand,
-          surfaceId,
-          nodes,
-          registers,
-          componentDescriptorRegistry,
-          nativeModuleRegistry,
-          reactNativeConfig);
-    }
-  } else {
-    throw std::runtime_error("Unsupported opcode: " + command[0].asString());
-  }
-  return nullptr;
-}
-
-ShadowNode::Shared UITemplateProcessor::buildShadowTree(
-    const std::string& jsonStr,
-    SurfaceId surfaceId,
-    const folly::dynamic& params,
-    const ComponentDescriptorRegistry& componentDescriptorRegistry,
-    const NativeModuleRegistry& nativeModuleRegistry,
-    const std::shared_ptr<const ReactNativeConfig>& reactNativeConfig) {
-  if (DEBUG_FLY) {
-    LOG(INFO)
-        << "(strt) UITemplateProcessor inject hardcoded 'server rendered' view tree";
-  }
-
-  std::string content = jsonStr;
-  for (const auto& param : params.items()) {
-    const auto& key = param.first.asString();
-    size_t start_pos = content.find(key);
-    if (start_pos != std::string::npos) {
-      content.replace(start_pos, key.length(), param.second.asString());
-    }
-  }
-  auto parsed = folly::parseJson(content);
-  auto commands = parsed["commands"];
-  std::vector<ShadowNode::Shared> nodes(commands.size() * 2);
-  std::vector<folly::dynamic> registers(32);
-  for (const auto& command : commands) {
-    try {
-      if (DEBUG_FLY) {
-        LOG(INFO) << "try to run command " << folly::toJson(command);
-      }
-      auto ret = runCommand(
-          command,
-          surfaceId,
-          nodes,
-          registers,
-          componentDescriptorRegistry,
-          nativeModuleRegistry,
-          reactNativeConfig);
-      if (ret != nullptr) {
-        return ret;
-      }
-    } catch (const std::exception& e) {
-      LOG(ERROR) << "   >>> Exception <<<    running previous command '"
-                 << folly::toJson(command) << "': '" << e.what() << "'";
-    }
-  }
-  LOG(ERROR) << "react ui template missing returnRoot command :(";
-  throw std::runtime_error(
-      "Missing returnRoot command in template content:\n" + content);
-  return ShadowNode::Shared{};
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.h b/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.h
deleted file mode 100644
index 791a6a02b472..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/templateprocessor/UITemplateProcessor.h
+++ /dev/null
@@ -1,64 +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 <folly/dynamic.h>
-
-#include <react/config/ReactNativeConfig.h>
-#include <react/renderer/componentregistry/ComponentDescriptorRegistry.h>
-#include <react/renderer/core/ShadowNode.h>
-#include <react/renderer/uimanager/UIManagerDelegate.h>
-
-namespace facebook::react {
-
-// Temporary NativeModuleRegistry definition
-using NativeModuleCallFn =
-    std::function<folly::dynamic(const std::string&, const folly::dynamic&)>;
-
-class NativeModuleRegistry {
- public:
-  void registerModule(
-      const std::string& moduleName,
-      NativeModuleCallFn callFn) {
-    modules_.emplace(moduleName, callFn);
-  }
-
-  folly::dynamic call(
-      const std::string& moduleName,
-      const std::string& methodName,
-      const folly::dynamic& args) const {
-    return modules_.at(moduleName)(methodName, args);
-  }
-
- private:
-  std::unordered_map<std::string, NativeModuleCallFn> modules_;
-};
-
-class UITemplateProcessor {
- public:
-  static ShadowNode::Shared buildShadowTree(
-      const std::string& jsonStr,
-      int surfaceId,
-      const folly::dynamic& params,
-      const ComponentDescriptorRegistry& componentDescriptorRegistry,
-      const NativeModuleRegistry& nativeModuleRegistry,
-      const std::shared_ptr<const ReactNativeConfig>& reactNativeConfig);
-
- private:
-  static ShadowNode::Shared runCommand(
-      const folly::dynamic& command,
-      Tag surfaceId,
-      std::vector<ShadowNode::Shared>& nodes,
-      std::vector<folly::dynamic>& registers,
-      const ComponentDescriptorRegistry& componentDescriptorRegistry,
-      const NativeModuleRegistry& nativeModuleRegistry,
-      const std::shared_ptr<const ReactNativeConfig>& reactNativeConfig);
-};
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/templateprocessor/tests/UITemplateProcessorTest.cpp b/packages/react-native/ReactCommon/react/renderer/templateprocessor/tests/UITemplateProcessorTest.cpp
deleted file mode 100644
index b0b4ddbd9251..000000000000
--- a/packages/react-native/ReactCommon/react/renderer/templateprocessor/tests/UITemplateProcessorTest.cpp
+++ /dev/null
@@ -1,166 +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 <exception>
-
-#include <glog/logging.h>
-#include <gtest/gtest.h>
-#include <react/renderer/componentregistry/ComponentDescriptorFactory.h>
-#include <react/renderer/templateprocessor/UITemplateProcessor.h>
-
-using namespace facebook::react;
-
-#include <react/config/ReactNativeConfig.h>
-#include <react/renderer/componentregistry/ComponentDescriptorFactory.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-#include <react/renderer/componentregistry/ComponentDescriptorRegistry.h>
-#include <react/renderer/components/rncore/ComponentDescriptors.h>
-#include <react/renderer/components/scrollview/ScrollViewComponentDescriptor.h>
-#include <react/renderer/components/view/ViewComponentDescriptor.h>
-#include <react/utils/ContextContainer.h>
-
-namespace facebook::react {
-
-static ComponentRegistryFactory getComponentRegistryFactory() {
-  return [](const EventDispatcher::Weak& eventDispatcher,
-            const ContextContainer::Shared& contextContainer) {
-    ComponentDescriptorProviderRegistry providerRegistry{};
-    providerRegistry.add(
-        concreteComponentDescriptorProvider<ViewComponentDescriptor>());
-    providerRegistry.add(
-        concreteComponentDescriptorProvider<ScrollViewComponentDescriptor>());
-    providerRegistry.add(concreteComponentDescriptorProvider<
-                         ActivityIndicatorViewComponentDescriptor>());
-    return providerRegistry.createComponentDescriptorRegistry(
-        {eventDispatcher, contextContainer});
-  };
-}
-
-bool mockSimpleTestValue_;
-
-NativeModuleRegistry buildNativeModuleRegistry();
-
-NativeModuleRegistry buildNativeModuleRegistry() {
-  NativeModuleRegistry nMR;
-  nMR.registerModule(
-      "MobileConfig",
-      [&](const std::string& /*unused*/, const folly::dynamic& /*unused*/) {
-        return mockSimpleTestValue_;
-      });
-  return nMR;
-}
-
-class MockReactNativeConfig : public ReactNativeConfig {
- public:
-  MockReactNativeConfig() = default;
-  bool getBool(const std::string& /*param*/) const override {
-    return mockSimpleTestValue_;
-  }
-
-  std::string getString(const std::string& /*param*/) const override {
-    return "";
-  }
-
-  int64_t getInt64(const std::string& /*param*/) const override {
-    return 0;
-  }
-
-  double getDouble(const std::string& /*param*/) const override {
-    return 0.0;
-  }
-};
-
-std::shared_ptr<const ReactNativeConfig> mockReactNativeConfig_ =
-    std::make_shared<const MockReactNativeConfig>();
-
-} // namespace facebook::react
-
-TEST(UITemplateProcessorTest, testSimpleBytecode) {
-  auto surfaceId = 11;
-  auto eventDispatcher = std::shared_ptr<const EventDispatcher>();
-  auto componentDescriptorRegistry =
-      getComponentRegistryFactory()(eventDispatcher, nullptr);
-  auto nativeModuleRegistry = buildNativeModuleRegistry();
-
-  auto bytecode = R"delim({"version":0.1,"commands":[
-    ["createNode",2,"RCTView",-1,{"opacity": 0.5, "testID": "root"}],
-    ["createNode",4,"RCTView",2,{"testID": "child"}],
-    ["returnRoot",2]
-  ]})delim";
-
-  mockSimpleTestValue_ = true;
-
-  auto root1 = UITemplateProcessor::buildShadowTree(
-      bytecode,
-      surfaceId,
-      folly::dynamic::object(),
-      *componentDescriptorRegistry,
-      nativeModuleRegistry,
-      mockReactNativeConfig_);
-#ifndef NDEBUG
-  LOG(INFO) << std::endl << root1->getDebugDescription();
-#endif
-  auto props1 = std::static_pointer_cast<const ViewProps>(root1->getProps());
-  EXPECT_NEAR(props1->opacity, 0.5, 0.001);
-  ASSERT_STREQ(props1->testId.c_str(), "root");
-  auto children1 = root1->getChildren();
-  EXPECT_EQ(children1.size(), 1);
-  auto child_props1 =
-      std::static_pointer_cast<const ViewProps>(children1.at(0)->getProps());
-  ASSERT_STREQ(child_props1->testId.c_str(), "child");
-}
-
-TEST(UITemplateProcessorTest, testConditionalBytecode) {
-  auto surfaceId = 11;
-  auto eventDispatcher = std::shared_ptr<const EventDispatcher>();
-  auto componentDescriptorRegistry =
-      getComponentRegistryFactory()(eventDispatcher, nullptr);
-  auto nativeModuleRegistry = buildNativeModuleRegistry();
-
-  auto bytecode = R"delim({"version":0.1,"commands":[
-    ["createNode",2,"RCTView",-1,{"testID": "root"}],
-    ["loadNativeBool",1,"MobileConfig","getBool",["qe:simple_test"]],
-    ["conditional",1,
-      [["createNode",4,"RCTView",2,{"testID": "cond_true"}]],
-      [["createNode",4,"RCTView",2,{"testID": "cond_false"}]]
-    ],
-    ["returnRoot",2]
-  ]})delim";
-
-  mockSimpleTestValue_ = true;
-
-  auto root1 = UITemplateProcessor::buildShadowTree(
-      bytecode,
-      surfaceId,
-      folly::dynamic::object(),
-      *componentDescriptorRegistry,
-      nativeModuleRegistry,
-      mockReactNativeConfig_);
-#ifndef NDEBUG
-  LOG(INFO) << std::endl << root1->getDebugDescription();
-#endif
-  auto props1 = std::static_pointer_cast<const ViewProps>(root1->getProps());
-  ASSERT_STREQ(props1->testId.c_str(), "root");
-  auto children1 = root1->getChildren();
-  EXPECT_EQ(children1.size(), 1);
-  auto child_props1 =
-      std::static_pointer_cast<const ViewProps>(children1.at(0)->getProps());
-  ASSERT_STREQ(child_props1->testId.c_str(), "cond_true");
-
-  mockSimpleTestValue_ = false;
-
-  auto root2 = UITemplateProcessor::buildShadowTree(
-      bytecode,
-      surfaceId,
-      folly::dynamic::object(),
-      *componentDescriptorRegistry,
-      nativeModuleRegistry,
-      mockReactNativeConfig_);
-  auto child_props2 = std::static_pointer_cast<const ViewProps>(
-      root2->getChildren().at(0)->getProps());
-  ASSERT_STREQ(child_props2->testId.c_str(), "cond_false");
-}
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt
index c3d7c1974910..4333c91e2b98 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 000000000000..304cefde8074
--- /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 244cf2c5ca4e..01a981ba0c37 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 cb5844b2420b..c5accc2932e9 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 640baaa289ea..9f71788b39a7 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 1a2aed80a695..6d99a35008fc 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 a8b454814b53..63903786a91b 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>
 
@@ -29,12 +30,15 @@ class TextLayoutManager {
  public:
   TextLayoutManager(const ContextContainer::Shared& contextContainer) {}
 
+  virtual ~TextLayoutManager() = default;
+
   /*
    * Measures `attributedStringBox` using native text rendering infrastructure.
    */
-  TextMeasurement measure(
+  virtual TextMeasurement measure(
       AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
+      const TextLayoutContext& layoutContext,
       LayoutConstraints layoutConstraints,
       std::shared_ptr<void>) const;
 
@@ -42,7 +46,7 @@ class TextLayoutManager {
    * Measures lines of `attributedString` using native text rendering
    * infrastructure.
    */
-  LinesMeasurements measureLines(
+  virtual LinesMeasurements measureLines(
       AttributedString attributedString,
       ParagraphAttributes paragraphAttributes,
       Size size) const;
@@ -53,7 +57,7 @@ class TextLayoutManager {
    */
   void* getNativeTextLayoutManager() const;
 
-  std::shared_ptr<void> getHostTextStorage(
+  virtual std::shared_ptr<void> getHostTextStorage(
       AttributedString attributedStringBox,
       ParagraphAttributes paragraphAttributes,
       LayoutConstraints layoutConstraints) 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 a87d67d19230..000000000000
--- 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 <UIKit/UIKit.h>
-
-@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 ee391a20f6c2..000000000000
--- 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 b3b53c80812c..b76bb2fba041 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
@@ -344,6 +344,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;
@@ -357,42 +406,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 368c33410558..f7d17f52dc37 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 1921d1ca1cff..c3f3ac20bd85 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 <UIKit/UIKit.h>
 
+#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 UIColor *RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor)
+// TODO: this file has some duplicates method, we can remove it
+inline static UIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor)
 {
-  if (!sharedColor) {
-    return nil;
-  }
-
-  if (*facebook::react::clearColor() == *sharedColor) {
-    return [UIColor clearColor];
-  }
-
-  if (*facebook::react::blackColor() == *sharedColor) {
-    return [UIColor blackColor];
-  }
-
-  if (*facebook::react::whiteColor() == *sharedColor) {
-    return [UIColor whiteColor];
-  }
-
-  auto components = facebook::react::colorComponentsFromColor(sharedColor);
-  return [UIColor colorWithRed:components.red green:components.green blue:components.blue alpha:components.alpha];
+  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 67ca50820f9e..cfa7abc53eab 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 21742b810e04..dcce90583805 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 a7b47e56945f..a7583450cadf 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 d1f48491f43d..e3ab96f2289e 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 054296a1ccbd..548cb1f4855c 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 000000000000..f01adaa51ed8
--- /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 000000000000..b9b2581a5649
--- /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 4a434560a4fe..5cf3e5eeb6ce 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,11 +75,10 @@ ShadowNode::Shared UIManager::createNode(
 
   PropsParserContext propsParserContext{surfaceId, *contextContainer_.get()};
 
-  const auto fragment =
-      ShadowNodeFamilyFragment{tag, surfaceId, instanceHandle};
-  auto family = componentDescriptor.createFamily(fragment);
-  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(
@@ -110,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());
 
@@ -124,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`
@@ -132,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,
@@ -140,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));
     }
   }
 
@@ -175,8 +172,8 @@ void UIManager::completeSurface(
           return std::make_shared<RootShadowNode>(
               oldRootShadowNode,
               ShadowNodeFragment{
-                  /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                  /* .children = */ rootChildren,
+                  .props = ShadowNodeFragment::propsPlaceholder(),
+                  .children = rootChildren,
               });
         },
         commitOptions);
@@ -260,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()) {
@@ -298,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);
@@ -393,7 +438,7 @@ LayoutMetrics UIManager::getRelativeLayoutMetrics(
   }
 
   auto layoutableAncestorShadowNode =
-      traitCast<const LayoutableShadowNode*>(ancestorShadowNode);
+      dynamic_cast<const LayoutableShadowNode*>(ancestorShadowNode);
 
   if (layoutableAncestorShadowNode == nullptr) {
     return EmptyLayoutMetrics;
@@ -459,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)
@@ -476,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(
@@ -488,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 04baf7f7bb92..c0f443ff568e 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 80dc57ce3ec6..fad55ae309ba 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 c00411b6c58d..03633a8a4856 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);
+          try {
+            validateArgumentCount(runtime, methodName, paramCount, count);
+
+            auto instanceHandle =
+                instanceHandleFromValue(runtime, arguments[4], arguments[0]);
+            if (!instanceHandle) {
+              react_native_assert(false);
+              return jsi::Value::undefined();
+            }
 
-          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();
@@ -327,25 +344,29 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
-  // Semantic: Clones the node with *same* props and *empty* children.
+  // Semantic: Clones the node with *same* props and *given* children.
   if (methodName == "cloneNodeWithNewChildren") {
-    auto paramCount = 1;
+    auto paramCount = 2;
     return jsi::Function::createFromHostFunction(
         runtime,
         name,
         paramCount,
-        [uiManager, methodName, paramCount](
+        [uiManager, methodName](
             jsi::Runtime& runtime,
             const jsi::Value& /*thisValue*/,
             const jsi::Value* arguments,
             size_t count) -> jsi::Value {
-          validateArgumentCount(runtime, methodName, paramCount, count);
+          // TODO: re-enable when passChildrenWhenCloningPersistedNodes is
+          // rolled out
+          // validateArgumentCount(runtime, methodName, paramCount, count);
 
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
                   *shadowNodeFromValue(runtime, arguments[0]),
-                  ShadowNode::emptySharedShadowNodeSharedList()));
+                  count > 1 ? shadowNodeListFromValue(runtime, arguments[1])
+                            : ShadowNode::emptySharedShadowNodeSharedList(),
+                  RawProps()));
         });
   }
 
@@ -363,37 +384,40 @@ jsi::Value UIManagerBinding::get(
             size_t count) -> jsi::Value {
           validateArgumentCount(runtime, methodName, paramCount, count);
 
-          const auto& rawProps = RawProps(runtime, arguments[1]);
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
                   *shadowNodeFromValue(runtime, arguments[0]),
                   nullptr,
-                  &rawProps));
+                  RawProps(runtime, arguments[1])));
         });
   }
 
-  // Semantic: Clones the node with *given* props and *empty* children.
+  // Semantic: Clones the node with *given* props and *given* children.
   if (methodName == "cloneNodeWithNewChildrenAndProps") {
-    auto paramCount = 2;
+    auto paramCount = 3;
     return jsi::Function::createFromHostFunction(
         runtime,
         name,
         paramCount,
-        [uiManager, methodName, paramCount](
+        [uiManager, methodName](
             jsi::Runtime& runtime,
             const jsi::Value& /*thisValue*/,
             const jsi::Value* arguments,
             size_t count) -> jsi::Value {
-          validateArgumentCount(runtime, methodName, paramCount, count);
+          // TODO: re-enable when passChildrenWhenCloningPersistedNodes is
+          // rolled out
+          // validateArgumentCount(runtime, methodName, paramCount, count);
 
-          const auto& rawProps = RawProps(runtime, arguments[1]);
+          bool hasChildrenArg = count == 3;
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
                   *shadowNodeFromValue(runtime, arguments[0]),
-                  ShadowNode::emptySharedShadowNodeSharedList(),
-                  &rawProps));
+                  hasChildrenArg
+                      ? shadowNodeListFromValue(runtime, arguments[1])
+                      : ShadowNode::emptySharedShadowNodeSharedList(),
+                  RawProps(runtime, arguments[hasChildrenArg ? 2 : 1])));
         });
   }
 
@@ -417,6 +441,7 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  // TODO: remove when passChildrenWhenCloningPersistedNodes is rolled out
   if (methodName == "createChildSet") {
     return jsi::Function::createFromHostFunction(
         runtime,
@@ -432,6 +457,7 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  // TODO: remove when passChildrenWhenCloningPersistedNodes is rolled out
   if (methodName == "appendChildToSet") {
     auto paramCount = 2;
     return jsi::Function::createFromHostFunction(
@@ -475,17 +501,14 @@ jsi::Value UIManagerBinding::get(
           if (!uiManager->backgroundExecutor_ ||
               (runtimeSchedulerBinding &&
                runtimeSchedulerBinding->getIsSynchronous())) {
-            auto weakShadowNodeList =
-                weakShadowNodeListFromValue(runtime, arguments[1]);
             auto shadowNodeList =
-                shadowNodeListFromWeakList(weakShadowNodeList);
-            if (shadowNodeList) {
-              uiManager->completeSurface(
-                  surfaceId,
-                  shadowNodeList,
-                  {/* .enableStateReconciliation = */ true,
-                   /* .mountSynchronously = */ false});
-            }
+                shadowNodeListFromValue(runtime, arguments[1]);
+            uiManager->completeSurface(
+                surfaceId,
+                shadowNodeList,
+                {.enableStateReconciliation = true,
+                 .mountSynchronously = false,
+                 .shouldYield = nullptr});
           } else {
             auto weakShadowNodeList =
                 weakShadowNodeListFromValue(runtime, arguments[1]);
@@ -539,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();
         });
   }
@@ -682,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
@@ -1097,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) {
-            return jsi::Value::undefined();
-          }
-
-          auto layoutableShadowNode = traitCast<LayoutableShadowNode const*>(
-              newestCloneOfShadowNode.get());
-          // This should never happen
-          if (layoutableShadowNode == nullptr) {
+          auto shadowNodeLayoutMetricsRelativeToRoot =
+              uiManager->getRelativeLayoutMetrics(
+                  *shadowNode, nullptr, {/* .includeTransform = */ false});
+          if (shadowNodeLayoutMetricsRelativeToRoot == EmptyLayoutMetrics) {
             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});
         });
@@ -1197,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) {
@@ -1268,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 b5c98b3a0f1a..3ade1a02e4a0 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 c13fe9ac38b2..5d2cd00a19b6 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,40 +40,46 @@ 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)
+// make this a SharedListOfShared
 inline static ShadowNode::UnsharedListOfShared shadowNodeListFromValue(
     jsi::Runtime& runtime,
     const jsi::Value& value) {
-  if (CoreFeatures::useNativeState) {
-    return value.getObject(runtime)
-        .getNativeState<ShadowNodeListWrapper>(runtime)
-        ->shadowNodeList;
+  // TODO: cleanup when passChildrenWhenCloningPersistedNodes is rolled out
+  jsi::Object object = value.asObject(runtime);
+  if (object.isArray(runtime)) {
+    auto jsArray = std::move(object).asArray(runtime);
+    size_t jsArrayLen = jsArray.length(runtime);
+    if (jsArrayLen > 0) {
+      auto shadowNodeArray = std::make_shared<ShadowNode::ListOfShared>();
+      shadowNodeArray->reserve(jsArrayLen);
+
+      for (size_t i = 0; i < jsArrayLen; i++) {
+        shadowNodeArray->push_back(
+            shadowNodeFromValue(runtime, jsArray.getValueAtIndex(runtime, i)));
+      }
+      return shadowNodeArray;
+    } else {
+      // TODO: return ShadowNode::emptySharedShadowNodeSharedList()
+      return std::make_shared<ShadowNode::ListOfShared>(
+          ShadowNode::ListOfShared({}));
+      ;
+    }
   } else {
-    return value.getObject(runtime)
-        .getHostObject<ShadowNodeListWrapper>(runtime)
+    return object.getNativeState<ShadowNodeListWrapper>(runtime)
         ->shadowNodeList;
   }
 }
@@ -105,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(
@@ -212,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 000000000000..f262f3ec7862
--- /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/BridgelessJSCallInvoker.cpp b/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.cpp
index f265e4590caa..33b151a1e1fd 100644
--- a/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.cpp
@@ -15,7 +15,8 @@ BridgelessJSCallInvoker::BridgelessJSCallInvoker(
     RuntimeExecutor runtimeExecutor)
     : runtimeExecutor_(std::move(runtimeExecutor)) {}
 
-void BridgelessJSCallInvoker::invokeAsync(std::function<void()>&& func) {
+void BridgelessJSCallInvoker::invokeAsync(
+    std::function<void()>&& func) noexcept {
   runtimeExecutor_([func = std::move(func)](jsi::Runtime& runtime) { func(); });
 }
 
diff --git a/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.h b/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.h
index 612af02c4832..bfab788da2fa 100644
--- a/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.h
+++ b/packages/react-native/ReactCommon/react/runtime/BridgelessJSCallInvoker.h
@@ -18,7 +18,7 @@ namespace facebook::react {
 class BridgelessJSCallInvoker : public CallInvoker {
  public:
   explicit BridgelessJSCallInvoker(RuntimeExecutor runtimeExecutor);
-  void invokeAsync(std::function<void()>&& func) override;
+  void invokeAsync(std::function<void()>&& func) noexcept override;
   void invokeSync(std::function<void()>&& func) override;
 
  private:
diff --git a/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.cpp b/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.cpp
index 70bfc4a6a250..e5f3e6813dc9 100644
--- a/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.cpp
@@ -15,7 +15,7 @@ BridgelessNativeMethodCallInvoker::BridgelessNativeMethodCallInvoker(
 
 void BridgelessNativeMethodCallInvoker::invokeAsync(
     const std::string& methodName,
-    std::function<void()>&& func) {
+    std::function<void()>&& func) noexcept {
   messageQueueThread_->runOnQueue(std::move(func));
 }
 
diff --git a/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.h b/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.h
index c26afe83953c..79f922976e18 100644
--- a/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.h
+++ b/packages/react-native/ReactCommon/react/runtime/BridgelessNativeMethodCallInvoker.h
@@ -16,8 +16,9 @@ class BridgelessNativeMethodCallInvoker : public NativeMethodCallInvoker {
  public:
   explicit BridgelessNativeMethodCallInvoker(
       std::shared_ptr<MessageQueueThread> messageQueueThread);
-  void invokeAsync(const std::string& methodName, std::function<void()>&& func)
-      override;
+  void invokeAsync(
+      const std::string& methodName,
+      std::function<void()>&& func) noexcept override;
   void invokeSync(const std::string& methodName, std::function<void()>&& func)
       override;
 
diff --git a/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt b/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt
index ace51b62265c..3a440e009b0c 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 30cf7025c96e..000000000000
--- 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 000000000000..832d21e40c7e
--- /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 000000000000..f7b17be85623
--- /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 31f9eeb1b243..6308397bdefd 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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'
 
@@ -35,12 +37,12 @@ Pod::Spec.new do |s|
   s.header_dir             = "react/runtime"
   s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/React-Core\" \"${PODS_TARGET_SRCROOT}/../..\"",
                                 "USE_HEADERMAP" => "YES",
-                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                                "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                 "GCC_WARN_PEDANTIC" => "YES" }
   s.compiler_flags       = folly_compiler_flags + ' ' + boost_compiler_flags
 
   if ENV['USE_FRAMEWORKS']
-    s.header_mappings_dir     = './'
+    s.header_mappings_dir     = '../../'
     s.module_name             = 'React_RuntimeCore'
   end
 
@@ -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 3381e1901171..01b7fb41d1f7 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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,9 +33,9 @@ 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",
+                                "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                 "GCC_WARN_PEDANTIC" => "YES" }
   s.compiler_flags       = folly_compiler_flags + ' ' + boost_compiler_flags
 
@@ -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 0f85cf0b722a..e7a657ec1e7f 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 f3126c302f38..c82656c77679 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 3eca065fbb80..d8b33ddb648f 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 6735e29c55ae..49e54684d495 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 955bb14c946a..ba600340203d 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 cbb786a2fd13..101f226f92c1 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()
@@ -118,8 +168,8 @@ std::unique_ptr<jsi::Runtime> HermesInstance::createJSRuntime(
                             .withAllocInYoung(false)
                             .withRevertToYGAtTTI(true)
                             .build())
-          .withES6Proxy(false)
           .withEnableSampleProfiling(true)
+          .withMicrotaskQueue(ReactNativeFeatureFlags::enableMicrotasks())
           .withVMExperimentFlags(vmExperimentFlags);
 
   if (cm) {
@@ -129,16 +179,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 63f3f73ba42f..71b08d2fd5b0 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 606d2d9dabd1..cadf6d61cdca 100644
--- a/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm
+++ b/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm
@@ -56,9 +56,10 @@ - (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>();
-                               }];
+                               }
+                                  launchOptions:nil];
 }
 
 - (void)tearDown
diff --git a/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp b/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp
index 692b5b7e74b4..ae10b3f32ff8 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 097de4e19946..eadf6f296aec 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 a758ec689906..6299a3d313ef 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 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2022.05.16.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'
 
@@ -41,7 +42,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "ReactCommon"
   s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => header_search_paths,
                                 "USE_HEADERMAP" => "YES",
-                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                                "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                 "GCC_WARN_PEDANTIC" => "YES" }
   s.compiler_flags       = folly_compiler_flags + ' ' + boost_compiler_flags
 
@@ -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 0f3722443945..533aa82b9245 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 04335ccd9c2a..c3e4951ded60 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+Internal.h b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost+Internal.h
index 4432aa0cce49..e1708784a453 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost+Internal.h
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost+Internal.h
@@ -9,8 +9,6 @@
 
 #import "RCTContextContainerHandling.h"
 
-typedef NSURL * (^RCTHostBundleURLProvider)(void);
-
 @interface RCTHost (Internal)
 
 - (void)registerSegmentWithId:(NSNumber *)segmentId path:(NSString *)path;
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 2d57954823b2..87f6de0b7fa0 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"
 
@@ -21,6 +21,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 @protocol RCTTurboModuleManagerDelegate;
 
+typedef NSURL *_Nullable (^RCTHostBundleURLProvider)(void);
+
 // Runtime API
 
 @protocol RCTHostDelegate <NSObject>
@@ -41,17 +43,28 @@ 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
 
+- (instancetype)initWithBundleURLProvider:(RCTHostBundleURLProvider)provider
+                             hostDelegate:(id<RCTHostDelegate>)hostDelegate
+               turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
+                         jsEngineProvider:(RCTHostJSEngineProvider)jsEngineProvider
+                            launchOptions:(nullable NSDictionary *)launchOptions NS_DESIGNATED_INITIALIZER;
+
 - (instancetype)initWithBundleURL:(NSURL *)bundleURL
                      hostDelegate:(id<RCTHostDelegate>)hostDelegate
        turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
-                 jsEngineProvider:(RCTHostJSEngineProvider)jsEngineProvider NS_DESIGNATED_INITIALIZER;
+                 jsEngineProvider:(RCTHostJSEngineProvider)jsEngineProvider
+                    launchOptions:(nullable NSDictionary *)launchOptions __deprecated;
 
 @property (nonatomic, weak, nullable) id<RCTHostRuntimeDelegate> runtimeDelegate;
 
+@property (nonatomic, readonly) RCTSurfacePresenter *surfacePresenter;
+
+@property (nonatomic, readonly) RCTModuleRegistry *moduleRegistry;
+
 - (void)start;
 
 - (void)callFunctionOnJSModule:(NSString *)moduleName method:(NSString *)method args:(NSArray *)args;
@@ -64,11 +77,11 @@ typedef std::shared_ptr<facebook::react::JSEngineInstance> (^RCTHostJSEngineProv
 
 - (RCTFabricSurface *)createSurfaceWithModuleName:(NSString *)moduleName initialProperties:(NSDictionary *)properties;
 
-- (RCTSurfacePresenter *)getSurfacePresenter;
+- (RCTSurfacePresenter *)getSurfacePresenter __attribute__((deprecated("Use `surfacePresenter` property instead.")));
 
 // Native module API
 
-- (RCTModuleRegistry *)getModuleRegistry;
+- (RCTModuleRegistry *)getModuleRegistry __attribute__((deprecated("Use `moduleRegistry` property instead.")));
 
 @end
 
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 f733d5514f6c..cddebbe109fb 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
 
@@ -39,6 +58,8 @@ @implementation RCTHost {
   RCTHostBundleURLProvider _bundleURLProvider;
   RCTHostJSEngineProvider _jsEngineProvider;
 
+  NSDictionary *_launchOptions;
+
   // All the surfaces that need to be started after main bundle execution
   NSMutableArray<RCTFabricSurface *> *_surfaceStartBuffer;
   std::mutex _surfaceStartBufferMutex;
@@ -47,6 +68,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
@@ -54,14 +79,31 @@ + (void)initialize
   _RCTInitializeJSThreadConstantInternal();
 }
 
-/**
- Host initialization should not be resource intensive. A host may be created before any intention of using React Native
- has been expressed.
- */
 - (instancetype)initWithBundleURL:(NSURL *)bundleURL
                      hostDelegate:(id<RCTHostDelegate>)hostDelegate
        turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
                  jsEngineProvider:(RCTHostJSEngineProvider)jsEngineProvider
+                    launchOptions:(nullable NSDictionary *)launchOptions
+{
+  return [self
+       initWithBundleURLProvider:^{
+         return bundleURL;
+       }
+                    hostDelegate:hostDelegate
+      turboModuleManagerDelegate:turboModuleManagerDelegate
+                jsEngineProvider:jsEngineProvider
+                   launchOptions:launchOptions];
+}
+
+/**
+ Host initialization should not be resource intensive. A host may be created before any intention of using React Native
+ has been expressed.
+ */
+- (instancetype)initWithBundleURLProvider:(RCTHostBundleURLProvider)provider
+                             hostDelegate:(id<RCTHostDelegate>)hostDelegate
+               turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
+                         jsEngineProvider:(RCTHostJSEngineProvider)jsEngineProvider
+                            launchOptions:(nullable NSDictionary *)launchOptions
 {
   if (self = [super init]) {
     _hostDelegate = hostDelegate;
@@ -70,9 +112,9 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
     _bundleManager = [RCTBundleManager new];
     _moduleRegistry = [RCTModuleRegistry new];
     _jsEngineProvider = [jsEngineProvider copy];
+    _launchOptions = [launchOptions copy];
 
     __weak RCTHost *weakSelf = self;
-
     auto bundleURLGetter = ^NSURL *()
     {
       RCTHost *strongSelf = weakSelf;
@@ -84,7 +126,7 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
     };
 
     auto bundleURLSetter = ^(NSURL *bundleURL_) {
-      [weakSelf _setBundleURL:bundleURL];
+      [weakSelf _setBundleURL:bundleURL_];
     };
 
     auto defaultBundleURLGetter = ^NSURL *()
@@ -97,7 +139,6 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
       return strongSelf->_bundleURLProvider();
     };
 
-    [self _setBundleURL:bundleURL];
     [_bundleManager setBridgelessBundleURLGetter:bundleURLGetter
                                        andSetter:bundleURLSetter
                                 andDefaultGetter:defaultBundleURLGetter];
@@ -133,6 +174,8 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
     dispatch_async(dispatch_get_main_queue(), ^{
       RCTRegisterReloadCommandListener(self);
     });
+
+    _inspectorPageDelegate = std::make_unique<RCTHostPageTargetDelegate>(self);
   }
   return self;
 }
@@ -141,17 +184,49 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
 
 - (void)start
 {
+  if (_bundleURLProvider) {
+    [self _setBundleURL:_bundleURLProvider()];
+  }
+  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()
+                                      launchOptions:_launchOptions];
   [_hostDelegate hostDidStart:self];
 }
 
@@ -159,7 +234,7 @@ - (RCTFabricSurface *)createSurfaceWithModuleName:(NSString *)moduleName
                                              mode:(DisplayMode)displayMode
                                 initialProperties:(NSDictionary *)properties
 {
-  RCTFabricSurface *surface = [[RCTFabricSurface alloc] initWithSurfacePresenter:[self getSurfacePresenter]
+  RCTFabricSurface *surface = [[RCTFabricSurface alloc] initWithSurfacePresenter:self.surfacePresenter
                                                                       moduleName:moduleName
                                                                initialProperties:properties];
   surface.surfaceHandler.setDisplayMode(displayMode);
@@ -182,16 +257,28 @@ - (RCTFabricSurface *)createSurfaceWithModuleName:(NSString *)moduleName initial
   return [self createSurfaceWithModuleName:moduleName mode:DisplayMode::Visible initialProperties:properties];
 }
 
-- (RCTModuleRegistry *)getModuleRegistry
+- (RCTModuleRegistry *)moduleRegistry
 {
   return _moduleRegistry;
 }
 
-- (RCTSurfacePresenter *)getSurfacePresenter
+// Deprecated
+- (RCTModuleRegistry *)getModuleRegistry
+{
+  return self.moduleRegistry;
+}
+
+- (RCTSurfacePresenter *)surfacePresenter
 {
   return [_instance surfacePresenter];
 }
 
+// Deprecated
+- (RCTSurfacePresenter *)getSurfacePresenter
+{
+  return self.surfacePresenter;
+}
+
 - (void)callFunctionOnJSModule:(NSString *)moduleName method:(NSString *)method args:(NSArray *)args
 {
   [_instance callFunctionOnJSModule:moduleName method:method args:args];
@@ -214,21 +301,28 @@ - (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()
+                                      launchOptions:_launchOptions];
   [_hostDelegate hostDidStart:self];
 
   for (RCTFabricSurface *surface in [self _getAttachedSurfaces]) {
-    [surface resetWithSurfacePresenter:[self getSurfacePresenter]];
+    [surface resetWithSurfacePresenter:self.surfacePresenter];
   }
 }
 
 - (void)dealloc
 {
   [_instance invalidate];
+  if (_inspectorPageId.has_value()) {
+    facebook::react::jsinspector_modern::getInspectorInstance().removePage(*_inspectorPageId);
+    _inspectorPageId.reset();
+    _inspectorTarget.reset();
+  }
 }
 
 #pragma mark - RCTInstanceDelegate
@@ -290,10 +384,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 be1bc2207c89..6eaba0a1a8b7 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 <UIKit/UIKit.h>
 
 #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,13 @@ 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
+                   launchOptions:(nullable NSDictionary *)launchOptions;
 
 - (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 027e24b182ba..029525a10c03 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
@@ -6,15 +6,18 @@
  */
 
 #import "RCTInstance.h"
-#import <React/RCTBridgeProxy.h>
 
 #import <memory>
 
 #import <React/NSDataBigString.h>
 #import <React/RCTAssert.h>
+#import <React/RCTBridge+Inspector.h>
+#import <React/RCTBridge+Private.h>
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTBridgeModuleDecorator.h>
+#import <React/RCTBridgeProxy+Cxx.h>
+#import <React/RCTBridgeProxy.h>
 #import <React/RCTComponentViewFactory.h>
 #import <React/RCTConstants.h>
 #import <React/RCTCxxUtils.h>
@@ -27,10 +30,12 @@
 #import <React/RCTLogBox.h>
 #import <React/RCTModuleData.h>
 #import <React/RCTPerformanceLogger.h>
+#import <React/RCTRedBox.h>
 #import <React/RCTSurfacePresenter.h>
 #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 +67,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;
@@ -78,19 +83,24 @@ @implementation RCTInstance {
   std::mutex _invalidationMutex;
   std::atomic<bool> _valid;
   RCTJSThreadManager *_jsThreadManager;
+  NSDictionary *_launchOptions;
 
   // 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
+                   launchOptions:(nullable NSDictionary *)launchOptions
 {
   if (self = [super init]) {
     _performanceLogger = [RCTPerformanceLogger new];
@@ -98,7 +108,7 @@ - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
     [_performanceLogger markStartForTag:RCTPLReactInstanceInit];
 
     _delegate = delegate;
-    _jsEngineInstance = jsEngineInstance;
+    _jsRuntimeFactory = jsRuntimeFactory;
     _appTMMDelegate = tmmDelegate;
     _jsThreadManager = [RCTJSThreadManager new];
     _onInitialBundleLoad = onInitialBundleLoad;
@@ -106,6 +116,7 @@ - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
                                                                      moduleRegistry:moduleRegistry
                                                                       bundleManager:bundleManager
                                                                   callableJSModules:[RCTCallableJSModules new]];
+    _parentInspectorTarget = parentInspectorTarget;
     {
       __weak __typeof(self) weakSelf = self;
       [_bridgeModuleDecorator.callableJSModules
@@ -115,11 +126,14 @@ - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
             [weakSelf callFunctionOnJSModule:moduleName method:methodName args:args];
           }];
     }
+    _launchOptions = launchOptions;
+
+    NSNotificationCenter *defaultCenter = [NSNotificationCenter defaultCenter];
 
-    [[NSNotificationCenter defaultCenter] addObserver:self
-                                             selector:@selector(_notifyEventDispatcherObserversOfEvent_DEPRECATED:)
-                                                 name:@"RCTNotifyEventDispatcherObserversOfEvent_DEPRECATED"
-                                               object:nil];
+    [defaultCenter addObserver:self
+                      selector:@selector(_notifyEventDispatcherObserversOfEvent_DEPRECATED:)
+                          name:@"RCTNotifyEventDispatcherObserversOfEvent_DEPRECATED"
+                        object:nil];
 
     [self _start];
   }
@@ -138,7 +152,9 @@ - (void)invalidate
 {
   std::lock_guard<std::mutex> lock(_invalidationMutex);
   _valid = false;
-
+  if (self->_reactInstance) {
+    self->_reactInstance->unregisterFromInspector();
+  }
   [_surfacePresenter suspend];
   [_jsThreadManager dispatchToJSThread:^{
     /**
@@ -149,7 +165,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 +217,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,40 +245,55 @@ - (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();
   timerManager->setRuntimeExecutor(bufferedRuntimeExecutor);
 
-  RCTBridgeProxy *bridgeProxy = RCTTurboModuleInteropEnabled() && RCTTurboModuleInteropBridgeProxyEnabled()
-      ? [[RCTBridgeProxy alloc] initWithViewRegistry:_bridgeModuleDecorator.viewRegistry_DEPRECATED
-            moduleRegistry:_bridgeModuleDecorator.moduleRegistry
-            bundleManager:_bridgeModuleDecorator.bundleManager
-            callableJSModules:_bridgeModuleDecorator.callableJSModules
-            dispatchToJSThread:^(dispatch_block_t block) {
-              __strong __typeof(self) strongSelf = weakSelf;
-              if (strongSelf && strongSelf->_valid) {
-                strongSelf->_reactInstance->getBufferedRuntimeExecutor()([=](jsi::Runtime &runtime) { block(); });
-              }
+  auto jsCallInvoker = make_shared<BridgelessJSCallInvoker>(bufferedRuntimeExecutor);
+  RCTBridgeProxy *bridgeProxy =
+      [[RCTBridgeProxy alloc] initWithViewRegistry:_bridgeModuleDecorator.viewRegistry_DEPRECATED
+          moduleRegistry:_bridgeModuleDecorator.moduleRegistry
+          bundleManager:_bridgeModuleDecorator.bundleManager
+          callableJSModules:_bridgeModuleDecorator.callableJSModules
+          dispatchToJSThread:^(dispatch_block_t block) {
+            __strong __typeof(self) strongSelf = weakSelf;
+            if (strongSelf && strongSelf->_valid) {
+              strongSelf->_reactInstance->getBufferedRuntimeExecutor()([=](jsi::Runtime &runtime) { block(); });
+            }
+          }
+          registerSegmentWithId:^(NSNumber *segmentId, NSString *path) {
+            __strong __typeof(self) strongSelf = weakSelf;
+            if (strongSelf && strongSelf->_valid) {
+              [strongSelf registerSegmentWithId:segmentId path:path];
             }
-            registerSegmentWithId:^(NSNumber *segmentId, NSString *path) {
-              __strong __typeof(self) strongSelf = weakSelf;
-              if (strongSelf && strongSelf->_valid) {
-                [strongSelf registerSegmentWithId:segmentId path:path];
-              }
-            }]
-      : nil;
+          }
+          runtime:_reactInstance->getJavaScriptContext()
+          launchOptions:_launchOptions];
+  bridgeProxy.jsCallInvoker = jsCallInvoker;
+  [RCTBridge setCurrentBridge:(RCTBridge *)bridgeProxy];
 
   // Set up TurboModules
-  _turboModuleManager = [[RCTTurboModuleManager alloc]
-        initWithBridgeProxy:bridgeProxy
-      bridgeModuleDecorator:_bridgeModuleDecorator
-                   delegate:self
-                  jsInvoker:std::make_shared<BridgelessJSCallInvoker>(bufferedRuntimeExecutor)];
+  _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridgeProxy:bridgeProxy
+                                                     bridgeModuleDecorator:_bridgeModuleDecorator
+                                                                  delegate:self
+                                                                 jsInvoker:jsCallInvoker];
+  _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];
@@ -269,6 +311,7 @@ - (void)_start
       facebook::react::wrapManagedObject([_turboModuleManager moduleForName:"RCTEventDispatcher"]));
   contextContainer->insert("RCTBridgeModuleDecorator", facebook::react::wrapManagedObject(_bridgeModuleDecorator));
   contextContainer->insert("RuntimeScheduler", std::weak_ptr<RuntimeScheduler>(_reactInstance->getRuntimeScheduler()));
+  contextContainer->insert("RCTBridgeProxy", facebook::react::wrapManagedObject(bridgeProxy));
 
   _surfacePresenter = [[RCTSurfacePresenter alloc]
         initWithContextContainer:contextContainer
@@ -356,6 +399,24 @@ - (void)_attachBridgelessAPIsToModule:(id<RCTTurboModule>)module
   }
 }
 
+- (void)handleBundleLoadingError:(NSError *)error
+{
+  if (!_valid) {
+    return;
+  }
+
+  RCTRedBox *redBox = [_turboModuleManager moduleForName:"RedBox"];
+
+  RCTExecuteOnMainQueue(^{
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTJavaScriptDidFailToLoadNotification
+                                                        object:self
+                                                      userInfo:@{@"error" : error}];
+    [redBox showErrorMessage:[error localizedDescription]];
+
+    RCTFatal(error);
+  });
+}
+
 - (void)_loadJSBundle:(NSURL *)sourceURL
 {
 #if RCT_DEV_MENU && __has_include(<React/RCTDevLoadingViewProtocol.h>)
@@ -387,8 +448,7 @@ - (void)_loadJSBundle:(NSURL *)sourceURL
         }
 
         if (error) {
-          // TODO(T91461138): Properly address bundle loading errors.
-          RCTLogError(@"RCTInstance: Error while loading bundle: %@", error);
+          [strongSelf handleBundleLoadingError:error];
           [strongSelf invalidate];
           return;
         }
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 bcb1393519d1..bdd653287d0c 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 168ddc3aa122..c56c466909de 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 0d66d5c4416d..5d8bc5ce83f9 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 0d8ea7f32850..3f8a36b39daa 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.h b/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.h
index e11e88c560a7..654cf17657c9 100644
--- a/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.h
+++ b/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.h
@@ -11,7 +11,7 @@
 
 @property int initCount;
 @property int invalidateCount;
-
+@property NSDictionary *launchOptions;
 @property NSString *jsModuleName;
 @property NSString *method;
 @property NSArray *args;
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 77476f9dfd3d..cfe0aac191ce 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:launchOptions:));
     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:launchOptions:));
   RCTSwizzleInstanceSelector([RCTInstance class], [ShimRCTInstance class], @selector(invalidate));
   RCTSwizzleInstanceSelector(
       [RCTInstance class], [ShimRCTInstance class], @selector(callFunctionOnJSModule:method:args:));
@@ -47,11 +49,13 @@ - (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
+                   launchOptions:(NSDictionary *)launchOptions
 {
   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 495648afa6b3..b03c28704591 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 8cf310e1cf01..000000000000
--- 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 80bd5287c5b6..1ae6897bfbc1 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 082631b485bc..1cf5dc68d1e2 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 000000000000..91d912f4a065
--- /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 eae635a8929c..d577d29c7a1d 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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
@@ -42,7 +39,7 @@ Pod::Spec.new do |s|
   s.compiler_flags         = folly_compiler_flags
   s.header_dir             = "react/utils"
   s.exclude_files          = "tests"
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' '),
                                "DEFINES_MODULE" => "YES" }
 
@@ -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
new file mode 100644
index 000000000000..20c5b341e188
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/fnv1a.h
@@ -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.
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <functional>
+#include <string_view>
+
+namespace facebook::react {
+
+/**
+ * FNV-1a hash function implementation.
+ * Implemented as described in http://www.isthe.com/chongo/tech/comp/fnv/.
+ *
+ * Please use std::hash if possible. `fnv1a` should only be used in cases
+ * 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>(CharTransformT{}(c));
+    // Using shifts and adds instead of multiplication with a prime number.
+    // This is faster when compiled with optimizations.
+    hash +=
+        (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);
+  }
+
+  return hash;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/hash_combine.h b/packages/react-native/ReactCommon/react/utils/hash_combine.h
index 2cb16d84a9f7..dab82ca53aae 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 000000000000..4cdc1580d943
--- /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 000000000000..2459b8917dbc
--- /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/utils/tests/fnv1aTests.cpp b/packages/react-native/ReactCommon/react/utils/tests/fnv1aTests.cpp
new file mode 100644
index 000000000000..5c7b76d099a9
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/tests/fnv1aTests.cpp
@@ -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.
+ */
+
+#include <gtest/gtest.h>
+#include <react/utils/fnv1a.h>
+
+namespace facebook::react {
+
+TEST(fnv1aTests, testBasicHashing) {
+  EXPECT_EQ(fnv1a("react"), fnv1a("react"));
+
+  EXPECT_NE(fnv1a("react"), fnv1a("tceat"));
+
+  auto string1 = "case 1";
+  auto string2 = "different string";
+  EXPECT_EQ(fnv1a(string1), fnv1a(string1));
+  EXPECT_NE(fnv1a(string1), fnv1a(string2));
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/to_underlying.h b/packages/react-native/ReactCommon/react/utils/to_underlying.h
new file mode 100644
index 000000000000..6d8d19d2b345
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/to_underlying.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 <type_traits>
+
+namespace facebook::react {
+
+/**
+ * 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
diff --git a/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt b/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt
index d3120f62a8e7..1f19cda575df 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 b359eb2fdbc9..592700ffc04d 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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,5 +32,5 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "**/*.{cpp,h}"
   s.header_dir             = "reactperflogger"
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard() }
 end
diff --git a/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt b/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt
index 315341a91fe6..2ff283f8bcb7 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 6c9b28f46acf..c5d93824a867 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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 2288fbcae6ef..b323b05ed739 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.'
@@ -32,7 +32,10 @@ Pod::Spec.new do |spec|
   spec.requires_arc = false
   spec.pod_target_xcconfig = {
       'DEFINES_MODULE' => 'YES'
-  }
+  }.merge!(ENV['USE_FRAMEWORKS'] != nil ? {
+    'HEADER_SEARCH_PATHS' => '"$(PODS_TARGET_SRCROOT)"'
+} : {})
+
   spec.compiler_flags = [
       '-fno-omit-frame-pointer',
       '-fexceptions',
@@ -52,7 +55,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 08f50a4eced8..c262bac8af89 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 000000000000..b3a82e1adb1a
--- /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 000000000000..7c1a8f297d22
--- /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 a7b1990eed6e..222a5d12a425 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 53d245315ef3..44335277fc0d 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 07ddb1903b99..6d1becce77b5 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 000000000000..57f0473b05e8
--- /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 000000000000..448000ebd714
--- /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 000000000000..93fcf0ad005c
--- /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 000000000000..02ead5883bbc
--- /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 000000000000..d8454053dee5
--- /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 000000000000..09727087ba4e
--- /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 000000000000..a855a292c2d6
--- /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 000000000000..e2a6aeb6989e
--- /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 194d22caa878..7a469b9cc409 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 d6051070b0f4..7fa6fd918e5d 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 7c1caaa3785e..000000000000
--- 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 038ac653a906..000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/Yoga.cpp
+++ /dev/null
@@ -1,962 +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<MSVC_HINT(gap)>(node, &Style::gap, gutter, length);
-}
-
-float YGNodeStyleGetGap(const YGNodeConstRef node, const YGGutter gutter) {
-  auto gapLength = resolveRef(node)->getStyle().gap()[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, YGDimensionWidth, value);
-}
-void YGNodeStyleSetWidthPercent(YGNodeRef node, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, YGDimensionWidth, value);
-}
-void YGNodeStyleSetWidthAuto(YGNodeRef node) {
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, YGDimensionWidth, CompactValue::ofAuto());
-}
-YGValue YGNodeStyleGetWidth(YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().dimension(YGDimensionWidth);
-}
-
-void YGNodeStyleSetHeight(YGNodeRef node, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, YGDimensionHeight, value);
-}
-void YGNodeStyleSetHeightPercent(YGNodeRef node, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, YGDimensionHeight, value);
-}
-void YGNodeStyleSetHeightAuto(YGNodeRef node) {
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, YGDimensionHeight, CompactValue::ofAuto());
-}
-YGValue YGNodeStyleGetHeight(YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().dimension(YGDimensionHeight);
-}
-
-void YGNodeStyleSetMinWidth(const YGNodeRef node, const float minWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(minWidth);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, YGDimensionWidth, value);
-}
-void YGNodeStyleSetMinWidthPercent(const YGNodeRef node, const float minWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(minWidth);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, YGDimensionWidth, value);
-}
-YGValue YGNodeStyleGetMinWidth(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().minDimension(YGDimensionWidth);
-}
-
-void YGNodeStyleSetMinHeight(const YGNodeRef node, const float minHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(minHeight);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, YGDimensionHeight, value);
-}
-void YGNodeStyleSetMinHeightPercent(
-    const YGNodeRef node,
-    const float minHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(minHeight);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, YGDimensionHeight, value);
-}
-YGValue YGNodeStyleGetMinHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().minDimension(YGDimensionHeight);
-}
-
-void YGNodeStyleSetMaxWidth(const YGNodeRef node, const float maxWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(maxWidth);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, YGDimensionWidth, value);
-}
-void YGNodeStyleSetMaxWidthPercent(const YGNodeRef node, const float maxWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(maxWidth);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, YGDimensionWidth, value);
-}
-YGValue YGNodeStyleGetMaxWidth(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().maxDimension(YGDimensionWidth);
-}
-
-void YGNodeStyleSetMaxHeight(const YGNodeRef node, const float maxHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(maxHeight);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, YGDimensionHeight, value);
-}
-void YGNodeStyleSetMaxHeightPercent(
-    const YGNodeRef node,
-    const float maxHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(maxHeight);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, YGDimensionHeight, value);
-}
-YGValue YGNodeStyleGetMaxHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().maxDimension(YGDimensionHeight);
-}
-
-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(YGDimensionWidth);
-}
-
-float YGNodeLayoutGetHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().dimension(YGDimensionHeight);
-}
-
-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 cafbadb66e6c..2a4f20591ed1 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 000000000000..32a13c9d4306
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.cpp
@@ -0,0 +1,598 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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 currentNodeLeftOffsetFromContainingBlock,
+    float currentNodeTopOffsetFromContainingBlock,
+    float containingNodeAvailableInnerWidth,
+    float containingNodeAvailableInnerHeight) {
+  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);
+
+      /*
+       * At this point the child has its position set but only on its the
+       * parent's flexStart edge. Additionally, this position should be
+       * interpreted relative to the containing block of the child if it had
+       * insets defined. So we need to adjust the position by subtracting the
+       * the parents offset from the containing block. However, getting that
+       * offset is complicated since the two nodes can have different main/cross
+       * axes.
+       */
+      const FlexDirection parentMainAxis = resolveDirection(
+          currentNode->style().flexDirection(), currentNodeDirection);
+      const FlexDirection parentCrossAxis =
+          resolveCrossDirection(parentMainAxis, currentNodeDirection);
+
+      if (needsTrailingPosition(parentMainAxis)) {
+        const bool mainInsetsDefined = isRow(parentMainAxis)
+            ? child->style().horizontalInsetsDefined()
+            : child->style().verticalInsetsDefined();
+        setChildTrailingPosition(
+            mainInsetsDefined ? containingNode : currentNode,
+            child,
+            parentMainAxis);
+      }
+      if (needsTrailingPosition(parentCrossAxis)) {
+        const bool crossInsetsDefined = isRow(parentCrossAxis)
+            ? child->style().horizontalInsetsDefined()
+            : child->style().verticalInsetsDefined();
+        setChildTrailingPosition(
+            crossInsetsDefined ? containingNode : currentNode,
+            child,
+            parentCrossAxis);
+      }
+
+      /*
+       * At this point we know the left and top physical edges of the child are
+       * set with positions that are relative to the containing block if insets
+       * are defined
+       */
+      const float childLeftPosition =
+          child->getLayout().position(PhysicalEdge::Left);
+      const float childTopPosition =
+          child->getLayout().position(PhysicalEdge::Top);
+
+      const float childLeftOffsetFromParent =
+          child->style().horizontalInsetsDefined()
+          ? (childLeftPosition - currentNodeLeftOffsetFromContainingBlock)
+          : childLeftPosition;
+      const float childTopOffsetFromParent =
+          child->style().verticalInsetsDefined()
+          ? (childTopPosition - currentNodeTopOffsetFromContainingBlock)
+          : childTopPosition;
+
+      child->setLayoutPosition(childLeftOffsetFromParent, PhysicalEdge::Left);
+      child->setLayoutPosition(childTopOffsetFromParent, PhysicalEdge::Top);
+    } else if (
+        child->style().positionType() == PositionType::Static &&
+        !child->alwaysFormsContainingBlock()) {
+      const Direction childDirection =
+          child->resolveDirection(currentNodeDirection);
+      // By now all descendants of the containing block that are not absolute
+      // will have their positions set for left and top.
+      const float childLeftOffsetFromContainingBlock =
+          currentNodeLeftOffsetFromContainingBlock +
+          child->getLayout().position(PhysicalEdge::Left);
+      const float childTopOffsetFromContainingBlock =
+          currentNodeTopOffsetFromContainingBlock +
+          child->getLayout().position(PhysicalEdge::Top);
+
+      layoutAbsoluteDescendants(
+          containingNode,
+          child,
+          widthSizingMode,
+          childDirection,
+          layoutMarkerData,
+          currentDepth + 1,
+          generationCount,
+          childLeftOffsetFromContainingBlock,
+          childTopOffsetFromContainingBlock,
+          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 000000000000..3beabf9a4a0a
--- /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 196bf873f333..e9ab6df3b7c2 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 90a3506a2799..61cf7dd1e7eb 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp
@@ -19,8 +19,8 @@ float calculateBaseline(const yoga::Node* node) {
     Event::publish<Event::NodeBaselineStart>(node);
 
     const float baseline = node->baseline(
-        node->getLayout().measuredDimension(YGDimensionWidth),
-        node->getLayout().measuredDimension(YGDimensionHeight));
+        node->getLayout().measuredDimension(Dimension::Width),
+        node->getLayout().measuredDimension(Dimension::Height));
 
     Event::publish<Event::NodeBaselineEnd>(node);
 
@@ -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 ||
@@ -53,25 +53,25 @@ float calculateBaseline(const yoga::Node* node) {
   }
 
   if (baselineChild == nullptr) {
-    return node->getLayout().measuredDimension(YGDimensionHeight);
+    return node->getLayout().measuredDimension(Dimension::Height);
   }
 
   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 22489398c495..482a73742dcc 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h
@@ -8,7 +8,7 @@
 #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>
 #include <yoga/numeric/Comparison.h>
@@ -20,9 +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))
-      .unwrap();
+  // 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(YGDimensionHeight), axisSize);
-    max = yoga::resolveValue(
-        node->getStyle().maxDimension(YGDimensionHeight), 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(YGDimensionWidth), axisSize);
-    max = yoga::resolveValue(
-        node->getStyle().maxDimension(YGDimensionWidth), 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 7496e873e04c..9154fc6ce9cc 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 31b91d5f791e..f8857eaf35c9 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 1e726d48128e..e04111f110c1 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,87 +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))
-          .unwrap();
-}
-
-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;
@@ -125,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) &&
@@ -168,76 +108,72 @@ static void computeFlexBasisForChild(
         paddingAndBorderForAxis(child, FlexDirection::Row, ownerWidth));
 
     child->setLayoutComputedFlexBasis(yoga::maxOrDefined(
-        yoga::resolveValue(
-            child->getResolvedDimension(YGDimensionWidth), 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(YGDimensionHeight), 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).unwrap();
+        child->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
     auto marginColumn =
-        child->getMarginForAxis(FlexDirection::Column, ownerWidth).unwrap();
+        child->style().computeMarginForAxis(FlexDirection::Column, ownerWidth);
 
     if (isRowStyleDimDefined) {
-      childWidth =
-          yoga::resolveValue(
-              child->getResolvedDimension(YGDimensionWidth), ownerWidth)
-              .unwrap() +
+      childWidth = child->getResolvedDimension(Dimension::Width)
+                       .resolve(ownerWidth)
+                       .unwrap() +
           marginRow;
-      childWidthMeasureMode = MeasureMode::Exactly;
+      childWidthSizingMode = SizingMode::StretchFit;
     }
     if (isColumnStyleDimDefined) {
-      childHeight =
-          yoga::resolveValue(
-              child->getResolvedDimension(YGDimensionHeight), 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;
       }
     }
 
@@ -245,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;
       }
     }
 
@@ -282,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
@@ -298,8 +234,8 @@ static void computeFlexBasisForChild(
         childWidth,
         childHeight,
         direction,
-        childWidthMeasureMode,
-        childHeightMeasureMode,
+        childWidthSizingMode,
+        childHeightSizingMode,
         ownerWidth,
         ownerHeight,
         false,
@@ -315,241 +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).unwrap();
-  auto marginColumn =
-      child->getMarginForAxis(FlexDirection::Column, width).unwrap();
-
-  if (styleDefinesDimension(child, FlexDirection::Row, width)) {
-    childWidth =
-        yoga::resolveValue(child->getResolvedDimension(YGDimensionWidth), 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(YGDimensionWidth) -
-          (node->getLeadingBorder(FlexDirection::Row) +
-           node->getTrailingBorder(FlexDirection::Row)) -
-          (child->getLeadingPosition(FlexDirection::Row, width) +
-           child->getTrailingPosition(FlexDirection::Row, width))
-              .unwrap();
-      childWidth =
-          boundAxis(child, FlexDirection::Row, childWidth, width, width);
-    }
-  }
-
-  if (styleDefinesDimension(child, FlexDirection::Column, height)) {
-    childHeight = yoga::resolveValue(
-                      child->getResolvedDimension(YGDimensionHeight), 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(YGDimensionHeight) -
-          (node->getLeadingBorder(FlexDirection::Column) +
-           node->getTrailingBorder(FlexDirection::Column)) -
-          (child->getLeadingPosition(FlexDirection::Column, height) +
-           child->getTrailingPosition(FlexDirection::Column, height))
-              .unwrap();
-      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(YGDimensionWidth) +
-        child->getMarginForAxis(FlexDirection::Row, width).unwrap();
-    childHeight = child->getLayout().measuredDimension(YGDimensionHeight) +
-        child->getMarginForAxis(FlexDirection::Column, width).unwrap();
-  }
-
-  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)
-                .unwrap() -
-            child->getTrailingPosition(mainAxis, isMainAxisRow ? width : height)
-                .unwrap(),
-        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)))
-                .unwrap() +
-            node->getLeadingBorder(mainAxis) +
-            child
-                ->getLeadingMargin(
-                    mainAxis,
-                    node->getLayout().measuredDimension(dimension(mainAxis)))
-                .unwrap(),
-        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)
-                .unwrap() -
-            child
-                ->getTrailingPosition(crossAxis, isMainAxisRow ? height : width)
-                .unwrap(),
-        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)))
-                .unwrap() +
-            node->getLeadingBorder(crossAxis) +
-            child
-                ->getLeadingMargin(
-                    crossAxis,
-                    node->getLayout().measuredDimension(dimension(crossAxis)))
-                .unwrap(),
-        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,
@@ -559,35 +266,36 @@ 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)
       ? availableWidth
-      : yoga::maxOrDefined(0, availableWidth - paddingAndBorderAxisRow);
+      : yoga::maxOrDefined(0.0f, availableWidth - paddingAndBorderAxisRow);
   const float innerHeight = yoga::isUndefined(availableHeight)
       ? availableHeight
-      : yoga::maxOrDefined(0, availableHeight - paddingAndBorderAxisColumn);
+      : 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(
             node, FlexDirection::Row, availableWidth, ownerWidth, ownerWidth),
-        YGDimensionWidth);
+        Dimension::Width);
     node->setLayoutMeasuredDimension(
         boundAxis(
             node,
@@ -595,13 +303,16 @@ static void measureNodeWithMeasureFunc(
             availableHeight,
             ownerHeight,
             ownerWidth),
-        YGDimensionHeight);
+        Dimension::Height);
   } else {
     Event::publish<Event::MeasureCallbackStart>(node);
 
     // 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)] +=
@@ -610,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});
@@ -621,25 +332,25 @@ static void measureNodeWithMeasureFunc(
         boundAxis(
             node,
             FlexDirection::Row,
-            (widthMeasureMode == MeasureMode::Undefined ||
-             widthMeasureMode == MeasureMode::AtMost)
+            (widthSizingMode == SizingMode::MaxContent ||
+             widthSizingMode == SizingMode::FitContent)
                 ? measuredSize.width + paddingAndBorderAxisRow
                 : availableWidth,
             ownerWidth,
             ownerWidth),
-        YGDimensionWidth);
+        Dimension::Width);
 
     node->setLayoutMeasuredDimension(
         boundAxis(
             node,
             FlexDirection::Column,
-            (heightMeasureMode == MeasureMode::Undefined ||
-             heightMeasureMode == MeasureMode::AtMost)
+            (heightSizingMode == SizingMode::MaxContent ||
+             heightSizingMode == SizingMode::FitContent)
                 ? measuredSize.height + paddingAndBorderAxisColumn
                 : availableHeight,
             ownerHeight,
             ownerWidth),
-        YGDimensionHeight);
+        Dimension::Height);
   }
 }
 
@@ -649,73 +360,74 @@ 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),
-      YGDimensionWidth);
+      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),
-      YGDimensionHeight);
+      Dimension::Height);
 }
 
 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,
             ownerWidth,
             ownerWidth),
-        YGDimensionWidth);
+        Dimension::Width);
 
     node->setLayoutMeasuredDimension(
         boundAxis(
             node,
             FlexDirection::Column,
             yoga::isUndefined(availableHeight) ||
-                    (heightMeasureMode == MeasureMode::AtMost &&
+                    (heightSizingMode == SizingMode::FitContent &&
                      availableHeight < 0.0f)
                 ? 0.0f
                 : availableHeight,
             ownerHeight,
             ownerWidth),
-        YGDimensionHeight);
+        Dimension::Height);
     return true;
   }
 
@@ -724,8 +436,8 @@ static bool measureNodeWithFixedSize(
 
 static void zeroOutLayoutRecursively(yoga::Node* const node) {
   node->getLayout() = {};
-  node->setLayoutDimension(0, YGDimensionWidth);
-  node->setLayoutDimension(0, YGDimensionHeight);
+  node->setLayoutDimension(0, Dimension::Width);
+  node->setLayoutDimension(0, Dimension::Height);
   node->setHasNewLayout(true);
 
   node->cloneChildrenIfNeeded();
@@ -736,24 +448,24 @@ static void zeroOutLayoutRecursively(yoga::Node* const node) {
 
 static float calculateAvailableInnerDimension(
     const yoga::Node* const node,
-    const YGDimension dimension,
+    const Dimension dimension,
     const float availableDim,
     const float paddingAndBorder,
     const float ownerDim) {
   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
@@ -769,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,
@@ -780,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 ||
@@ -804,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);
@@ -821,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) {
@@ -832,11 +544,11 @@ static float computeFlexBasisForChildren(
           node,
           child,
           availableInnerWidth,
-          widthMeasureMode,
+          widthSizingMode,
           availableInnerHeight,
           availableInnerWidth,
           availableInnerHeight,
-          heightMeasureMode,
+          heightSizingMode,
           direction,
           layoutMarkerData,
           depth,
@@ -844,9 +556,8 @@ static float computeFlexBasisForChildren(
     }
 
     totalOuterFlexBasis +=
-        (child->getLayout().computedFlexBasis +
-         child->getMarginForAxis(mainAxis, availableInnerWidth))
-            .unwrap();
+        (child->getLayout().computedFlexBasis.unwrap() +
+         child->style().computeMarginForAxis(mainAxis, availableInnerWidth));
   }
 
   return totalOuterFlexBasis;
@@ -861,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,
@@ -877,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(
@@ -888,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;
@@ -896,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 {
@@ -914,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();
 
@@ -933,58 +645,56 @@ static float distributeFreeSpaceSecondPass(
 
     deltaFreeSpace += updatedMainSize - childFlexBasis;
 
-    const float marginMain =
-        currentLineChild->getMarginForAxis(mainAxis, availableInnerWidth)
-            .unwrap();
-    const float marginCross =
-        currentLineChild->getMarginForAxis(crossAxis, availableInnerWidth)
-            .unwrap();
+    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(
@@ -992,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
@@ -1025,8 +736,8 @@ static float distributeFreeSpaceSecondPass(
         childWidth,
         childHeight,
         node->getLayout().direction(),
-        childWidthMeasureMode,
-        childHeightMeasureMode,
+        childWidthSizingMode,
+        childHeightSizingMode,
         availableInnerWidth,
         availableInnerHeight,
         isLayoutPass,
@@ -1070,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 /
@@ -1082,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
@@ -1096,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;
@@ -1112,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
@@ -1155,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,
@@ -1181,13 +891,14 @@ static void resolveFlexibleLength(
       node,
       mainAxis,
       crossAxis,
+      direction,
       mainAxisownerSize,
       availableInnerMainDim,
       availableInnerCrossDim,
       availableInnerWidth,
       availableInnerHeight,
       mainAxisOverflows,
-      measureModeCrossDim,
+      sizingModeCrossDim,
       performLayout,
       layoutMarkerData,
       depth,
@@ -1202,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).unwrap();
+      node->style().computeFlexStartPaddingAndBorder(
+          mainAxis, direction, ownerWidth);
   const float trailingPaddingAndBorderMain =
-      node->getTrailingPaddingAndBorder(mainAxis, ownerWidth).unwrap();
-  const float gap = node->getGapForAxis(mainAxis, ownerWidth).unwrap();
+      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
@@ -1231,15 +947,14 @@ 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;
       flexLine.layout.remainingFreeSpace = yoga::maxOrDefined(
-          0, minAvailableMainDim - occupiedSpaceByChildNodes);
+          0.0f, minAvailableMainDim - occupiedSpaceByChildNodes);
     } else {
       flexLine.layout.remainingFreeSpace = 0;
     }
@@ -1248,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++;
       }
     }
@@ -1263,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) {
@@ -1276,7 +991,7 @@ static void justifyMainAxis(
       case Justify::SpaceBetween:
         if (flexLine.itemsInFlow.size() > 1) {
           betweenMainDim +=
-              yoga::maxOrDefined(flexLine.layout.remainingFreeSpace, 0) /
+              yoga::maxOrDefined(flexLine.layout.remainingFreeSpace, 0.0f) /
               static_cast<float>(flexLine.itemsInFlow.size() - 1);
         }
         break;
@@ -1305,79 +1020,76 @@ 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)
-                    .unwrap() +
-                node->getLeadingBorder(mainAxis) +
-                child->getLeadingMargin(mainAxis, availableInnerWidth).unwrap(),
-            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).unwrap() +
+          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)
-                    .unwrap();
+                child->style().computeFlexStartMargin(
+                    FlexDirection::Column, direction, availableInnerWidth);
             const float descent =
-                child->getLayout().measuredDimension(YGDimensionHeight) +
-                child
-                    ->getMarginForAxis(
-                        FlexDirection::Column, availableInnerWidth)
-                    .unwrap() -
+                child->getLayout().measuredDimension(Dimension::Height) +
+                child->style().computeMarginForAxis(
+                    FlexDirection::Column, availableInnerWidth) -
                 ascent;
 
             maxAscentForCurrentLine =
@@ -1390,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));
       }
     }
   }
@@ -1444,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
@@ -1461,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,
@@ -1491,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;
 
@@ -1514,51 +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).unwrap();
+  const float marginRowLeading = node->style().computeInlineStartMargin(
+      flexRowDirection, direction, ownerWidth);
   node->setLayoutMargin(marginRowLeading, startEdge);
-  const float marginRowTrailing =
-      node->getTrailingMargin(flexRowDirection, ownerWidth).unwrap();
+  const float marginRowTrailing = node->style().computeInlineEndMargin(
+      flexRowDirection, direction, ownerWidth);
   node->setLayoutMargin(marginRowTrailing, endEdge);
-  const float marginColumnLeading =
-      node->getLeadingMargin(flexColumnDirection, ownerWidth).unwrap();
-  node->setLayoutMargin(marginColumnLeading, YGEdgeTop);
-  const float marginColumnTrailing =
-      node->getTrailingMargin(flexColumnDirection, ownerWidth).unwrap();
-  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).unwrap(),
+      node->style().computeInlineStartPadding(
+          flexRowDirection, direction, ownerWidth),
       startEdge);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexRowDirection, ownerWidth).unwrap(), endEdge);
+      node->style().computeInlineEndPadding(
+          flexRowDirection, direction, ownerWidth),
+      endEdge);
   node->setLayoutPadding(
-      node->getLeadingPadding(flexColumnDirection, ownerWidth).unwrap(),
-      YGEdgeTop);
+      node->style().computeInlineStartPadding(
+          flexColumnDirection, direction, ownerWidth),
+      PhysicalEdge::Top);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexColumnDirection, ownerWidth).unwrap(),
-      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,
@@ -1572,8 +1289,8 @@ static void calculateLayoutImpl(
         node,
         availableWidth - marginAxisRow,
         availableHeight - marginAxisColumn,
-        widthMeasureMode,
-        heightMeasureMode,
+        widthSizingMode,
+        heightSizingMode,
         ownerWidth,
         ownerHeight);
     return;
@@ -1586,8 +1303,8 @@ static void calculateLayoutImpl(
           node,
           availableWidth - marginAxisRow,
           availableHeight - marginAxisColumn,
-          widthMeasureMode,
-          heightMeasureMode,
+          widthSizingMode,
+          heightSizingMode,
           ownerWidth,
           ownerHeight)) {
     return;
@@ -1601,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).unwrap();
-  const float trailingPaddingAndBorderCross =
-      node->getTrailingPaddingAndBorder(crossAxis, ownerWidth).unwrap();
   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,13 +1348,13 @@ static void calculateLayoutImpl(
 
   float availableInnerWidth = calculateAvailableInnerDimension(
       node,
-      YGDimensionWidth,
+      Dimension::Width,
       availableWidth - marginAxisRow,
       paddingAndBorderAxisRow,
       ownerWidth);
   float availableInnerHeight = calculateAvailableInnerDimension(
       node,
-      YGDimensionHeight,
+      Dimension::Height,
       availableHeight - marginAxisColumn,
       paddingAndBorderAxisColumn,
       ownerHeight);
@@ -1656,8 +1372,8 @@ static void calculateLayoutImpl(
       node,
       availableInnerWidth,
       availableInnerHeight,
-      widthMeasureMode,
-      heightMeasureMode,
+      widthSizingMode,
+      heightSizingMode,
       direction,
       mainAxis,
       performLayout,
@@ -1666,18 +1382,17 @@ static void calculateLayoutImpl(
       generationCount);
 
   if (childCount > 1) {
-    totalMainDim +=
-        node->getGapForAxis(mainAxis, availableInnerCrossDim).unwrap() *
+    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
 
@@ -1691,8 +1406,7 @@ static void calculateLayoutImpl(
   // Accumulated cross dimensions of all lines so far.
   float totalLineCrossDim = 0;
 
-  const float crossAxisGap =
-      node->getGapForAxis(crossAxis, availableInnerCrossDim).unwrap();
+  const float crossAxisGap = node->style().computeGapForAxis(crossAxis);
 
   // Max main dimension of all the lines.
   float maxLineMainDim = 0;
@@ -1712,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
@@ -1722,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(YGDimensionWidth), ownerWidth)
-              .unwrap() -
+          style.minDimension(Dimension::Width).resolve(ownerWidth).unwrap() -
           paddingAndBorderAxisRow;
       const float maxInnerWidth =
-          yoga::resolveValue(style.maxDimension(YGDimensionWidth), ownerWidth)
-              .unwrap() -
+          style.maxDimension(Dimension::Width).resolve(ownerWidth).unwrap() -
           paddingAndBorderAxisRow;
       const float minInnerHeight =
-          yoga::resolveValue(style.minDimension(YGDimensionHeight), ownerHeight)
-              .unwrap() -
+          style.minDimension(Dimension::Height).resolve(ownerHeight).unwrap() -
           paddingAndBorderAxisColumn;
       const float maxInnerHeight =
-          yoga::resolveValue(style.maxDimension(YGDimensionHeight), ownerHeight)
-              .unwrap() -
+          style.maxDimension(Dimension::Height).resolve(ownerHeight).unwrap() -
           paddingAndBorderAxisColumn;
 
       const float minInnerMainDim =
@@ -1746,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 {
@@ -1758,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
@@ -1772,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) {
@@ -1789,13 +1499,14 @@ static void calculateLayoutImpl(
           flexLine,
           mainAxis,
           crossAxis,
+          direction,
           mainAxisownerSize,
           availableInnerMainDim,
           availableInnerCrossDim,
           availableInnerWidth,
           availableInnerHeight,
           mainAxisOverflows,
-          measureModeCrossDim,
+          sizingModeCrossDim,
           performLayout,
           layoutMarkerData,
           depth,
@@ -1803,7 +1514,7 @@ static void calculateLayoutImpl(
     }
 
     node->setLayoutHadOverflow(
-        node->getLayout().hadOverflow() |
+        node->getLayout().hadOverflow() ||
         (flexLine.layout.remainingFreeSpace < 0));
 
     // STEP 6: MAIN-AXIS JUSTIFICATION & CROSS-AXIS SIZE DETERMINATION
@@ -1819,8 +1530,9 @@ static void calculateLayoutImpl(
         startOfLineIndex,
         mainAxis,
         crossAxis,
-        measureModeMainDim,
-        measureModeCrossDim,
+        direction,
+        sizingModeMainDim,
+        sizingModeCrossDim,
         mainAxisownerSize,
         ownerWidth,
         availableInnerMainDim,
@@ -1829,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(
@@ -1843,53 +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)
-                        .unwrap() +
-                    node->getLeadingBorder(crossAxis) +
-                    child->getLeadingMargin(crossAxis, availableInnerWidth)
-                        .unwrap(),
-                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)
-                        .unwrap(),
-                leadingEdge(crossAxis));
+                node->style().computeFlexStartBorder(crossAxis, direction) +
+                    child->style().computeFlexStartMargin(
+                        crossAxis, direction, availableInnerWidth),
+                flexStartEdge(crossAxis));
           }
         } else {
           float leadingCrossDim = leadingPaddingAndBorderCross;
@@ -1903,42 +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)
-                          .unwrap() +
+              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)
-                      .unwrap();
+              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 =
@@ -1946,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,
@@ -1977,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
@@ -1999,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));
         }
       }
     }
@@ -2015,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++) {
@@ -2068,32 +1802,28 @@ 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)
-                        .unwrap());
+                    child->style().computeMarginForAxis(
+                        crossAxis, availableInnerWidth));
           }
           if (resolveChildAlignment(node, child) == Align::Baseline) {
             const float ascent = calculateBaseline(child) +
-                child
-                    ->getLeadingMargin(
-                        FlexDirection::Column, availableInnerWidth)
-                    .unwrap();
+                child->style().computeFlexStartMargin(
+                    FlexDirection::Column, direction, availableInnerWidth);
             const float descent =
-                child->getLayout().measuredDimension(YGDimensionHeight) +
-                child
-                    ->getMarginForAxis(
-                        FlexDirection::Column, availableInnerWidth)
-                    .unwrap() -
+                child->getLayout().measuredDimension(Dimension::Height) +
+                child->style().computeMarginForAxis(
+                    FlexDirection::Column, availableInnerWidth) -
                 ascent;
             maxAscentForCurrentLine =
                 yoga::maxOrDefined(maxAscentForCurrentLine, ascent);
@@ -2105,33 +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)
-                            .unwrap(),
-                    leadingEdge(crossAxis));
+                        child->style().computeFlexStartPosition(
+                            crossAxis, direction, availableInnerWidth),
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::FlexEnd: {
                 child->setLayoutPosition(
                     currentLead + lineHeight -
-                        child->getTrailingMargin(crossAxis, availableInnerWidth)
-                            .unwrap() -
+                        child->style().computeFlexEndMargin(
+                            crossAxis, direction, availableInnerWidth) -
                         child->getLayout().measuredDimension(
                             dimension(crossAxis)),
-                    leadingEdge(crossAxis));
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::Center: {
@@ -2140,49 +1869,49 @@ static void calculateLayoutImpl(
 
                 child->setLayoutPosition(
                     currentLead + (lineHeight - childHeight) / 2,
-                    leadingEdge(crossAxis));
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::Stretch: {
                 child->setLayoutPosition(
                     currentLead +
-                        child->getLeadingMargin(crossAxis, availableInnerWidth)
-                            .unwrap(),
-                    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(
-                             YGDimensionWidth) +
-                         child->getMarginForAxis(mainAxis, availableInnerWidth)
-                             .unwrap())
-                      : lineHeight;
+                             Dimension::Width) +
+                         child->style().computeMarginForAxis(
+                             mainAxis, availableInnerWidth))
+                      : leadPerLine + lineHeight;
 
                   const float childHeight = !isMainAxisRow
                       ? (child->getLayout().measuredDimension(
-                             YGDimensionHeight) +
-                         child->getMarginForAxis(crossAxis, availableInnerWidth)
-                             .unwrap())
-                      : lineHeight;
+                             Dimension::Height) +
+                         child->style().computeMarginForAxis(
+                             crossAxis, availableInnerWidth))
+                      : leadPerLine + lineHeight;
 
                   if (!(yoga::inexactEquals(
                             childWidth,
                             child->getLayout().measuredDimension(
-                                YGDimensionWidth)) &&
+                                Dimension::Width)) &&
                         yoga::inexactEquals(
                             childHeight,
                             child->getLayout().measuredDimension(
-                                YGDimensionHeight)))) {
+                                Dimension::Height)))) {
                     calculateLayoutInternal(
                         child,
                         childWidth,
                         childHeight,
                         direction,
-                        MeasureMode::Exactly,
-                        MeasureMode::Exactly,
+                        SizingMode::StretchFit,
+                        SizingMode::StretchFit,
                         availableInnerWidth,
                         availableInnerHeight,
                         true,
@@ -2198,23 +1927,24 @@ static void calculateLayoutImpl(
                 child->setLayoutPosition(
                     currentLead + maxAscentForCurrentLine -
                         calculateBaseline(child) +
-                        child
-                            ->getLeadingPosition(
-                                FlexDirection::Column, availableInnerCrossDim)
-                            .unwrap(),
-                    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;
     }
   }
 
@@ -2227,7 +1957,7 @@ static void calculateLayoutImpl(
           availableWidth - marginAxisRow,
           ownerWidth,
           ownerWidth),
-      YGDimensionWidth);
+      Dimension::Width);
 
   node->setLayoutMeasuredDimension(
       boundAxis(
@@ -2236,13 +1966,13 @@ static void calculateLayoutImpl(
           availableHeight - marginAxisColumn,
           ownerHeight,
           ownerWidth),
-      YGDimensionHeight);
+      Dimension::Height);
 
   // 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(
@@ -2251,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(
@@ -2267,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(
@@ -2282,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(
@@ -2301,57 +2031,32 @@ 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);
+    // STEP 10: SETTING TRAILING POSITIONS FOR CHILDREN
+    const bool needsMainTrailingPos = needsTrailingPosition(mainAxis);
+    const bool needsCrossTrailingPos = needsTrailingPosition(crossAxis);
 
-      layoutAbsoluteChild(
-          node,
-          child,
-          absolutePercentageAgainstPaddingEdge
-              ? node->getLayout().measuredDimension(YGDimensionWidth)
-              : availableInnerWidth,
-          isMainAxisRow ? measureModeMainDim : measureModeCrossDim,
-          absolutePercentageAgainstPaddingEdge
-              ? node->getLayout().measuredDimension(YGDimensionHeight)
-              : availableInnerHeight,
-          direction,
-          layoutMarkerData,
-          depth,
-          generationCount);
-    }
-
-    // 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;
-
-    // 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) {
@@ -2363,36 +2068,25 @@ 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";
+    // STEP 11: SIZING AND POSITIONING ABSOLUTE CHILDREN
+    // Let the containing block layout its absolute descendants.
+    if (node->style().positionType() != PositionType::Static ||
+        node->alwaysFormsContainingBlock() || depth == 1) {
+      layoutAbsoluteDescendants(
+          node,
+          node,
+          isMainAxisRow ? sizingModeMainDim : sizingModeCrossDim,
+          direction,
+          layoutMarkerData,
+          depth,
+          generationCount,
+          0.0f,
+          0.0f,
+          availableInnerWidth,
+          availableInnerHeight);
+    }
   }
-  return "";
 }
 
 //
@@ -2408,8 +2102,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,
@@ -2430,8 +2124,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;
   }
@@ -2448,19 +2142,19 @@ bool calculateLayoutInternal(
   // measurements if at all possible.
   if (node->hasMeasureFunc()) {
     const float marginAxisRow =
-        node->getMarginForAxis(FlexDirection::Row, ownerWidth).unwrap();
+        node->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
     const float marginAxisColumn =
-        node->getMarginForAxis(FlexDirection::Column, ownerWidth).unwrap();
+        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,
@@ -2472,13 +2166,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,
@@ -2495,8 +2189,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 {
@@ -2505,9 +2199,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;
       }
@@ -2516,61 +2209,20 @@ bool calculateLayoutInternal(
 
   if (!needToVisitNode && cachedResults != nullptr) {
     layout->setMeasuredDimension(
-        YGDimensionWidth, cachedResults->computedWidth);
+        Dimension::Width, cachedResults->computedWidth);
     layout->setMeasuredDimension(
-        YGDimensionHeight, cachedResults->computedHeight);
+        Dimension::Height, cachedResults->computedHeight);
 
     (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,
@@ -2579,26 +2231,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(YGDimensionWidth),
-          layout->measuredDimension(YGDimensionHeight),
-          LayoutPassReasonToString(reason));
-    }
-
     layout->lastOwnerDirection = ownerDirection;
 
     if (cachedResults == nullptr) {
@@ -2608,9 +2240,6 @@ bool calculateLayoutInternal(
 
       if (layout->nextCachedMeasurementsIndex ==
           LayoutResults::MaxCachedMeasurements) {
-        if (gPrintChanges) {
-          yoga::log(node, LogLevel::Verbose, "Out of cache entries!\n");
-        }
         layout->nextCachedMeasurementsIndex = 0;
       }
 
@@ -2627,22 +2256,22 @@ bool calculateLayoutInternal(
 
       newCacheEntry->availableWidth = availableWidth;
       newCacheEntry->availableHeight = availableHeight;
-      newCacheEntry->widthMeasureMode = widthMeasureMode;
-      newCacheEntry->heightMeasureMode = heightMeasureMode;
+      newCacheEntry->widthSizingMode = widthSizingMode;
+      newCacheEntry->heightSizingMode = heightSizingMode;
       newCacheEntry->computedWidth =
-          layout->measuredDimension(YGDimensionWidth);
+          layout->measuredDimension(Dimension::Width);
       newCacheEntry->computedHeight =
-          layout->measuredDimension(YGDimensionHeight);
+          layout->measuredDimension(Dimension::Height);
     }
   }
 
   if (performLayout) {
     node->setLayoutDimension(
-        node->getLayout().measuredDimension(YGDimensionWidth),
-        YGDimensionWidth);
+        node->getLayout().measuredDimension(Dimension::Width),
+        Dimension::Width);
     node->setLayoutDimension(
-        node->getLayout().measuredDimension(YGDimensionHeight),
-        YGDimensionHeight);
+        node->getLayout().measuredDimension(Dimension::Height),
+        Dimension::Height);
 
     node->setHasNewLayout(true);
     node->setDirty(false);
@@ -2678,55 +2307,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)) {
-    width = (yoga::resolveValue(
-                 node->getResolvedDimension(dimension(FlexDirection::Row)),
-                 ownerWidth) +
-             node->getMarginForAxis(FlexDirection::Row, ownerWidth))
-                .unwrap();
-    widthMeasureMode = MeasureMode::Exactly;
-  } else if (!yoga::resolveValue(
-                  style.maxDimension(YGDimensionWidth), ownerWidth)
-                  .isUndefined()) {
-    width = yoga::resolveValue(style.maxDimension(YGDimensionWidth), ownerWidth)
-                .unwrap();
-    widthMeasureMode = MeasureMode::AtMost;
+  SizingMode widthSizingMode = SizingMode::MaxContent;
+  const auto& style = node->style();
+  if (node->hasDefiniteLength(Dimension::Width, ownerWidth)) {
+    width =
+        (node->getResolvedDimension(dimension(FlexDirection::Row))
+             .resolve(ownerWidth)
+             .unwrap() +
+         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)) {
-    height = (yoga::resolveValue(
-                  node->getResolvedDimension(dimension(FlexDirection::Column)),
-                  ownerHeight) +
-              node->getMarginForAxis(FlexDirection::Column, ownerWidth))
-                 .unwrap();
-    heightMeasureMode = MeasureMode::Exactly;
-  } else if (!yoga::resolveValue(
-                  style.maxDimension(YGDimensionHeight), ownerHeight)
-                  .isUndefined()) {
+  SizingMode heightSizingMode = SizingMode::MaxContent;
+  if (node->hasDefiniteLength(Dimension::Height, ownerHeight)) {
+    height =
+        (node->getResolvedDimension(dimension(FlexDirection::Column))
+             .resolve(ownerHeight)
+             .unwrap() +
+         node->style().computeMarginForAxis(FlexDirection::Column, ownerWidth));
+    heightSizingMode = SizingMode::StretchFit;
+  } else if (style.maxDimension(Dimension::Height)
+                 .resolve(ownerHeight)
+                 .isDefined()) {
     height =
-        yoga::resolveValue(style.maxDimension(YGDimensionHeight), 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,
@@ -2737,14 +2364,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 47b05dbe1f4d..1d5a3fd73945 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 1eb98ea1edcf..1dcc93948016 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h
@@ -10,7 +10,11 @@
 #include <yoga/Yoga.h>
 
 #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 {
 
@@ -46,46 +50,68 @@ 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 YGDimension 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 YGDimensionHeight;
+      return Dimension::Height;
     case FlexDirection::ColumnReverse:
-      return YGDimensionHeight;
+      return Dimension::Height;
     case FlexDirection::Row:
-      return YGDimensionWidth;
+      return Dimension::Width;
     case FlexDirection::RowReverse:
-      return YGDimensionWidth;
+      return Dimension::Width;
   }
 
   fatalWithMessage("Invalid FlexDirection");
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
index f254a7a57391..69ae351efab2 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
@@ -28,26 +28,32 @@ FlexLine calculateFlexLine(
   float totalFlexGrowFactors = 0.0f;
   float totalFlexShrinkScaledFactors = 0.0f;
   size_t endOfLineIndex = startOfLineIndex;
+  size_t firstElementInLineIndex = startOfLineIndex;
 
   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, availableInnerWidth).unwrap();
+      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++;
+      }
       continue;
     }
 
-    const bool isFirstElementInLine = (endOfLineIndex - startOfLineIndex) == 0;
+    const bool isFirstElementInLine =
+        (endOfLineIndex - firstElementInLineIndex) == 0;
 
     child->setLineIndex(lineCount);
     const float childMarginMainAxis =
-        child->getMarginForAxis(mainAxis, availableInnerWidth).unwrap();
+        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 f602a94e2836..7a694565e9b4 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp
@@ -68,11 +68,11 @@ 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(YGDimensionWidth);
-  const double nodeHeight = node->getLayout().dimension(YGDimensionHeight);
+  const double nodeWidth = node->getLayout().dimension(Dimension::Width);
+  const double nodeHeight = node->getLayout().dimension(Dimension::Height);
 
   const double absoluteNodeLeft = absoluteLeft + nodeLeft;
   const double absoluteNodeTop = absoluteTop + nodeTop;
@@ -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
@@ -111,7 +111,7 @@ void roundLayoutResultsToPixelGrid(
             (textRounding && !hasFractionalWidth)) -
             roundValueToPixelGrid(
                 absoluteNodeLeft, pointScaleFactor, false, textRounding),
-        YGDimensionWidth);
+        Dimension::Width);
 
     node->setLayoutDimension(
         roundValueToPixelGrid(
@@ -121,7 +121,7 @@ void roundLayoutResultsToPixelGrid(
             (textRounding && !hasFractionalHeight)) -
             roundValueToPixelGrid(
                 absoluteNodeTop, pointScaleFactor, false, textRounding),
-        YGDimensionHeight);
+        Dimension::Height);
   }
 
   for (yoga::Node* child : node->getChildren()) {
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 4e03d0c50d4d..000000000000
--- 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 000000000000..bd725df13ac6
--- /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 000000000000..84d00edbe50d
--- /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 13fb0e41f2d3..000000000000
--- 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 63f7eb657bb6..000000000000
--- 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 b717d974d15f..607e57747065 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 1bdc0469cfff..e902bd0d1b90 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 2388a744539d..5016053b1fa8 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 929ff1792d0d..bbd8ad19eabb 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 0ae3f17f32f7..000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.cpp
+++ /dev/null
@@ -1,244 +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, CompactValue::ofZero());
-    appendNumberIfNotZero(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, CompactValue::ofUndefined())
-      : yoga::Node::computeEdgeValueForColumn(
-            edges, edge, CompactValue::ofUndefined());
-  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(YGDimensionWidth));
-    appendFormattedString(
-        str, "height: %g; ", node->getLayout().dimension(YGDimensionHeight));
-    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 (yoga::Node::computeColumnGap(
-            style.gap(), CompactValue::ofUndefined()) !=
-        yoga::Node::computeColumnGap(
-            yoga::Node{}.getStyle().gap(), CompactValue::ofUndefined())) {
-      appendNumberIfNotUndefined(
-          str, "column-gap", style.gap()[YGGutterColumn]);
-    }
-    if (yoga::Node::computeRowGap(style.gap(), CompactValue::ofUndefined()) !=
-        yoga::Node::computeRowGap(
-            yoga::Node{}.getStyle().gap(), CompactValue::ofUndefined())) {
-      appendNumberIfNotUndefined(str, "row-gap", style.gap()[YGGutterRow]);
-    }
-
-    appendNumberIfNotAuto(str, "width", style.dimension(YGDimensionWidth));
-    appendNumberIfNotAuto(str, "height", style.dimension(YGDimensionHeight));
-    appendNumberIfNotAuto(
-        str, "max-width", style.maxDimension(YGDimensionWidth));
-    appendNumberIfNotAuto(
-        str, "max-height", style.maxDimension(YGDimensionHeight));
-    appendNumberIfNotAuto(
-        str, "min-width", style.minDimension(YGDimensionWidth));
-    appendNumberIfNotAuto(
-        str, "min-height", style.minDimension(YGDimensionHeight));
-
-    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 268d5ac927d0..000000000000
--- 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 95df12a79033..3896fe2b8b1d 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 2274a980a516..965901525ba8 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 1b5e19c93c3a..5bbabaecde5a 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 c1d8c7a82e53..418ebc1dcd52 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 d6d2b0ee663f..3ab6a33faf18 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 b0cf6210f928..1b43742e0352 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 6ed358155b0c..bbbf9cda431c 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 45f6497ca452..d2d3f6105d5e 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 5c0f4a254e5f..f16bbbcdf452 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 870a3cb2a700..255baa6e27d8 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 45cac9fe3974..d4b2c36019fb 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 80fbcc599f4c..39e2102fff0f 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 782b163c2e11..dc881be831f8 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 1d29103e62f7..20901b02c05a 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 000000000000..21e37d2c2f0d
--- /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 bde2b1896fbe..8a552aacbac9 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 c61fbc6383a2..000000000000
--- 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 36efe95aaf65..57bd19697083 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 ae380a4448d8..96552b7b2a7b 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 9621244813e3..de446621d513 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h
@@ -7,12 +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);
+
+/**
+ * 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 000000000000..6a0f46030e8c
--- /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 4d2c22260075..9c76280acf74 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 d050bfdc73fe..fd70870e65b3 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 df00993c1ad0..f42c27795c10 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h
@@ -9,8 +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>
 
@@ -21,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 = {};
 
@@ -63,26 +53,69 @@ struct LayoutResults {
     hadOverflow_ = hadOverflow;
   }
 
-  float dimension(YGDimension axis) const {
-    return dimensions_[axis];
+  float dimension(Dimension axis) const {
+    return dimensions_[yoga::to_underlying(axis)];
+  }
+
+  void setDimension(Dimension axis, float dimension) {
+    dimensions_[yoga::to_underlying(axis)] = dimension;
+  }
+
+  float measuredDimension(Dimension axis) const {
+    return measuredDimensions_[yoga::to_underlying(axis)];
+  }
+
+  void setMeasuredDimension(Dimension axis, float dimension) {
+    measuredDimensions_[yoga::to_underlying(axis)] = dimension;
+  }
+
+  float position(PhysicalEdge physicalEdge) const {
+    return position_[yoga::to_underlying(physicalEdge)];
   }
 
-  void setDimension(YGDimension axis, float dimension) {
-    dimensions_[axis] = dimension;
+  void setPosition(PhysicalEdge physicalEdge, float dimension) {
+    position_[yoga::to_underlying(physicalEdge)] = dimension;
   }
 
-  float measuredDimension(YGDimension axis) const {
-    return measuredDimensions_[axis];
+  float margin(PhysicalEdge physicalEdge) const {
+    return margin_[yoga::to_underlying(physicalEdge)];
   }
 
-  void setMeasuredDimension(YGDimension axis, float dimension) {
-    measuredDimensions_[axis] = dimension;
+  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 215b5f38dee0..c431940e1643 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,167 +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,
-    CompactValue defaultValue) {
-  if (!edges[rowEdge].isUndefined()) {
-    return edges[rowEdge];
-  } else if (!edges[edge].isUndefined()) {
-    return edges[edge];
-  } else if (!edges[YGEdgeHorizontal].isUndefined()) {
-    return edges[YGEdgeHorizontal];
-  } else if (!edges[YGEdgeAll].isUndefined()) {
-    return edges[YGEdgeAll];
-  } else {
-    return defaultValue;
-  }
-}
-
-CompactValue Node::computeEdgeValueForColumn(
-    const Style::Edges& edges,
-    YGEdge edge,
-    CompactValue defaultValue) {
-  if (!edges[edge].isUndefined()) {
-    return edges[edge];
-  } else if (!edges[YGEdgeVertical].isUndefined()) {
-    return edges[YGEdgeVertical];
-  } else if (!edges[YGEdgeAll].isUndefined()) {
-    return edges[YGEdgeAll];
-  } else {
-    return defaultValue;
-  }
-}
-
-CompactValue Node::computeRowGap(
-    const Style::Gutters& gutters,
-    CompactValue defaultValue) {
-  if (!gutters[YGGutterRow].isUndefined()) {
-    return gutters[YGGutterRow];
-  } else if (!gutters[YGGutterAll].isUndefined()) {
-    return gutters[YGGutterAll];
-  } else {
-    return defaultValue;
-  }
-}
-
-CompactValue Node::computeColumnGap(
-    const Style::Gutters& gutters,
-    CompactValue defaultValue) {
-  if (!gutters[YGGutterColumn].isUndefined()) {
-    return gutters[YGGutterColumn];
-  } else if (!gutters[YGGutterAll].isUndefined()) {
-    return gutters[YGGutterAll];
-  } else {
-    return defaultValue;
-  }
-}
-
-FloatOptional Node::getLeadingPosition(
-    const FlexDirection axis,
-    const float axisSize) const {
-  auto leadingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(),
-            YGEdgeStart,
-            leadingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.position(), leadingEdge(axis), CompactValue::ofZero());
-  return yoga::resolveValue(leadingPosition, axisSize);
-}
-
-FloatOptional Node::getTrailingPosition(
-    const FlexDirection axis,
-    const float axisSize) const {
-  auto trailingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(),
-            YGEdgeEnd,
-            trailingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.position(), trailingEdge(axis), CompactValue::ofZero());
-  return yoga::resolveValue(trailingPosition, axisSize);
-}
-
-bool Node::isLeadingPositionDefined(const FlexDirection axis) const {
-  auto leadingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(),
-            YGEdgeStart,
-            leadingEdge(axis),
-            CompactValue::ofUndefined())
-      : computeEdgeValueForColumn(
-            style_.position(), leadingEdge(axis), CompactValue::ofUndefined());
-  return !leadingPosition.isUndefined();
-}
-
-bool Node::isTrailingPosDefined(const FlexDirection axis) const {
-  auto trailingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(),
-            YGEdgeEnd,
-            trailingEdge(axis),
-            CompactValue::ofUndefined())
-      : computeEdgeValueForColumn(
-            style_.position(), trailingEdge(axis), CompactValue::ofUndefined());
-  return !trailingPosition.isUndefined();
-}
-
-FloatOptional Node::getLeadingMargin(
-    const FlexDirection axis,
-    const float widthSize) const {
-  auto leadingMargin = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.margin(),
-            YGEdgeStart,
-            leadingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.margin(), leadingEdge(axis), CompactValue::ofZero());
-  return leadingMargin.isAuto() ? FloatOptional{0}
-                                : yoga::resolveValue(leadingMargin, widthSize);
-}
-
-FloatOptional Node::getTrailingMargin(
-    const FlexDirection axis,
-    const float widthSize) const {
-  auto trailingMargin = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.margin(),
-            YGEdgeEnd,
-            trailingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.margin(), trailingEdge(axis), CompactValue::ofZero());
-  return trailingMargin.isAuto()
-      ? FloatOptional{0}
-      : yoga::resolveValue(trailingMargin, widthSize);
-}
-
-FloatOptional Node::getMarginForAxis(
-    const FlexDirection axis,
-    const float widthSize) const {
-  return getLeadingMargin(axis, widthSize) + getTrailingMargin(axis, widthSize);
-}
-
-FloatOptional Node::getGapForAxis(
-    const FlexDirection axis,
-    const float widthSize) const {
-  auto gap = isRow(axis)
-      ? computeColumnGap(style_.gap(), CompactValue::ofZero())
-      : computeRowGap(style_.gap(), CompactValue::ofZero());
-  return yoga::resolveValue(gap, widthSize);
-}
-
 YGSize Node::measure(
     float width,
     MeasureMode widthMode,
@@ -224,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) {
@@ -300,22 +149,16 @@ void Node::setLayoutDirection(Direction direction) {
   layout_.setDirection(direction);
 }
 
-void Node::setLayoutMargin(float margin, YGEdge edge) {
-  assertFatal(
-      edge < 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 < 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 < 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) {
@@ -326,10 +169,8 @@ void Node::setLayoutComputedFlexBasis(const FloatOptional computedFlexBasis) {
   layout_.computedFlexBasis = computedFlexBasis;
 }
 
-void Node::setLayoutPosition(float position, YGEdge edge) {
-  assertFatal(
-      edge < 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(
@@ -339,7 +180,7 @@ void Node::setLayoutComputedFlexBasisGeneration(
 
 void Node::setLayoutMeasuredDimension(
     float measuredDimension,
-    YGDimension dimension) {
+    Dimension dimension) {
   layout_.setMeasuredDimension(dimension, measuredDimension);
 }
 
@@ -347,24 +188,25 @@ void Node::setLayoutHadOverflow(bool hadOverflow) {
   layout_.setHadOverflow(hadOverflow);
 }
 
-void Node::setLayoutDimension(float dimensionValue, YGDimension 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.
-FloatOptional Node::relativePosition(
-    const FlexDirection axis,
-    const 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;
   }
-
-  FloatOptional trailingPosition = getTrailingPosition(axis, axisSize);
-  if (!trailingPosition.isUndefined()) {
-    trailingPosition = FloatOptional{-1 * trailingPosition.unwrap()};
+  if (style_.isInlineStartPositionDefined(axis, direction)) {
+    return style_.computeInlineStartPosition(axis, direction, axisSize);
   }
-  return trailingPosition;
+
+  return -1 * style_.computeInlineEndPosition(axis, direction, axisSize);
 }
 
 void Node::setPosition(
@@ -381,66 +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 FloatOptional relativePositionMain =
-      relativePosition(mainAxis, mainSize);
-  const FloatOptional 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).unwrap(),
-      leadingEdge(mainAxis));
+      (style_.computeInlineStartMargin(mainAxis, direction, ownerWidth) +
+       relativePositionMain),
+      mainAxisLeadingEdge);
   setLayoutPosition(
-      (getTrailingMargin(mainAxis, ownerWidth) + relativePositionMain).unwrap(),
-      trailingEdge(mainAxis));
+      (style_.computeInlineEndMargin(mainAxis, direction, ownerWidth) +
+       relativePositionMain),
+      mainAxisTrailingEdge);
   setLayoutPosition(
-      (getLeadingMargin(crossAxis, ownerWidth) + relativePositionCross)
-          .unwrap(),
-      leadingEdge(crossAxis));
+      (style_.computeInlineStartMargin(crossAxis, direction, ownerWidth) +
+       relativePositionCross),
+      crossAxisLeadingEdge);
   setLayoutPosition(
-      (getTrailingMargin(crossAxis, ownerWidth) + relativePositionCross)
-          .unwrap(),
-      trailingEdge(crossAxis));
-}
-
-YGValue Node::marginLeadingValue(const FlexDirection axis) const {
-  if (isRow(axis) && !style_.margin()[YGEdgeStart].isUndefined()) {
-    return style_.margin()[YGEdgeStart];
-  } else {
-    return style_.margin()[leadingEdge(axis)];
-  }
-}
-
-YGValue Node::marginTrailingValue(const 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() {
-  using namespace yoga;
-  const Style& style = getStyle();
-  for (auto dim : {YGDimensionWidth, YGDimensionHeight}) {
-    if (!style.maxDimension(dim).isUndefined() &&
-        yoga::inexactEquals(style.maxDimension(dim), style.minDimension(dim))) {
-      resolvedDimensions_[dim] = style.maxDimension(dim);
+  for (auto dim : {Dimension::Width, Dimension::Height}) {
+    if (style_.maxDimension(dim).isDefined() &&
+        yoga::inexactEquals(
+            style_.maxDimension(dim), style_.minDimension(dim))) {
+      resolvedDimensions_[yoga::to_underlying(dim)] = style_.maxDimension(dim);
     } else {
-      resolvedDimensions_[dim] = style.dimension(dim);
+      resolvedDimensions_[yoga::to_underlying(dim)] = style_.dimension(dim);
     }
   }
 }
@@ -482,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;
@@ -507,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();
   }
@@ -524,74 +348,6 @@ bool Node::isNodeFlexible() {
       (resolveFlexGrow() != 0 || resolveFlexShrink() != 0));
 }
 
-float Node::getLeadingBorder(const FlexDirection axis) const {
-  YGValue leadingBorder = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.border(),
-            YGEdgeStart,
-            leadingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.border(), leadingEdge(axis), CompactValue::ofZero());
-  return fmaxf(leadingBorder.value, 0.0f);
-}
-
-float Node::getTrailingBorder(const FlexDirection axis) const {
-  YGValue trailingBorder = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.border(),
-            YGEdgeEnd,
-            trailingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.border(), trailingEdge(axis), CompactValue::ofZero());
-  return fmaxf(trailingBorder.value, 0.0f);
-}
-
-FloatOptional Node::getLeadingPadding(
-    const FlexDirection axis,
-    const float widthSize) const {
-  auto leadingPadding = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.padding(),
-            YGEdgeStart,
-            leadingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.padding(), leadingEdge(axis), CompactValue::ofZero());
-  return yoga::maxOrDefined(
-      yoga::resolveValue(leadingPadding, widthSize), FloatOptional(0.0f));
-}
-
-FloatOptional Node::getTrailingPadding(
-    const FlexDirection axis,
-    const float widthSize) const {
-  auto trailingPadding = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.padding(),
-            YGEdgeEnd,
-            trailingEdge(axis),
-            CompactValue::ofZero())
-      : computeEdgeValueForColumn(
-            style_.padding(), trailingEdge(axis), CompactValue::ofZero());
-  return yoga::maxOrDefined(
-      yoga::resolveValue(trailingPadding, widthSize), FloatOptional(0.0f));
-}
-
-FloatOptional Node::getLeadingPaddingAndBorder(
-    const FlexDirection axis,
-    const float widthSize) const {
-  return getLeadingPadding(axis, widthSize) +
-      FloatOptional(getLeadingBorder(axis));
-}
-
-FloatOptional Node::getTrailingPaddingAndBorder(
-    const FlexDirection axis,
-    const float widthSize) const {
-  return getTrailingPadding(axis, widthSize) +
-      FloatOptional(getTrailingBorder(axis));
-}
-
 void Node::reset() {
   yoga::assertFatalWithNode(
       this,
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/Node.h b/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
index 359df8514ec7..1eea46f8c1c5 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
@@ -14,12 +14,14 @@
 #include <yoga/Yoga.h>
 
 #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
@@ -28,44 +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}};
-
-  FloatOptional relativePosition(const 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,75 +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(YGDimension dimension) const {
+  Style::Length getResolvedDimension(Dimension dimension) const {
     return resolvedDimensions_[static_cast<size_t>(dimension)];
   }
 
-  static CompactValue computeEdgeValueForColumn(
-      const Style::Edges& edges,
-      YGEdge edge,
-      CompactValue defaultValue);
-
-  static CompactValue computeEdgeValueForRow(
-      const Style::Edges& edges,
-      YGEdge rowEdge,
-      YGEdge edge,
-      CompactValue defaultValue);
-
-  static CompactValue computeRowGap(
-      const Style::Gutters& gutters,
-      CompactValue defaultValue);
-
-  static CompactValue computeColumnGap(
-      const Style::Gutters& gutters,
-      CompactValue defaultValue);
-
-  // Methods related to positions, margin, padding and border
-  FloatOptional getLeadingPosition(
-      const FlexDirection axis,
-      const float axisSize) const;
-  bool isLeadingPositionDefined(const FlexDirection axis) const;
-  bool isTrailingPosDefined(const FlexDirection axis) const;
-  FloatOptional getTrailingPosition(
-      const FlexDirection axis,
-      const float axisSize) const;
-  FloatOptional getLeadingMargin(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getTrailingMargin(
-      const FlexDirection axis,
-      const float widthSize) const;
-  float getLeadingBorder(const FlexDirection flexDirection) const;
-  float getTrailingBorder(const FlexDirection flexDirection) const;
-  FloatOptional getLeadingPadding(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getTrailingPadding(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getLeadingPaddingAndBorder(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getTrailingPaddingAndBorder(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getMarginForAxis(
-      const FlexDirection axis,
-      const float widthSize) const;
-  FloatOptional getGapForAxis(const FlexDirection axis, const float widthSize)
-      const;
   // Setters
 
   void setContext(void* context) {
     context_ = context;
   }
 
-  void setPrintFunc(YGPrintFunc printFunc) {
-    printFunc_ = printFunc;
+  void setAlwaysFormsContainingBlock(bool alwaysFormsContainingBlock) {
+    alwaysFormsContainingBlock_ = alwaysFormsContainingBlock;
   }
 
   void setHasNewLayout(bool hasNewLayout) {
@@ -293,27 +217,22 @@ class YG_EXPORT Node : public ::YGNode {
   void setLayoutComputedFlexBasis(const FloatOptional computedFlexBasis);
   void setLayoutComputedFlexBasisGeneration(
       uint32_t computedFlexBasisGeneration);
-  void setLayoutMeasuredDimension(
-      float measuredDimension,
-      YGDimension dimension);
+  void setLayoutMeasuredDimension(float measuredDimension, Dimension dimension);
   void setLayoutHadOverflow(bool hadOverflow);
-  void setLayoutDimension(float dimensionValue, YGDimension 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(const FlexDirection axis) const;
-  YGValue marginTrailingValue(const FlexDirection axis) const;
-  YGValue resolveFlexBasisPtr() const;
+  Style::Length resolveFlexBasisPtr() const;
   void resolveDimension();
   Direction resolveDirection(const Direction ownerDirection);
   void clearChildren();
@@ -331,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 99eb180d6cf0..0e23a837b956 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h
@@ -7,76 +7,66 @@
 
 #pragma once
 
+#include <algorithm>
 #include <array>
+#include <cmath>
+#include <concepts>
 
 #include <yoga/Yoga.h>
-#include <yoga/numeric/FloatOptional.h>
 
 namespace facebook::yoga {
 
-template <typename FloatT>
-inline bool isUndefined(FloatT value) {
-  return std::isnan(value);
+constexpr bool isUndefined(std::floating_point auto value) {
+  return value != value;
 }
 
-inline float maxOrDefined(const float a, const float b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
-    return fmaxf(a, b);
-  }
-  return yoga::isUndefined(a) ? b : a;
+constexpr bool isDefined(std::floating_point auto value) {
+  return !isUndefined(value);
 }
 
-inline float minOrDefined(const float a, const float b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
-    return fminf(a, b);
-  }
+/**
+ * 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;
 }
 
-inline FloatOptional maxOrDefined(FloatOptional op1, FloatOptional op2) {
-  if (op1 >= op2) {
-    return op1;
-  }
-  if (op2 > op1) {
-    return op2;
+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);
   }
-  return op1.isUndefined() ? op2 : op1;
+
+  return yoga::isUndefined(a) ? b : a;
 }
 
 // Custom equality functions using a hardcoded epsilon of 0.0001f, or returning
 // true if both floats are NaN.
-inline bool inexactEquals(const float a, const float b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
-    return fabs(a - b) < 0.0001f;
+inline bool inexactEquals(float a, float 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(const double a, const double b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
-    return fabs(a - b) < 0.0001;
+inline bool inexactEquals(double a, double 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 FloatOptional a, const FloatOptional b) {
-  return inexactEquals(a.unwrap(), b.unwrap());
-}
-
-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 1f61b842115e..4f2e5db92f84 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h
@@ -7,7 +7,7 @@
 
 #pragma once
 
-#include <cmath>
+#include <yoga/numeric/Comparison.h>
 #include <limits>
 
 namespace facebook::yoga {
@@ -25,53 +25,69 @@ struct FloatOptional {
     return value_;
   }
 
-  bool isUndefined() const {
-    return std::isnan(value_);
+  constexpr float unwrapOrDefault(float defaultValue) const {
+    return isUndefined() ? defaultValue : value_;
+  }
+
+  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
 
-inline bool operator==(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator==(FloatOptional lhs, FloatOptional rhs) {
   return lhs.unwrap() == rhs.unwrap() ||
       (lhs.isUndefined() && rhs.isUndefined());
 }
-inline bool operator!=(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator!=(FloatOptional lhs, FloatOptional rhs) {
   return !(lhs == rhs);
 }
 
-inline bool operator==(FloatOptional lhs, float rhs) {
+constexpr bool operator==(FloatOptional lhs, float rhs) {
   return lhs == FloatOptional{rhs};
 }
-inline bool operator!=(FloatOptional lhs, float rhs) {
+constexpr bool operator!=(FloatOptional lhs, float rhs) {
   return !(lhs == rhs);
 }
 
-inline bool operator==(float lhs, FloatOptional rhs) {
+constexpr bool operator==(float lhs, FloatOptional rhs) {
   return rhs == lhs;
 }
-inline bool operator!=(float lhs, FloatOptional rhs) {
+constexpr bool operator!=(float lhs, FloatOptional rhs) {
   return !(lhs == rhs);
 }
 
-inline FloatOptional operator+(FloatOptional lhs, FloatOptional rhs) {
+constexpr FloatOptional operator+(FloatOptional lhs, FloatOptional rhs) {
   return FloatOptional{lhs.unwrap() + rhs.unwrap()};
 }
 
-inline bool operator>(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator>(FloatOptional lhs, FloatOptional rhs) {
   return lhs.unwrap() > rhs.unwrap();
 }
 
-inline bool operator<(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator<(FloatOptional lhs, FloatOptional rhs) {
   return lhs.unwrap() < rhs.unwrap();
 }
 
-inline bool operator>=(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator>=(FloatOptional lhs, FloatOptional rhs) {
   return lhs > rhs || lhs == rhs;
 }
 
-inline bool operator<=(FloatOptional lhs, FloatOptional rhs) {
+constexpr bool operator<=(FloatOptional lhs, FloatOptional rhs) {
   return lhs < rhs || lhs == rhs;
 }
 
+constexpr FloatOptional maxOrDefined(FloatOptional lhs, FloatOptional rhs) {
+  return FloatOptional{yoga::maxOrDefined(lhs.unwrap(), rhs.unwrap())};
+}
+
+inline bool inexactEquals(FloatOptional lhs, FloatOptional rhs) {
+  return yoga::inexactEquals(lhs.unwrap(), rhs.unwrap());
+}
+
 } // namespace facebook::yoga
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 03722aee83dd..000000000000
--- 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 000000000000..2860a420f9ca
--- /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 c280c6274505..113a8e1df165 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/style/Style.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/Style.h
@@ -7,327 +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<YGDimension>;
-  using Edges = Values<YGEdge>;
-  using Gutters = Values<YGGutter>;
+  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);
   }
 
-  const Gutters& gap() const {
-    return gap_;
+  Style::Length gap(Gutter gutter) const {
+    return pool_.getLength(gap_[yoga::to_underlying(gutter)]);
   }
-  IdxRef<YGGutter, &Style::gap_> gap() {
-    return {*this};
+  void setGap(Gutter gutter, Style::Length value) {
+    pool_.store(gap_[yoga::to_underlying(gutter)], value);
   }
 
-  CompactValue dimension(YGDimension axis) const {
-    return dimensions_[axis];
+  Style::Length dimension(Dimension axis) const {
+    return pool_.getLength(dimensions_[yoga::to_underlying(axis)]);
   }
-  void setDimension(YGDimension axis, CompactValue value) {
-    dimensions_[axis] = value;
+  void setDimension(Dimension axis, Style::Length value) {
+    pool_.store(dimensions_[yoga::to_underlying(axis)], value);
   }
 
-  CompactValue minDimension(YGDimension axis) const {
-    return minDimensions_[axis];
+  Style::Length minDimension(Dimension axis) const {
+    return pool_.getLength(minDimensions_[yoga::to_underlying(axis)]);
   }
-  void setMinDimension(YGDimension axis, CompactValue value) {
-    minDimensions_[axis] = value;
+  void setMinDimension(Dimension axis, Style::Length value) {
+    pool_.store(minDimensions_[yoga::to_underlying(axis)], value);
   }
 
-  CompactValue maxDimension(YGDimension axis) const {
-    return maxDimensions_[axis];
+  Style::Length maxDimension(Dimension axis) const {
+    return pool_.getLength(maxDimensions_[yoga::to_underlying(axis)]);
   }
-  void setMaxDimension(YGDimension axis, CompactValue value) {
-    maxDimensions_[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);
   }
-  Ref<FloatOptional, &Style::aspectRatio_> aspectRatio() {
-    return {*this};
+
+  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();
+  }
+
+  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);
+  }
+
+  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 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_);
+    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 pool_.getLength(gap_[yoga::to_underlying(Gutter::All)]);
+    }
+  }
+
+  Style::Length computeRowGap() const {
+    if (gap_[yoga::to_underlying(Gutter::Row)].isDefined()) {
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::Row)]);
+    } else {
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::All)]);
+    }
+  }
+
+  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)]);
+    }
+  }
+
+  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 000000000000..242698abf4e4
--- /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 000000000000..f4b97f0a9f7d
--- /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 000000000000..f8ee93e47b3f
--- /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 451c0860fc0b..6171a3ab30d8 100755
--- a/packages/react-native/cli.js
+++ b/packages/react-native/cli.js
@@ -10,14 +10,14 @@
 
 '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 isInitCommand = process.argv[2] === 'init';
 const DEFAULT_REGISTRY_HOST =
   process.env.npm_config_registry ?? 'https://registry.npmjs.org/';
 const HEAD = '1000.0.0';
@@ -41,7 +41,19 @@ async function getLatestVersion(registryHost = DEFAULT_REGISTRY_HOST) {
 }
 
 /**
- * npx react-native -> @react-native-comminity/cli
+ * Warn when users are using `npx react-native init`, to raise awareness of the changes from RFC 0759.
+ * @see https://github.com/react-native-community/discussions-and-proposals/tree/main/proposals/0759-react-native-frameworks.md
+ */
+function warnWhenRunningInit() {
+  if (isInitCommand) {
+    console.warn(
+      `\nRunning: ${chalk.grey.bold('npx @react-native-community/cli init')}\n`,
+    );
+  }
+}
+
+/**
+ * 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:
@@ -50,7 +62,12 @@ async function getLatestVersion(registryHost = DEFAULT_REGISTRY_HOST) {
  *
  */
 async function main() {
-  if (isNpxRuntime && !process.env.SKIP && currentVersion !== HEAD) {
+  if (
+    isNpxRuntime &&
+    !process.env.SKIP &&
+    currentVersion !== HEAD &&
+    isInitCommand
+  ) {
     try {
       const latest = await getLatestVersion();
       if (latest !== currentVersion) {
@@ -67,7 +84,10 @@ async function main() {
       // Ignore errors, since it's a nice to have warning
     }
   }
-  return cli.run();
+
+  warnWhenRunningInit();
+
+  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 505dd3fc1638..a603ca2ef560 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/packages/react-native/flow/react.js b/packages/react-native/flow/react.js
new file mode 100644
index 000000000000..4a94675553bd
--- /dev/null
+++ b/packages/react-native/flow/react.js
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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
+ */
+
+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 85876f065cda..3facf139e901 100644
--- a/packages/react-native/gradle/libs.versions.toml
+++ b/packages/react-native/gradle/libs.versions.toml
@@ -1,11 +1,12 @@
 [versions]
 # Android versions
-minSdk = "21"
+minSdk = "23"
 targetSdk = "34"
 compileSdk = "34"
 buildTools = "34.0.0"
+ndkVersion = "26.1.10909125"
 # Dependencies versions
-agp = "8.1.1"
+agp = "8.2.1"
 androidx-annotation = "1.6.0"
 androidx-appcompat = "1.6.1"
 androidx-autofill = "1.1.0"
@@ -13,15 +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"
@@ -33,10 +35,9 @@ yoga-proguard-annotations = "1.19.0"
 # Native Dependencies
 boost="1_83_0"
 doubleconversion="1.1.6"
-fmt="6.2.1"
-folly="2022.05.16.00"
+fmt="9.1.0"
+folly="2024.01.01.00"
 glog="0.3.5"
-libevent="2.1.12"
 gtest="1.12.1"
 
 [libraries]
@@ -50,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" }
@@ -66,6 +64,8 @@ okhttp3-urlconnection = { module = "com.squareup.okhttp3:okhttp-urlconnection",
 okhttp3 = { module = "com.squareup.okhttp3:okhttp", version.ref = "okhttp" }
 okio = { module = "com.squareup.okio:okio", version.ref = "okio" }
 javax-inject = { module = "javax.inject:javax.inject", version.ref = "javax-inject" }
+javax-annotation-api = { module = "javax.annotation:javax.annotation-api", version.ref = "javax-annotation-api" }
+
 junit = {module = "junit:junit", version.ref = "junit" }
 assertj = {module = "org.assertj:assertj-core", version.ref = "assertj" }
 mockito = {module = "org.mockito:mockito-inline", version.ref = "mockito" }
@@ -78,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 7149c6463b52..f087b702545f 100644
--- a/packages/react-native/index.js
+++ b/packages/react-native/index.js
@@ -10,96 +10,97 @@
 
 '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 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 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 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')
@@ -110,7 +111,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 {
@@ -126,7 +127,8 @@ 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')
@@ -173,7 +175,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');
@@ -288,7 +290,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');
   },
@@ -378,47 +380,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;
-  },
 };
 
 if (__DEV__) {
@@ -432,7 +393,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',
       );
     },
@@ -512,7 +474,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',
       );
     },
@@ -625,7 +587,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',
       );
     },
@@ -703,7 +665,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',
       );
     },
@@ -733,7 +695,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 2e131c58923b..c230a46e64c3 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 e45e74a1e696..dc728555fbc9 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 7618e922c581..d74eb040c865 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 e8eb69370876..8a640276385f 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 18f551660f2a..70bce6030f40 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 e98550f23fc7..86cab65f6db1 100644
--- a/packages/react-native/jest/setup.js
+++ b/packages/react-native/jest/setup.js
@@ -12,7 +12,6 @@
 const MockNativeMethods = jest.requireActual('./MockNativeMethods');
 const mockComponent = jest.requireActual('./mockComponent');
 
-jest.requireActual('@react-native/js-polyfills/Object.es8');
 jest.requireActual('@react-native/js-polyfills/error-guard');
 
 Object.defineProperties(global, {
@@ -28,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,
@@ -88,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 591bcf5b2663..133edda066f0 100644
--- a/packages/react-native/package.json
+++ b/packages/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "1000.0.0",
+  "version": "0.74.6",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -47,7 +47,9 @@
     "react-native.config.js",
     "React.podspec",
     "React",
+    "!React/Fabric/RCTThirdPartyFabricComponentsProvider.*",
     "ReactAndroid",
+    "ReactApple",
     "ReactCommon",
     "README.md",
     "rn-get-polyfills.js",
@@ -62,6 +64,9 @@
     "scripts/hermes/hermes-utils.js",
     "scripts/hermes/prepare-hermes-for-build.js",
     "scripts/ios-configure-glog.sh",
+    "scripts/xcode/ccache-clang++.sh",
+    "scripts/xcode/ccache-clang.sh",
+    "scripts/xcode/ccache.conf",
     "scripts/xcode/with-environment.sh",
     "scripts/native_modules.rb",
     "scripts/node-binary.sh",
@@ -77,6 +82,7 @@
     "sdks/hermes-engine",
     "sdks/hermesc",
     "settings.gradle.kts",
+    "src",
     "template.config.js",
     "template",
     "!template/node_modules",
@@ -86,41 +92,50 @@
     "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": {
+    "@types/react": "^18.2.6",
     "react": "18.2.0"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "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/assets-registry": "^0.73.0",
-    "@react-native/community-cli-plugin": "^0.73.0",
-    "@react-native/codegen": "^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/virtualized-lists": "^0.73.0",
+    "@react-native-community/cli": "13.6.9",
+    "@react-native-community/cli-platform-android": "13.6.9",
+    "@react-native-community/cli-platform-ios": "13.6.9",
+    "@react-native/assets-registry": "0.74.88",
+    "@react-native/codegen": "0.74.88",
+    "@react-native/community-cli-plugin": "0.74.88",
+    "@react-native/gradle-plugin": "0.74.88",
+    "@react-native/js-polyfills": "0.74.88",
+    "@react-native/normalize-colors": "0.74.88",
+    "@react-native/virtualized-lists": "0.74.88",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "base64-js": "^1.5.1",
-    "deprecated-react-native-prop-types": "4.2.1",
+    "chalk": "^4.0.0",
     "event-target-shim": "^5.0.1",
     "flow-enums-runtime": "^0.0.6",
+    "glob": "^7.1.1",
     "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",
@@ -137,15 +152,15 @@
         "type": "modules",
         "ios": {},
         "android": {},
-        "jsSrcsDir": "Libraries"
+        "jsSrcsDir": "src"
       },
       {
         "name": "rncore",
         "type": "components",
         "ios": {},
         "android": {},
-        "jsSrcsDir": "Libraries"
+        "jsSrcsDir": "src"
       }
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-native/react-native.config.js b/packages/react-native/react-native.config.js
index 73f60e93e2a2..6a8394e8ac18 100644
--- a/packages/react-native/react-native.config.js
+++ b/packages/react-native/react-native.config.js
@@ -9,14 +9,41 @@
 
 '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,
   startCommand,
 } = require('@react-native/community-cli-plugin');
 
+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: [
     ...ios.commands,
@@ -24,6 +51,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 5d2c4a6cd8bf..e034df6bc988 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=>"2022.05.16.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=>"2022.05.16.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 0b5671bfd2a3..194faddaa88b 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"
@@ -93,25 +94,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"}')
@@ -119,7 +101,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
@@ -138,7 +119,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
@@ -380,12 +361,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=>"2022.05.16.00",
+            :folly_version=>Helpers::Constants.folly_config()[:version],
             :package_json_file => "#{app_path}/ios/../node_modules/react-native/package.json",
             :script_phases => "echo TestScript"
         }])
@@ -399,8 +378,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
@@ -413,11 +391,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)
@@ -429,11 +406,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)
@@ -446,8 +422,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",
@@ -460,7 +435,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])
@@ -482,10 +457,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, [])
@@ -495,12 +469,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, [])
@@ -510,13 +483,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
@@ -535,7 +507,7 @@ def get_podspec_no_fabric_no_script
           'homepage' => 'https://facebook.com/',
           'license' => 'Unlicense',
           'authors' => 'Facebook',
-          'compiler_flags'  => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-documentation -Wno-nullability-completeness -std=c++20",
+          '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-documentation -Wno-nullability-completeness -std=c++20",
           'source' => { :git => '' },
           'header_mappings_dir' => './',
           'platforms' => {
@@ -546,26 +518,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": [],
@@ -580,9 +553,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': [],
         })
@@ -596,12 +570,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 6daec762f57d..000000000000
--- 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 72db5aa4a1e8..94a8f3957490 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 481185d02508..a817fdfdedea 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb
@@ -4,17 +4,30 @@
 # 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
+        @@NewArchWarningEmitted = false
+    end
+end
+
 class NewArchitectureTests < Test::Unit::TestCase
     def teardown
         Pod::UI.reset()
         FileMock.reset()
         ENV["RCT_NEW_ARCH_ENABLED"] = nil
+        NewArchitectureHelper.reset()
     end
 
     # ============================= #
@@ -74,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
@@ -104,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")
+        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")
+        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")
+        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 -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
 
     # =================================== #
@@ -128,18 +144,21 @@ def test_installModulesDependencies_whenNewArchEnabledAndNewArchAndNoSearchPaths
         spec = SpecMock.new
 
         # Act
-        NewArchitectureHelper.install_modules_dependencies(spec, true, '2022.05.16.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")
+        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"=>"2022.05.16.00" },
+                { :dependency_name => "RCT-Folly", "version"=>"2024.01.01.00" },
                 { :dependency_name => "glog" },
                 { :dependency_name => "React-RCTFabric" },
                 { :dependency_name => "React-Codegen" },
@@ -152,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
@@ -162,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, '2022.05.16.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"=>"2022.05.16.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
@@ -189,62 +227,130 @@ def test_installModulesDependencies_whenNewArchDisabledAndSearchPathsAndCompiler
     # Test - Compute New Arch Enabled #
     # =============================== #
 
-    def test_computeNewArchEnabled_whenOnMainAndFlagTrue_returnTrue
+    def test_computeNewArchEnabled_whenOnMainAndFlagTrueAndEnvVarNil_returnTrueWithNoWarning
         version = '1000.0.0'
         new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = nil
+        isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
+
+        assert_equal("1", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
+    end
 
+    def test_computeNewArchEnabled_whenOnMainAndFlagTrueAndEnvVar1_returnTrueWithNoWarning
+        version = '1000.0.0'
+        new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = "1"
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("1", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
+    end
+
+    def test_computeNewArchEnabled_whenOnMainAndFlagFalseAndEnvVarNil_returnFalseWithNoWarning
+        version = '1000.0.0'
+        new_arch_enabled = false
+        ENV['RCT_NEW_ARCH_ENABLED'] = nil
+
+        isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
+
+        assert_equal("0", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
     end
 
-    def test_computeNewArchEnabled_whenOnMainAndFlagFalse_returnFalse
+    def test_computeNewArchEnabled_whenOnMainAndFlagFalseAndEnvVar0_returnFalseWithNoWarning
         version = '1000.0.0'
         new_arch_enabled = false
+        ENV['RCT_NEW_ARCH_ENABLED'] = "0"
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("0", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
     end
 
-    def test_computeNewArchEnabled_whenOnStableAndFlagTrue_returnTrue
+    def test_computeNewArchEnabled_whenOnStableAndFlagTrueAndEnvNil_returnTrueWithNoWarning
         version = '0.73.0'
         new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = nil
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("1", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
     end
 
-    def test_computeNewArchEnabled_whenOnStableAndFlagFalse_returnFalse
+    def test_computeNewArchEnabled_whenOnStableAndFlagTrueAndEnv1_returnTrueWithNoWarning
+        version = '0.73.0'
+        new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = "1"
+
+        isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
+
+        assert_equal("1", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
+    end
+
+    def test_computeNewArchEnabled_whenOnStableAndFlagFalseAndEnvNil_returnFalseWithNoWarning
         version = '0.73.0'
         new_arch_enabled = false
+        ENV['RCT_NEW_ARCH_ENABLED'] = nil
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("0", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
     end
 
-    def test_computeNewArchEnabled_whenOn100AndFlagTrue_returnTrue
-        version = '1.0.0-prealpha.0'
+    def test_computeNewArchEnabled_whenOnStableAndFlagFalseAndEnv0_returnFalseWithNoWarning
+        version = '0.73.0'
+        new_arch_enabled = false
+        ENV['RCT_NEW_ARCH_ENABLED'] = "0"
+
+        isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
+
+        assert_equal("0", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
+    end
+
+    def test_computeNewArchEnabled_whenOn100AndFlagTrueAndEnvNil_returnTrueWithNoWarning
+        version = '0.0.0-prealpha.0'
+        new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = nil
+
+        isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
+
+        assert_equal("1", isEnabled)
+        assert_equal([], Pod::UI.collected_warns)
+    end
+
+    def test_computeNewArchEnabled_whenOn100AndFlagTrueAndEnv1_returnTrueWithWarning
+        version = '0.0.0-prealpha.0'
         new_arch_enabled = true
+        ENV['RCT_NEW_ARCH_ENABLED'] = "1"
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("1", isEnabled)
+        assert_equal(["[New Architecture] Starting from version 1.0.0-prealpha the value of the " \
+            "RCT_NEW_ARCH_ENABLED flag is ignored and the New Architecture is enabled by default."], Pod::UI.collected_warns)
     end
 
-    def test_computeNewArchEnabled_whenOn100PrealphaWithDotsAndFlagFalse_returnTrue
-        version = '1.0.0-prealpha.0'
+
+    def test_computeNewArchEnabled_whenOn100PrealphaWithDotsAndFlagFalseAndEnv0_returnTrueWithWarning
+        version = '0.0.0-prealpha.0'
         new_arch_enabled = false
+        ENV['RCT_NEW_ARCH_ENABLED'] = "0"
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
         assert_equal("1", isEnabled)
+        assert_equal(["[New Architecture] Starting from version 1.0.0-prealpha the value of the " \
+            "RCT_NEW_ARCH_ENABLED flag is ignored and the New Architecture is enabled by default."], Pod::UI.collected_warns)
     end
 
     def test_computeNewArchEnabled_whenOn100PrealphaWithDashAndFlagFalse_returnTrue
-        version = '1.0.0-prealpha-0'
+        version = '0.0.0-prealpha-0'
         new_arch_enabled = false
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
@@ -253,7 +359,7 @@ def test_computeNewArchEnabled_whenOn100PrealphaWithDashAndFlagFalse_returnTrue
     end
 
     def test_computeNewArchEnabled_whenOn100PrealphaOnlyWordsAndFlagFalse_returnTrue
-        version = '1.0.0-prealpha0'
+        version = '0.0.0-prealpha0'
         new_arch_enabled = false
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
@@ -267,7 +373,8 @@ def test_computeNewArchEnabled_whenOnGreaterThan100AndFlagFalse_returnTrue
 
         isEnabled = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, version)
 
-        assert_equal("1", isEnabled)
+        assert_equal("0", isEnabled)
+        assert_equal([], Pod::UI.collected_warns);
     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 22e14ce097d2..45704a3ed71e 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: '2022.05.16.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: "2022.05.16.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 89de036c170e..2b25929fe32d 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
 
@@ -219,94 +217,6 @@ def test_SetGCCPreprocessorDefinitionForHermes_itSetsThePreprocessorForDebug
         assert_nil(hermes_engine_release_config.build_settings[build_setting])
     end
 
-    # ============================ #
-    # Test - Exclude Architectures #
-    # ============================ #
-    def test_excludeArchitectures_whenHermesEngineIsNotIncluded_withNoValue_leaveUnset
-        # Arrange
-        user_project_mock = prepare_empty_user_project_mock()
-        pods_projects_mock = PodsProjectMock.new()
-        installer = InstallerMock.new(PodsProjectMock.new(), [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
-
-        # Act
-        ReactNativePodsUtils.exclude_i386_architecture_while_using_hermes(installer)
-
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            assert_equal(config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"], nil)
-        end
-        assert_equal(user_project_mock.save_invocation_count, 0)
-        assert_equal(pods_projects_mock.save_invocation_count, 0)
-    end
-
-    def test_excludeArchitectures_whenHermesEngineIsNotIncluded_withExistingValue_preserveExistingValue
-        # Arrange
-        user_project_mock = prepare_empty_user_project_mock()
-        user_project_mock.build_configurations.each do |config|
-            config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64"
-        end
-        pods_projects_mock = PodsProjectMock.new()
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
-
-        # Act
-        ReactNativePodsUtils.exclude_i386_architecture_while_using_hermes(installer)
-
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            assert_equal(config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"], "arm64")
-        end
-
-        assert_equal(user_project_mock.save_invocation_count, 0)
-        assert_equal(pods_projects_mock.save_invocation_count, 0)
-    end
-
-    def test_excludeArchitectures_whenHermesEngineIsIncluded_withNoValue_onlyExcludeI386
-        # Arrange
-        user_project_mock = prepare_empty_user_project_mock()
-        pods_projects_mock = PodsProjectMock.new([], {"hermes-engine" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
-
-        # Act
-        ReactNativePodsUtils.exclude_i386_architecture_while_using_hermes(installer)
-
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            assert_equal(config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"], "i386")
-        end
-
-        assert_equal(user_project_mock.save_invocation_count, 1)
-        assert_equal(pods_projects_mock.save_invocation_count, 1)
-    end
-
-    def test_excludeArchitectures_whenHermesEngineIsIncluded_withExistingValue_appendI386
-        # Arrange
-        user_project_mock = prepare_empty_user_project_mock()
-        user_project_mock.build_configurations.each do |config|
-            config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64"
-        end
-        pods_projects_mock = PodsProjectMock.new([], {"hermes-engine" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
-
-        # Act
-        ReactNativePodsUtils.exclude_i386_architecture_while_using_hermes(installer)
-
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            assert_equal(config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"], "arm64 i386")
-        end
-
-        assert_equal(user_project_mock.save_invocation_count, 1)
-        assert_equal(pods_projects_mock.save_invocation_count, 1)
-    end
-
     # ================= #
     # Test - Fix Config #
     # ================= #
@@ -574,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"
@@ -613,7 +569,7 @@ def test_applyXcode15Patch_whenXcodebuild15_correctlyAppliesNecessaryPatch
 
         # Assert
         user_project_mock.build_configurations.each do |config|
-            assert_equal("$(inherited) -Wl -ld_classic ", config.build_settings["OTHER_LDFLAGS"])
+            assert_equal("$(inherited) -Wl -ld_classic", config.build_settings["OTHER_LDFLAGS"])
         end
 
         # User project and Pods project
@@ -662,7 +618,7 @@ def test_applyXcode15Patch_whenXcodebuild14ButProjectHasSettings_correctlyRemove
 
         # Assert
         user_project_mock.build_configurations.each do |config|
-            assert_equal("$(inherited) ", config.build_settings["OTHER_LDFLAGS"])
+            assert_equal("$(inherited)", config.build_settings["OTHER_LDFLAGS"])
         end
 
         # User project and Pods project
@@ -834,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
 
@@ -881,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')
+
+        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_applyATSConfig_plistNil
+    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
 
 # ===== #
@@ -1037,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 898e3995f384..d1c2c58d26a8 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: '2022.05.16.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 78e39ed862a2..ebdc01e9fef7 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,16 +66,14 @@ 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: '2022.05.16.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 -Wno-comma -Wno-shorten-64-to-32'
+        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'
 
         header_search_paths = [
@@ -86,27 +85,26 @@ def get_react_codegen_spec(package_json_file, folly_version: '2022.05.16.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: '2022.05.16.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: '2022.05.16.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: '2022.05.16.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 5930723785f9..000000000000
--- 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 4a4618900228..5ef30a3e77ec 100644
--- a/packages/react-native/scripts/cocoapods/helpers.rb
+++ b/packages/react-native/scripts/cocoapods/helpers.rb
@@ -40,5 +40,20 @@ class Constants
         def self.min_ios_version_supported
             return '13.4'
         end
+
+        def self.min_xcode_version_supported
+            return '14.3'
+        end
+
+        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
+
+        def self.cxx_language_standard
+            return "c++20"
+        end
     end
 end
diff --git a/packages/react-native/scripts/cocoapods/jsengine.rb b/packages/react-native/scripts/cocoapods/jsengine.rb
index 12f8cd656749..221c2ab23a04 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', '~> 2.1.12'
 end
diff --git a/packages/react-native/scripts/cocoapods/new_architecture.rb b/packages/react-native/scripts/cocoapods/new_architecture.rb
index 7210379bdded..3c70013d779a 100644
--- a/packages/react-native/scripts/cocoapods/new_architecture.rb
+++ b/packages/react-native/scripts/cocoapods/new_architecture.rb
@@ -5,97 +5,61 @@
 
 require 'json'
 
-class NewArchitectureHelper
-    @@shared_flags = "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1"
-
-    @@folly_compiler_flags = "#{@@shared_flags} -Wno-comma -Wno-shorten-64-to-32"
+require_relative "./utils.rb"
+require_relative "./helpers.rb"
 
-    @@new_arch_cpp_flags = "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 #{@@shared_flags}"
-
-    @@cplusplus_version = "c++20"
+class NewArchitectureHelper
+    @@NewArchWarningEmitted = false # Used not to spam warnings to the user.
 
     def self.set_clang_cxx_language_standard_if_needed(installer)
-        language_standard = nil
-
-        installer.pods_project.targets.each do |target|
-            # 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 target.name.include? 'React-Core'
-                language_standard = target.resolved_build_setting("CLANG_CXX_LANGUAGE_STANDARD", resolve_against_xcconfig: true).values[0]
-            end
-        end
+        projects = installer.aggregate_targets
+            .map{ |t| t.user_project }
+            .uniq{ |p| p.path }
 
-        unless language_standard.nil?
-            projects = installer.aggregate_targets
-                .map{ |t| t.user_project }
-                .uniq{ |p| p.path }
+        projects.each do |project|
+            Pod::UI.puts("Setting CLANG_CXX_LANGUAGE_STANDARD to #{ Helpers::Constants::cxx_language_standard } on #{ project.path }")
 
-            projects.each do |project|
-                Pod::UI.puts("Setting CLANG_CXX_LANGUAGE_STANDARD to #{ language_standard } on #{ project.path }")
-
-                project.build_configurations.each do |config|
-                    config.build_settings["CLANG_CXX_LANGUAGE_STANDARD"] = language_standard
-                end
-
-                project.save()
+            project.build_configurations.each do |config|
+                config.build_settings["CLANG_CXX_LANGUAGE_STANDARD"] = Helpers::Constants::cxx_language_standard
             end
+
+            project.save()
         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"] : ""
@@ -106,61 +70,67 @@ 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}"
-        current_config["CLANG_CXX_LANGUAGE_STANDARD"] = @@cplusplus_version
+        current_config["CLANG_CXX_LANGUAGE_STANDARD"] = Helpers::Constants::cxx_language_standard
 
 
         spec.dependency "React-Core"
-        spec.dependency "RCT-Folly", '2022.05.16.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)
@@ -184,11 +154,18 @@ def self.compute_new_arch_enabled(new_arch_enabled, react_native_version)
 
         if match_data = react_native_version.match(version_regex)
 
-            major = match_data[1].to_i
+            prerelease = match_data[4].to_s
 
             # We want to enforce the new architecture for 1.0.0 and greater,
             # but not for 1000 as version 1000 is currently main.
-            if major > 0 && major < 1000
+            if prerelease.include?("prealpha")
+                if ENV['RCT_NEW_ARCH_ENABLED'] != nil && !@@NewArchWarningEmitted
+                    warning_message = "[New Architecture] Starting from version 1.0.0-prealpha the value of the " \
+                                      "RCT_NEW_ARCH_ENABLED flag is ignored and the New Architecture is enabled by default."
+                    Pod::UI.warn warning_message
+                    @@NewArchWarningEmitted = true
+                end
+
                 return "1"
             end
         end
diff --git a/packages/react-native/scripts/cocoapods/privacy_manifest_utils.rb b/packages/react-native/scripts/cocoapods/privacy_manifest_utils.rb
new file mode 100644
index 000000000000..922a87abddf2
--- /dev/null
+++ b/packages/react-native/scripts/cocoapods/privacy_manifest_utils.rb
@@ -0,0 +1,179 @@
+# Copyright (c) Meta Platforms, Inc. 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 PrivacyManifestUtils
+    def self.add_aggregated_privacy_manifest(installer)
+        user_project = get_user_project_from(installer)
+        targets = get_application_targets(user_project)
+        file_path = get_privacyinfo_file_path(user_project, targets)
+
+        privacy_info = read_privacyinfo_file(file_path) || {
+            "NSPrivacyCollectedDataTypes" => [],
+            "NSPrivacyTracking" => false
+        }
+
+        # Get all required reason APIs defined in current pods
+        required_reason_apis = get_used_required_reason_apis(installer)
+
+        # Add the Required Reason APIs from React Native core
+        get_core_accessed_apis.each do |accessed_api|
+            api_type = accessed_api["NSPrivacyAccessedAPIType"]
+            reasons = accessed_api["NSPrivacyAccessedAPITypeReasons"]
+            required_reason_apis[api_type] ||= []
+            required_reason_apis[api_type] += reasons
+        end
+
+        # Merge the Required Reason APIs from pods with the ones from the existing PrivacyInfo file
+        (privacy_info["NSPrivacyAccessedAPITypes"] || []).each do |accessed_api|
+            api_type = accessed_api["NSPrivacyAccessedAPIType"]
+            reasons = accessed_api["NSPrivacyAccessedAPITypeReasons"]
+            # Add reasons from existing PrivacyInfo file to the ones from pods
+            required_reason_apis[api_type] ||= []
+            required_reason_apis[api_type] += reasons
+        end
+
+        # Update the existing PrivacyInfo file with the new aggregated data
+        privacy_info["NSPrivacyAccessedAPITypes"] = required_reason_apis.map { |api_type, reasons|
+            {
+            "NSPrivacyAccessedAPIType" => api_type,
+            "NSPrivacyAccessedAPITypeReasons" => reasons.uniq
+            }
+        }
+
+        Xcodeproj::Plist.write_to_path(privacy_info, file_path)
+
+        targets.each do |target|
+            ensure_reference(file_path, user_project, target)
+        end
+    end
+
+    def self.get_application_targets(user_project)
+        return user_project.targets.filter { |t| t.respond_to?(:symbol_type) && t.symbol_type == :application }
+    end
+
+    def self.read_privacyinfo_file(file_path)
+        # Maybe add missing default NSPrivacyTracking, NSPrivacyTrackingDomains, NSPrivacyCollectedDataTypes, but this works without those keys
+        source_data = nil
+        # Try to read an existing PrivacyInfo.xcprivacy file
+        begin
+            source_data = Xcodeproj::Plist.read_from_path(file_path)
+            Pod::UI.puts "[Privacy Manifest Aggregation] Appending aggregated reasons to existing PrivacyInfo.xcprivacy file."
+        rescue => e
+            Pod::UI.puts "[Privacy Manifest Aggregation] No existing PrivacyInfo.xcprivacy file found, creating a new one."
+        end
+        return source_data
+    end
+
+    def self.ensure_reference(file_path, user_project, target)
+        reference_exists = target.resources_build_phase.files_references.any? { |file_ref| file_ref&.path&.end_with? "PrivacyInfo.xcprivacy" }
+        unless reference_exists
+            # We try to find the main group, but if it doesn't exist, we default to adding the file to the project root – both work
+            file_root = user_project.root_object.main_group.children.find { |group|
+                group.class == Xcodeproj::Project::Object::PBXGroup && (group.name == target.name || group.path == target.name)
+            } || user_project
+            file_ref = file_root.new_file(file_path)
+            build_file = target.resources_build_phase.add_file_reference(file_ref, true)
+        end
+    end
+
+    def self.get_privacyinfo_file_path(user_project, targets)
+        
+        file_refs = targets.flat_map { |target| target.resources_build_phase.files_references }
+        existing_file = file_refs.find { |file_ref| file_ref&.path&.end_with?("PrivacyInfo.xcprivacy") }
+
+
+        if existing_file
+            return existing_file.real_path
+        end
+
+        # We try to find a file we know exists in the project to get the path to the main group directory
+        info_plist_path = user_project.files.find { |file_ref| file_ref.name == "Info.plist" }
+        if info_plist_path.nil?
+            # return path that is sibling to .xcodeproj
+
+            path = user_project.path
+
+            return File.join(File.dirname(path), "PrivacyInfo.xcprivacy")
+        end
+        return File.join(File.dirname(info_plist_path.real_path),"PrivacyInfo.xcprivacy")
+    end
+
+    def self.get_used_required_reason_apis(installer)
+        # A dictionary with keys of type string (NSPrivacyAccessedAPIType) and values of type string[] (NSPrivacyAccessedAPITypeReasons[])
+        used_apis = {}
+        Pod::UI.puts "[Privacy Manifest Aggregation] Reading .xcprivacy files to aggregate all used Required Reason APIs."
+        installer.pod_targets.each do |pod_target|
+            # puts pod_target
+            pod_target.file_accessors.each do |file_accessor|
+            file_accessor.resource_bundles.each do |bundle_name, bundle_files|
+                bundle_files.each do |file_path|
+                # This needs to be named like that due to apple requirements
+                if File.basename(file_path) == 'PrivacyInfo.xcprivacy'
+                    content = Xcodeproj::Plist.read_from_path(file_path)
+                    accessed_api_types = content["NSPrivacyAccessedAPITypes"]
+                    accessed_api_types&.each do |accessed_api|
+                      api_type = accessed_api["NSPrivacyAccessedAPIType"]
+                      reasons = accessed_api["NSPrivacyAccessedAPITypeReasons"]
+                      next unless api_type
+                      used_apis[api_type] ||= []
+                      used_apis[api_type] += reasons
+                    end
+                end
+                end
+            end
+            end
+        end
+
+        return used_apis
+    end
+
+    def self.get_privacy_manifest_paths_from(user_project)
+        privacy_manifests = user_project
+            .files
+            .select { |p|
+                p&.path&.end_with?('PrivacyInfo.xcprivacy')
+            }
+        return privacy_manifests
+    end
+
+    def self.get_core_accessed_apis()
+        file_timestamp_accessed_api = {
+            "NSPrivacyAccessedAPIType" => "NSPrivacyAccessedAPICategoryFileTimestamp",
+            "NSPrivacyAccessedAPITypeReasons" => ["C617.1"],
+        }
+        user_defaults_accessed_api = {
+            "NSPrivacyAccessedAPIType" => "NSPrivacyAccessedAPICategoryUserDefaults",
+            "NSPrivacyAccessedAPITypeReasons" => ["CA92.1"],
+        }
+        boot_time_accessed_api = {
+            "NSPrivacyAccessedAPIType" => "NSPrivacyAccessedAPICategorySystemBootTime",
+            "NSPrivacyAccessedAPITypeReasons" => ["35F9.1"],
+        }
+        return [file_timestamp_accessed_api, user_defaults_accessed_api, boot_time_accessed_api]
+    end
+
+
+    def self.get_user_project_from(installer)
+        user_project = installer.aggregate_targets
+                    .map{ |t| t.user_project }
+                    .first
+        return user_project
+    end
+
+    def self.add_privacy_manifest_if_needed(installer)
+        user_project = get_user_project_from(installer)
+        privacy_manifest = self.get_privacy_manifest_paths_from(user_project).first
+        if privacy_manifest.nil?
+            privacy_manifest = {
+                "NSPrivacyCollectedDataTypes" => [],
+                "NSPrivacyTracking" => false,
+                "NSPrivacyAccessedAPITypes" => get_core_accessed_apis
+            }
+            path = File.join(user_project&.path.parent, "PrivacyInfo.xcprivacy")
+            Xcodeproj::Plist.write_to_path(privacy_manifest, path)
+            Pod::UI.puts "Your app does not have a privacy manifest! A template has been generated containing Required Reasons API usage in the core React Native library. Please add the PrivacyInfo.xcprivacy file to your project and complete data use, tracking and any additional required reasons your app is using according to Apple's guidance: https://developer.apple.com/documentation/bundleresources/privacy_manifest_files. Then, you will need to manually add this file to your project in Xcode.".red
+        end
+    end
+end
diff --git a/packages/react-native/scripts/cocoapods/utils.rb b/packages/react-native/scripts/cocoapods/utils.rb
index d034f40ac4c3..92f45efc0b85 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'
@@ -45,6 +44,7 @@ def self.has_pod(installer, name)
     def self.set_gcc_preprocessor_definition_for_React_hermes(installer)
         self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "HERMES_ENABLE_DEBUGGER=1", "React-hermes", "Debug")
         self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "HERMES_ENABLE_DEBUGGER=1", "hermes-engine", "Debug")
+        self.add_build_settings_to_pod(installer, "GCC_PREPROCESSOR_DEFINITIONS", "HERMES_ENABLE_DEBUGGER=1", "React-RuntimeHermes", "Debug")
     end
 
     def self.turn_off_resource_bundle_react_core(installer)
@@ -61,31 +61,6 @@ def self.turn_off_resource_bundle_react_core(installer)
         end
     end
 
-    def self.exclude_i386_architecture_while_using_hermes(installer)
-        is_using_hermes = self.has_pod(installer, 'hermes-engine')
-
-        if is_using_hermes
-            key = "EXCLUDED_ARCHS[sdk=iphonesimulator*]"
-
-            projects = self.extract_projects(installer)
-
-            projects.each do |project|
-                project.build_configurations.each do |config|
-                    current_setting = config.build_settings[key] || ""
-
-                    excluded_archs_includes_I386 = current_setting.include?("i386")
-
-                    if !excluded_archs_includes_I386
-                        # Hermes does not support `i386` architecture
-                        config.build_settings[key] = "#{current_setting} i386".strip
-                    end
-                end
-
-                project.save()
-            end
-        end
-    end
-
     def self.set_use_hermes_build_setting(installer, hermes_enabled)
         Pod::UI.puts("Setting USE_HERMES build settings")
         projects = self.extract_projects(installer)
@@ -112,6 +87,57 @@ 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
+
+        # 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')
+
+        if ccache_available and ccache_enabled
+            Pod::UI.puts("#{message_prefix}: Setting CC, LD, CXX & LDPLUSPLUS build settings")
+
+            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'")
+        else
+            Pod::UI.puts("#{message_prefix}: Removing Ccache from CC, LD, CXX & LDPLUSPLUS build settings")
+
+            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"] = config.build_settings["CC"] ? config.build_settings["CC"].gsub(/#{Regexp.escape(ccache_clang_sh)}/, '') : ""
+                    config.build_settings["LD"] = config.build_settings["LD"] ? config.build_settings["LD"].gsub(/#{Regexp.escape(ccache_clang_sh)}/, "") : ""
+                    config.build_settings["CXX"] = config.build_settings["CXX"] ? config.build_settings["CXX"].gsub(/#{Regexp.escape(ccache_clangpp_sh)}/, "") : ""
+                    config.build_settings["LDPLUSPLUS"] = config.build_settings["LDPLUSPLUS"] ? config.build_settings["LDPLUSPLUS"].gsub(/#{Regexp.escape(ccache_clangpp_sh)}/, "") : ""
+                end
+
+                project.save()
+            end
+        end
+    end
+
     def self.fix_library_search_paths(installer)
         projects = self.extract_projects(installer)
 
@@ -162,10 +188,10 @@ 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_to_setting_if_present(config, other_ld_flags_key, xcode15_compatibility_flags)
+                    self.remove_value_from_setting_if_present(config, other_ld_flags_key, xcode15_compatibility_flags)
                 end
             end
             project.save()
@@ -173,22 +199,13 @@ 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)
         installer.target_installation_results.pod_target_installation_results.each do |pod_name, target_installation_result|
             if pod_name.to_s == target_pod_name
                 target_installation_result.native_target.build_configurations.each do |config|
-                        if configuration == nil || (configuration != nil && configuration == config.name)
+                        if configuration == nil || (configuration != nil && config.name.include?(configuration))
                             config.build_settings[settings_name] ||= '$(inherited) '
                             config.build_settings[settings_name] << settings_value
                         end
@@ -227,7 +244,18 @@ def self.create_xcode_env_if_missing(file_manager: File)
         end
 
         if !file_manager.exist?("#{file_path}.local")
-            node_binary = `command -v node`
+            # When installing pods with a yarn alias, yarn creates a fake yarn and node executables
+            # in a temporary folder.
+            # Using `type -a` we are able to retrieve all the paths of an executable and we can
+            # exclude the temporary ones.
+            # see https://github.com/facebook/react-native/issues/43285 for more info
+            node_binary = `type -a node`.split("\n").map { |path|
+                path.gsub!("node is ", "")
+            }.select { |b|
+                return !b.start_with?("/var")
+            }
+
+            node_binary = node_binary[0]
             system("echo 'export NODE_BINARY=#{node_binary}' > #{file_path}.local")
         end
     end
@@ -254,6 +282,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
 
@@ -264,12 +332,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
@@ -291,34 +361,31 @@ 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
+                target_installation_result.native_target.build_configurations.each do |config|
+                    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
                 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|
-                    config.build_settings["IPHONEOS_DEPLOYMENT_TARGET"] = Helpers::Constants.min_ios_version_supported
+                    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
 
     # ========= #
@@ -341,38 +408,65 @@ def self.safe_init(config, setting_name)
 
     def self.add_value_to_setting_if_missing(config, setting_name, value)
         old_config = config.build_settings[setting_name]
-        if !old_config.include?(value)
-            config.build_settings[setting_name] << value
+        if old_config.is_a?(Array)
+            old_config = old_config.join(" ")
+        end
+
+        trimmed_value = value.strip()
+        if !old_config.include?(trimmed_value)
+            config.build_settings[setting_name] = "#{old_config.strip()} #{trimmed_value}".strip()
         end
     end
 
-    def self.remove_value_to_setting_if_present(config, setting_name, value)
+    def self.remove_value_from_setting_if_present(config, setting_name, value)
         old_config = config.build_settings[setting_name]
-        if old_config.include?(value)
-            # Old config can be either an Array or a String
-            if old_config.is_a?(Array)
-                old_config = old_config.join(" ")
-            end
-            new_config = old_config.gsub(value,  "")
-            config.build_settings[setting_name] = new_config
+        if old_config.is_a?(Array)
+            old_config = old_config.join(" ")
+        end
+
+        trimmed_value = value.strip()
+        if old_config.include?(trimmed_value)
+            new_config = old_config.gsub(trimmed_value,  "")
+            config.build_settings[setting_name] = new_config.strip()
         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
 
+        if version = self.parse_xcode_version(xcodebuild_version)
+            return version["major"] == 15 && version["minor"] == 0
+        end
+
+        return false
+    end
+
+    def self.parse_xcode_version(version_string)
         # The output of xcodebuild -version is something like
         # Xcode 15.0
         # or
         # Xcode 14.3.1
         # We want to capture the version digits
-        regex = /(\d+)\.(\d+)(?:\.(\d+))?/
-        if match_data = xcodebuild_version.match(regex)
-            major = match_data[1].to_i
-            return major >= 15
+        match = version_string.match(/(\d+)\.(\d+)(?:\.(\d+))?/)
+        return nil if match.nil?
+
+        return {"str" => match[0], "major" => match[1].to_i, "minor" => match[2].to_i};
+    end
+
+    def self.check_minimum_required_xcode(xcodebuild_manager: Xcodebuild)
+        version = self.parse_xcode_version(xcodebuild_manager.version)
+        if (version.nil? || !Gem::Version::correct?(version["str"]))
+            Pod::UI.warn "Unexpected XCode version string '#{xcodebuild_manager.version}'"
+            return
         end
 
-        return false
+        current = version["str"]
+        min_required = Helpers::Constants.min_xcode_version_supported
+
+        if Gem::Version::new(current) < Gem::Version::new(min_required)
+            Pod::UI.puts "React Native requires XCode >= #{min_required}. Found #{current}.".red
+            raise "Please upgrade XCode"
+        end
     end
 
     def self.add_compiler_flag_to_project(installer, flag, configuration: nil)
@@ -482,70 +576,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
@@ -592,8 +647,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 000000000000..0e292a8a55c4
--- /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/scripts/codegen/__test_fixtures__/test-library/test-library.podspec b/packages/react-native/scripts/codegen/__test_fixtures__/test-library/test-library.podspec
new file mode 100644
index 000000000000..e1697ec5efca
--- /dev/null
+++ b/packages/react-native/scripts/codegen/__test_fixtures__/test-library/test-library.podspec
@@ -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.
+
+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 de2fd09e8335..6c091f18b986 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 463ed28dbf6b..dc0d2a5eabab 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 b739d81c5a40..d151bda6eff5 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 025f80c78663..3031e9ca85a0 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,432 @@ 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, 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',
+  });
+}
+
+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;
+}
 
-  extractLibrariesFromJSON(
-    pkgJson,
-    libraries,
-    codegenConfigKey,
-    pkgJson.name,
-    appRootDir,
+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 = path.join(projectRoot, 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
   );
-  handleThirdPartyLibraries(
-    libraries,
-    baseCodegenConfigFileDir,
-    dependencies,
-    codegenConfigFilename,
-    codegenConfigKey,
+}
+
+function createComponentProvider(schemas, supportedApplePlatforms) {
+  console.log('[Codegen] Creating component provider.');
+  const outputDir = path.join(
+    REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+    'React',
+    'Fabric',
+  );
+  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 +603,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 +690,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 49ac074c9164..000000000000
--- 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 8eda8012c8be..c0e9ef183d38 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 000000000000..10eb84891755
--- /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 000000000000..1db7f6cb57a0
--- /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 02c405ecb2cd..db9ae1aa5ed8 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 000000000000..7cb68fec0811
--- /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 000000000000..3f100dee8921
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.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
+ * @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,
+    },
+
+    androidEnablePendingFabricTransactions: {
+      defaultValue: false,
+      description:
+        "To be used with batchRenderingUpdatesInEventLoop. When enbled, the Android mounting layer will concatenate pending transactions to ensure they're applied atomatically",
+    },
+    batchRenderingUpdatesInEventLoop: {
+      defaultValue: false,
+      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.',
+    },
+    destroyFabricSurfacesInReactInstanceManager: {
+      defaultValue: false,
+      description:
+        'When enabled, ReactInstanceManager will clean up Fabric surfaces on destroy().',
+    },
+    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,
+    },
+    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 000000000000..cfebac31b929
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 000000000000..4631fbfa366d
--- /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 000000000000..7329bf8abbd0
--- /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 000000000000..f03df2163e64
--- /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 000000000000..4fc7d30e1553
--- /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 000000000000..38e991437f20
--- /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 000000000000..223a0e272153
--- /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 000000000000..72995b1f714a
--- /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 000000000000..5cb04d31a59d
--- /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 000000000000..9b2b6894e759
--- /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 000000000000..d2e43130ee07
--- /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 000000000000..1925b6c784c1
--- /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 000000000000..c1606e41e0b8
--- /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 000000000000..c66837bd7287
--- /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 000000000000..bef6fbb8c20e
--- /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 000000000000..5e6e896560e6
--- /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 000000000000..26b9df54910e
--- /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 000000000000..07ad24bc0fa9
--- /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 000000000000..e70768d2eec8
--- /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 000000000000..68689f927faa
--- /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 000000000000..13a28a72cecb
--- /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 000000000000..492639ed9d3d
--- /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 000000000000..9c9e557879db
--- /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 000000000000..90872bd5e58a
--- /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 000000000000..688a081d5b9a
--- /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 000000000000..46ce9493f145
--- /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 000000000000..1634f3c73ff8
--- /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 bde850b940de..a8d4fa2db9cf 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 852a8d300093..22afb409405d 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 19862d20131d..2c3a0eb78b11 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 dc81266293e5..300d4e3b08f0 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 dc87fb8d5ba2..09f2c135f368 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 29f6c1f416da..121d0a813971 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 acb7817d0bf7..6b9cafa789fe 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 c55969ef8daf..3a5aa8dcb338 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 87792738e7c0..acb35fe0ec71 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/ios-configure-glog.sh b/packages/react-native/scripts/ios-configure-glog.sh
index f13c61b40e22..02a875d31e40 100755
--- a/packages/react-native/scripts/ios-configure-glog.sh
+++ b/packages/react-native/scripts/ios-configure-glog.sh
@@ -42,8 +42,15 @@ EOF
     patch -p1 config.sub fix_glog_0.3.5_apple_silicon.patch
 fi
 
-export CC="$(xcrun -find -sdk $PLATFORM_NAME cc) -arch $CURRENT_ARCH -isysroot $(xcrun -sdk $PLATFORM_NAME --show-sdk-path)"
-export CXX="$CC"
+XCRUN="$(which xcrun)"
+if [ -n "$XCRUN" ]; then
+  export CC="$(xcrun -find -sdk $PLATFORM_NAME cc) -arch $CURRENT_ARCH -isysroot $(xcrun -sdk $PLATFORM_NAME --show-sdk-path)"
+  export CXX="$CC"
+else
+  export CC="$CC:-$(which gcc)"
+  export CXX="$CXX:-$(which g++ || true)"
+fi
+export CXX="$CXX:-$CC"
 
 # Remove automake symlink if it exists
 if [ -h "test-driver" ]; then
diff --git a/packages/react-native/scripts/react-native-xcode.sh b/packages/react-native/scripts/react-native-xcode.sh
index c34ea666d782..3e1742cd8d1f 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 ]]; then
   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
@@ -104,7 +104,7 @@ fi
 
 BUNDLE_FILE="$CONFIGURATION_BUILD_DIR/main.jsbundle"
 
-EXTRA_ARGS=
+EXTRA_ARGS=()
 
 case "$PLATFORM_NAME" in
   "macosx")
@@ -127,16 +127,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 \
@@ -147,7 +147,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 1682b5e95d5c..49667ff4ed5f 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'
@@ -17,11 +16,11 @@
 require_relative './cocoapods/local_podspec_patch.rb'
 require_relative './cocoapods/runtime.rb'
 require_relative './cocoapods/helpers.rb'
+require_relative './cocoapods/privacy_manifest_utils.rb'
 
 $CODEGEN_OUTPUT_DIR = 'build/generated/ios'
 $CODEGEN_COMPONENT_DIR = 'react/renderer/components'
 $CODEGEN_MODULE_DIR = '.'
-$FOLLY_VERSION = '2022.05.16.00'
 
 $START_TIME = Time.now.to_i
 
@@ -66,50 +65,51 @@ 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'
+  privacy_file_aggregation_enabled: true
 )
 
   # Set the app_path as env variable so the podspecs can access it.
   ENV['APP_PATH'] = app_path
   ENV['REACT_NATIVE_PATH'] = path
 
+  ReactNativePodsUtils.check_minimum_required_xcode()
+
   # Current target definition is provided by Cocoapods and it refers to the target
   # 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"
+  ENV['RCT_AGGREGATE_PRIVACY_FILES'] = privacy_file_aggregation_enabled ? "1" : "0"
 
   prefix = path
 
   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/RCTRequired"
+  pod 'RCTRequired', :path => "#{prefix}/Libraries/Required"
   pod 'RCTTypeSafety', :path => "#{prefix}/Libraries/TypeSafety", :modular_headers => true
   pod 'React', :path => "#{prefix}/"
   pod 'React-Core', :path => "#{prefix}/"
@@ -129,9 +129,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)
@@ -155,8 +157,10 @@ def use_react_native! (
   pod 'DoubleConversion', :podspec => "#{prefix}/third-party-podspecs/DoubleConversion.podspec"
   pod 'glog', :podspec => "#{prefix}/third-party-podspecs/glog.podspec"
   pod 'boost', :podspec => "#{prefix}/third-party-podspecs/boost.podspec"
+  pod 'fmt', :podspec => "#{prefix}/third-party-podspecs/fmt.podspec"
   pod 'RCT-Folly', :podspec => "#{prefix}/third-party-podspecs/RCT-Folly.podspec", :modular_headers => true
 
+  folly_config = get_folly_config()
   run_codegen!(
     app_path,
     config_file_dir,
@@ -167,7 +171,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
@@ -176,22 +180,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?
@@ -210,6 +199,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.
 #
@@ -217,7 +241,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.
@@ -228,14 +253,17 @@ 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
+
+def rct_cxx_language_standard()
+  return Helpers::Constants.cxx_language_standard
 end
 
 # Function that executes after React Native has been installed to configure some flags and build settings.
@@ -248,32 +276,38 @@ 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'
+  privacy_file_aggregation_enabled = ENV['RCT_AGGREGATE_PRIVACY_FILES'] == '1'
 
   if hermes_enabled
     ReactNativePodsUtils.set_gcc_preprocessor_definition_for_React_hermes(installer)
-    ReactNativePodsUtils.exclude_i386_architecture_while_using_hermes(installer)
   end
 
   ReactNativePodsUtils.fix_library_search_paths(installer)
   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)
+  if Environment.new().ruby_platform().include?('darwin')
+    ReactNativePodsUtils.apply_xcode_15_patch(installer)
+  end
   ReactNativePodsUtils.updateOSDeploymentTarget(installer)
+  ReactNativePodsUtils.set_dynamic_frameworks_flags(installer)
+  ReactNativePodsUtils.add_ndebug_flag_to_pods_in_release(installer)
+
+  if privacy_file_aggregation_enabled
+    PrivacyManifestUtils.add_aggregated_privacy_manifest(installer)
+  else
+    PrivacyManifestUtils.add_privacy_manifest_if_needed(installer)
+  end
 
   NewArchitectureHelper.set_clang_cxx_language_standard_if_needed(installer)
   NewArchitectureHelper.modify_flags_for_new_architecture(installer, NewArchitectureHelper.new_arch_enabled)
@@ -281,104 +315,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 e0eadb876940..bc216b1315d9 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 eb1accba25a2..f5dd2ed70831 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 4da11277929a..92325f1ad078 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
 }
 
@@ -104,7 +104,7 @@ moveOutputs () {
     mkdir -p "$RCT_SCRIPT_OUTPUT_DIR"
 
     # Copy all output to output_dir
-    cp -R -X "$TEMP_OUTPUT_DIR/." "$RCT_SCRIPT_OUTPUT_DIR" || exit 1
+    /bin/cp -R -X "$TEMP_OUTPUT_DIR/." "$RCT_SCRIPT_OUTPUT_DIR" || exit 1
     echo "$LIBRARY_NAME output has been written to $RCT_SCRIPT_OUTPUT_DIR:" >> "${SCRIPT_OUTPUT_FILE_0}" 2>&1
     ls -1 "$RCT_SCRIPT_OUTPUT_DIR" >> "${SCRIPT_OUTPUT_FILE_0}" 2>&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 000000000000..f699d9a2442b
--- /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 000000000000..5ed8664498dd
--- /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 000000000000..4f4b601a12dc
--- /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 f36190e6b146..c6bd62c87fc8 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/.hermesversion b/packages/react-native/sdks/.hermesversion
new file mode 100644
index 000000000000..9099b9fc8501
--- /dev/null
+++ b/packages/react-native/sdks/.hermesversion
@@ -0,0 +1 @@
+hermes-2024-09-30-RNv0.74.6-6f503f52cbf98b2b37c4d3900e7f1193d6512548
\ No newline at end of file
diff --git a/packages/react-native/sdks/hermes-engine/hermes-engine.podspec b/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
index 8fd33af931a9..19cce546331b 100644
--- a/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
+++ b/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
@@ -24,7 +24,7 @@ Pod::Spec.new do |spec|
   spec.license     = package['license']
   spec.author      = "Facebook"
   spec.source      = source
-  spec.platforms   = { :osx => "10.13", :ios => "13.4" }
+  spec.platforms   = { :osx => "10.13", :ios => "13.4", :visionos => "1.0" }
 
   spec.preserve_paths      = '**/*.*'
   spec.source_files        = ''
@@ -41,9 +41,10 @@ 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.visionos.vendored_frameworks = "destroot/Library/Frameworks/universal/hermes.xcframework"
       ss.osx.vendored_frameworks = "destroot/Library/Frameworks/macosx/hermes.framework"
     end
 
@@ -60,7 +61,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 "$REACT_NATIVE_PATH"
+
+        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
@@ -106,7 +113,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/hermes-utils.rb b/packages/react-native/sdks/hermes-engine/hermes-utils.rb
index b3a28250b07a..c0c7613192eb 100644
--- a/packages/react-native/sdks/hermes-engine/hermes-utils.rb
+++ b/packages/react-native/sdks/hermes-engine/hermes-utils.rb
@@ -7,6 +7,7 @@
 require 'rexml/document'
 
 HERMES_GITHUB_URL = "https://github.com/facebook/hermes.git"
+ENV_BUILD_FROM_SOURCE = "RCT_BUILD_HERMES_FROM_SOURCE"
 
 module HermesEngineSourceType
     LOCAL_PREBUILT_TARBALL = :local_prebuilt_tarball
@@ -30,7 +31,7 @@ def HermesEngineSourceType.isFromSource(source_type)
 # - To use a specific tarball, install the dependencies with:
 # `HERMES_ENGINE_TARBALL_PATH=<path_to_tarball> bundle exec pod install`
 # - To force a build from source, install the dependencies with:
-# `BUILD_FROM_SOURCE=true bundle exec pod install`
+# `RCT_BUILD_HERMES_FROM_SOURCE=true bundle exec pod install`
 # If none of the two are provided, Cocoapods will check whether there is a tarball for the current version
 # (either release or nightly). If not, it will fall back to building from source (the latest commit on main).
 #
@@ -85,11 +86,11 @@ def hermes_commit_envvar_defined()
 end
 
 def force_build_from_tag(react_native_path)
-    return ENV['BUILD_FROM_SOURCE'] === 'true' && File.exist?(hermestag_file(react_native_path))
+    return ENV[ENV_BUILD_FROM_SOURCE] === 'true' && File.exist?(hermestag_file(react_native_path))
 end
 
 def force_build_from_main(react_native_path)
-    return ENV['BUILD_FROM_SOURCE'] === 'true' && !File.exist?(hermestag_file(react_native_path))
+    return ENV[ENV_BUILD_FROM_SOURCE] === 'true' && !File.exist?(hermestag_file(react_native_path))
 end
 
 def release_artifact_exists(version)
@@ -125,7 +126,7 @@ def podspec_source_build_from_local_source_dir(react_native_path)
     source_dir_path = ENV['REACT_NATIVE_OVERRIDE_HERMES_DIR']
     if Dir.exist?(source_dir_path)
         hermes_log("Using source code from local path: #{source_dir_path}")
-        tarball_path = File.join(react_native_path, "sdks", "hermes-engine", "hermes-engine-from-local-source-dir.tar.gz")
+        tarball_path = File.join(artifacts_dir(), "hermes-engine-from-local-source-dir.tar.gz")
         exclude_paths = [
             "__tests__",
             "./external/flowtest",
@@ -192,6 +193,10 @@ def podspec_source_download_prebuilt_nightly_tarball(version)
 
 # HELPERS
 
+def artifacts_dir()
+    return File.join(Pod::Config.instance.project_pods_root, "hermes-engine-artifacts")
+end
+
 def hermestag_file(react_native_path)
     return File.join(react_native_path, "sdks", ".hermesversion")
 end
@@ -208,15 +213,14 @@ def download_stable_hermes(react_native_path, version, configuration)
 end
 
 def download_hermes_tarball(react_native_path, tarball_url, version, configuration)
-    destination_folder = "#{react_native_path}/sdks/downloads"
     destination_path = configuration == nil ?
-        "#{destination_folder}/hermes-ios-#{version}.tar.gz" :
-        "#{destination_folder}/hermes-ios-#{version}-#{configuration}.tar.gz"
+        "#{artifacts_dir()}/hermes-ios-#{version}.tar.gz" :
+        "#{artifacts_dir()}/hermes-ios-#{version}-#{configuration}.tar.gz"
 
     unless File.exist?(destination_path)
       # Download to a temporary file first so we don't cache incomplete downloads.
-      tmp_file = "#{destination_folder}/hermes-ios.download"
-      `mkdir -p "#{destination_folder}" && curl "#{tarball_url}" -Lo "#{tmp_file}" && mv "#{tmp_file}" "#{destination_path}"`
+      tmp_file = "#{artifacts_dir()}/hermes-ios.download"
+      `mkdir -p "#{artifacts_dir()}" && curl "#{tarball_url}" -Lo "#{tmp_file}" && mv "#{tmp_file}" "#{destination_path}"`
     end
     return destination_path
 end
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 e530a99c0c9b..199c31cfc0e8 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
@@ -17,6 +17,8 @@ REACT_NATIVE_PATH=${REACT_NATIVE_PATH:-$CURR_SCRIPT_DIR/../../..}
 
 NUM_CORES=$(sysctl -n hw.ncpu)
 
+PLATFORMS=("macosx" "iphoneos" "iphonesimulator" "catalyst" "xros" "xrsimulator")
+
 if [[ -z "$JSI_PATH" ]]; then
   JSI_PATH="$REACT_NATIVE_PATH/ReactCommon/jsi"
 fi
@@ -37,6 +39,10 @@ function get_ios_deployment_target {
   use_env_var_or_ruby_prop "${IOS_DEPLOYMENT_TARGET}" "deployment_target('ios')"
 }
 
+function get_visionos_deployment_target {
+  use_env_var_or_ruby_prop "${XROS_DEPLOYMENT_TARGET}" "deployment_target('visionos')"
+}
+
 function get_mac_deployment_target {
   use_env_var_or_ruby_prop "${MAC_DEPLOYMENT_TARGET}" "deployment_target('osx')"
 }
@@ -86,6 +92,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" \
@@ -146,12 +153,12 @@ function build_apple_framework {
 }
 
 function prepare_dest_root_for_ci {
-  mkdir -p "destroot/Library/Frameworks/macosx" "destroot/bin" "destroot/Library/Frameworks/iphoneos" "destroot/Library/Frameworks/iphonesimulator" "destroot/Library/Frameworks/catalyst"
+  mkdir -p  "destroot/bin"
+  for platform in "${PLATFORMS[@]}"; do
+    mkdir -p "destroot/Library/Frameworks/$platform"
+    cp -R "./build_$platform/API/hermes/hermes.framework"* "destroot/Library/Frameworks/$platform"
+  done
 
-  cp -R "./build_macosx/API/hermes/hermes.framework"* "destroot/Library/Frameworks/macosx"
-  cp -R "./build_iphoneos/API/hermes/hermes.framework"* "destroot/Library/Frameworks/iphoneos"
-  cp -R "./build_iphonesimulator/API/hermes/hermes.framework"* "destroot/Library/Frameworks/iphonesimulator"
-  cp -R "./build_catalyst/API/hermes/hermes.framework"* "destroot/Library/Frameworks/catalyst"
   cp "./build_macosx/bin/"* "destroot/bin"
 
   # Copy over Hermes and JSI API headers.
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 0e3066ee18a4..0fa473e9c11f 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,32 @@ 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
+    elif [[ $1 == "xros" || $1 == "xrsimulator" ]]; then
+      echo "xros"
+      return
+    fi
+
+    echo "ios"
+}
+
+function get_deployment_target {
+    if [[ $1 == "macosx" ]]; then
+      echo "${MACOSX_DEPLOYMENT_TARGET}"
+      return
+    elif [[ $1 == "xrsimulator" || $1 == "xros" ]]; then
+      echo "${XROS_DEPLOYMENT_TARGET}"
+      return
+    fi
+
+    echo "${IPHONEOS_DEPLOYMENT_TARGET}"
+}
+
 enable_debugger="false"
 if [[ "$CONFIGURATION" == "Debug" ]]; then
   enable_debugger="true"
@@ -24,10 +50,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 +77,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 +93,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-hermesc-xcode.sh b/packages/react-native/sdks/hermes-engine/utils/build-hermesc-xcode.sh
index c777b0557cb9..132ee54c7345 100755
--- a/packages/react-native/sdks/hermes-engine/utils/build-hermesc-xcode.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/build-hermesc-xcode.sh
@@ -4,27 +4,15 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-set -x
+set -x -e
 
 hermesc_dir_path="$1"; shift
 jsi_path="$1"
 
 # This script is supposed to be executed from Xcode "run script" phase.
-# Xcode sets up its build environment based on the build target.
-# Here we override relevant envvars to make sure that we build hermesc for macosx,
-# even if Xcode build target is iphone, iponesimulator, etc.
-MACOSX_DEPLOYMENT_TARGET=$(sw_vers -productVersion)
-export MACOSX_DEPLOYMENT_TARGET=$MACOSX_DEPLOYMENT_TARGET
+# Xcode sets up its build environment based on the build target (iphone, iphonesimulator, macodsx).
+# We want to make sure that hermesc is built for mac.
+# So we clean the environment with env -i, and explicitly set SDKROOT to macosx
 SDKROOT=$(xcode-select -p)/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk
-export SDKROOT=$SDKROOT
-
-if ! "$CMAKE_BINARY" -S "${PODS_ROOT}/hermes-engine" -B "$hermesc_dir_path" -DJSI_DIR="$jsi_path"
-then
-    echo "Failed to configure Hermesc cmake project."
-    exit 1
-fi
-if ! "$CMAKE_BINARY" --build "$hermesc_dir_path" --target hermesc -j "$(sysctl -n hw.ncpu)"
-then
-    echo "Failed to build Hermesc cmake project."
-    exit 1
-fi
+env -i SDKROOT="$SDKROOT" "$CMAKE_BINARY" -S "${PODS_ROOT}/hermes-engine" -B "$hermesc_dir_path" -DJSI_DIR="$jsi_path"
+env -i SDKROOT="$SDKROOT" "$CMAKE_BINARY" --build "$hermesc_dir_path" --target hermesc -j "$(sysctl -n hw.ncpu)"
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 009bddbd7328..225cb55b02c7 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
@@ -4,30 +4,43 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
+if [ "$CI" ]; then
+  set -x
+fi
+set -e
+
 # Given a specific target, retrieve the right architecture for it
-# $1 the target you want to build. Allowed values: iphoneos, iphonesimulator, catalyst
+# $1 the target you want to build. Allowed values: iphoneos, iphonesimulator, catalyst, xros, xrsimulator
 function get_architecture {
-    if [[ $1 == "iphoneos" ]]; then
+    if [[ $1 == "iphoneos" || $1 == "xros" || $1 == "xrsimulator" ]]; then
       echo "arm64"
     elif [[ $1 == "iphonesimulator" ]]; then
       echo "x86_64;arm64"
     elif [[ $1 == "catalyst" ]]; then
       echo "x86_64;arm64"
     else
-      echo "Error: unknown arkitecture passed $1"
+      echo "Error: unknown architecture passed $1"
       exit 1
     fi
 }
 
+function get_deployment_target {
+    if [[ $1 == "xros" || $1 == "xrsimulator" ]]; then
+      echo "$(get_visionos_deployment_target)"
+    else
+      echo "$(get_ios_deployment_target)"
+    fi
+}
+
 # build a single framework
 # $1 is the target to build
 function build_framework {
   if [ ! -d destroot/Library/Frameworks/universal/hermes.xcframework ]; then
-    ios_deployment_target=$(get_ios_deployment_target)
+    deployment_target=$(get_deployment_target "$1")
 
     architecture=$(get_architecture "$1")
 
-    build_apple_framework "$1" "$architecture" "$ios_deployment_target"
+    build_apple_framework "$1" "$architecture" "$deployment_target"
   else
     echo "Skipping; Clean \"destroot\" to rebuild".
   fi
@@ -36,7 +49,7 @@ function build_framework {
 # group the frameworks together to create a universal framework
 function build_universal_framework {
     if [ ! -d destroot/Library/Frameworks/universal/hermes.xcframework ]; then
-        create_universal_framework "iphoneos" "iphonesimulator" "catalyst"
+        create_universal_framework "iphoneos" "iphonesimulator" "catalyst" "xros" "xrsimulator"
     else
         echo "Skipping; Clean \"destroot\" to rebuild".
     fi
@@ -51,6 +64,8 @@ function create_framework {
         build_framework "iphoneos"
         build_framework "iphonesimulator"
         build_framework "catalyst"
+        build_framework "xros"
+        build_framework "xrsimulator"
 
         build_universal_framework
     else
diff --git a/packages/react-native/sdks/hermes-engine/utils/build-mac-framework.sh b/packages/react-native/sdks/hermes-engine/utils/build-mac-framework.sh
index 0492ad28f22e..5abac8e3604a 100755
--- a/packages/react-native/sdks/hermes-engine/utils/build-mac-framework.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/build-mac-framework.sh
@@ -4,6 +4,11 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
+if [ "$CI" ]; then
+  set -x
+fi
+set -e
+
 # shellcheck source=xplat/js/react-native-github/sdks/hermes-engine/utils/build-apple-framework.sh
 CURR_SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd -P)"
 . "${CURR_SCRIPT_DIR}/build-apple-framework.sh"
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 0e453746cded..4419de96bac7 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" "xros" ) # 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 ce1bb48f542b..f727aebb9cb8 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';
 
@@ -52,8 +52,8 @@ function shouldReplaceHermesConfiguration(configuration) {
   return true;
 }
 
-function replaceHermesConfiguration(configuration, version, reactNativePath) {
-  const tarballURLPath = `${reactNativePath}/sdks/downloads/hermes-ios-${version}-${configuration}.tar.gz`;
+function replaceHermesConfiguration(configuration, version, podsRoot) {
+  const tarballURLPath = `${podsRoot}/hermes-engine-artifacts/hermes-ios-${version.toLowerCase()}-${configuration.toLowerCase()}.tar.gz`;
 
   const finalLocation = 'hermes-engine';
   console.log('Preparing the final location');
@@ -68,7 +68,7 @@ function updateLastBuildConfiguration(configuration) {
   fs.writeFileSync(LAST_BUILD_FILENAME, configuration);
 }
 
-function main(configuration, version, reactNativePath) {
+function main(configuration, version, podsRoot) {
   validateBuildConfiguration(configuration);
   validateVersion(version);
 
@@ -76,7 +76,7 @@ function main(configuration, version, reactNativePath) {
     return;
   }
 
-  replaceHermesConfiguration(configuration, version, reactNativePath);
+  replaceHermesConfiguration(configuration, version, podsRoot);
   updateLastBuildConfiguration(configuration);
   console.log('Done replacing hermes-engine');
 }
@@ -94,13 +94,13 @@ const argv = yargs
       'The Version of React Native associated with the Hermes tarball.',
   })
   .option('p', {
-    alias: 'reactNativePath',
-    description: 'The path to the React Native root folder',
+    alias: 'podsRoot',
+    description: 'The path to the Pods root folder',
   })
   .usage('Usage: $0 -c Debug -r <version> -p <path/to/react-native>').argv;
 
 const configuration = argv.configuration;
 const version = argv.reactNativeVersion;
-const reactNativePath = argv.reactNativePath;
+const podsRoot = argv.podsRoot;
 
-main(configuration, version, reactNativePath);
+main(configuration, version, podsRoot);
diff --git a/packages/react-native/settings.gradle.kts b/packages/react-native/settings.gradle.kts
index 840aa5506e73..283d16b5f751 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 e25aa0137132..0a75bd8dab83 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 000000000000..0aa146d124e1
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/NativeReactNativeFeatureFlags.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.
+ *
+ * @generated SignedSource<<8f82962343a5146622f36c2de071ff6a>>
+ * @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;
+  +androidEnablePendingFabricTransactions?: () => boolean;
+  +batchRenderingUpdatesInEventLoop?: () => boolean;
+  +destroyFabricSurfacesInReactInstanceManager?: () => boolean;
+  +enableBackgroundExecutor?: () => boolean;
+  +useModernRuntimeScheduler?: () => boolean;
+  +enableMicrotasks?: () => 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 000000000000..117ea39d7f0c
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/ReactNativeFeatureFlags.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.
+ *
+ * @generated SignedSource<<b7ebc6e4360a4b7733335f283300a4bb>>
+ * @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>,
+  androidEnablePendingFabricTransactions: Getter<boolean>,
+  batchRenderingUpdatesInEventLoop: Getter<boolean>,
+  destroyFabricSurfacesInReactInstanceManager: Getter<boolean>,
+  enableBackgroundExecutor: Getter<boolean>,
+  useModernRuntimeScheduler: Getter<boolean>,
+  enableMicrotasks: 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);
+/**
+ * To be used with batchRenderingUpdatesInEventLoop. When enbled, the Android mounting layer will concatenate pending transactions to ensure they're applied atomatically
+ */
+export const androidEnablePendingFabricTransactions: Getter<boolean> = createNativeFlagGetter('androidEnablePendingFabricTransactions', 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);
+/**
+ * When enabled, ReactInstanceManager will clean up Fabric surfaces on destroy().
+ */
+export const destroyFabricSurfacesInReactInstanceManager: Getter<boolean> = createNativeFlagGetter('destroyFabricSurfacesInReactInstanceManager', 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);
+/**
+ * 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 000000000000..a0d7be5da25c
--- /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 000000000000..13264b6974bc
--- /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 000000000000..b24ad41303f4
--- /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 000000000000..525009eddb33
--- /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 000000000000..98bf5c55ee4d
--- /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 000000000000..3d8a8e52fb87
--- /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 000000000000..788d8cac6415
--- /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 000000000000..1d2f230ce999
--- /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/ProgressBarAndroidNativeComponent.js b/packages/react-native/src/private/specs/components/ProgressBarAndroidNativeComponent.js
new file mode 100644
index 000000000000..c2878ec50198
--- /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 000000000000..0e139d5096cd
--- /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 000000000000..ac19932c3e90
--- /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 000000000000..86bf895d7675
--- /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 000000000000..e626f78123f5
--- /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 000000000000..f2f514da0a8f
--- /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 000000000000..308f0adaf90c
--- /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 000000000000..0524dfa3682b
--- /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 000000000000..20db1734da58
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAccessibilityManager.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
+ * @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;
+  +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 000000000000..37407bd01cf6
--- /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 000000000000..f17ec771418c
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAlertManager.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
+ * @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,
+|};
+
+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 000000000000..2c67bfccd731
--- /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 000000000000..7af2ef159d39
--- /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 000000000000..0a13240d48c0
--- /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 000000000000..5627f7ea2515
--- /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 000000000000..27dedcb476a0
--- /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 000000000000..f04198990b22
--- /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 000000000000..7dc8ded4c14b
--- /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 000000000000..98e16e3f7e11
--- /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 000000000000..08bd9589e7c9
--- /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 000000000000..0c71895cec38
--- /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 000000000000..26085ad6bc3a
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDevSettings.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 {
+  +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;
+}
+
+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 000000000000..7a645018e71b
--- /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 000000000000..8894d45215dd
--- /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 000000000000..44c18203a91b
--- /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 000000000000..07e19b47c14f
--- /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 000000000000..1da0633dc17d
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeExceptionsManager.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 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' && 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 000000000000..8b3b7617378e
--- /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 000000000000..fad4ae18adcb
--- /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 000000000000..3bdf3acf6102
--- /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 000000000000..5bc91c365fab
--- /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 000000000000..4654b9118bb2
--- /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 000000000000..f8171272218c
--- /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 000000000000..b3d73201313e
--- /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 000000000000..4962c037dc3c
--- /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 000000000000..9e4e2a358e2c
--- /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 000000000000..46f2a9e7fe72
--- /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 000000000000..96c31376daf7
--- /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 000000000000..a9ae5ddcaa2f
--- /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 000000000000..473f0cc8e777
--- /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 000000000000..9a9e456dae9b
--- /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 000000000000..2a8b73810aa0
--- /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 000000000000..bf4267426bf3
--- /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 000000000000..103501231753
--- /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 000000000000..714db50a3bae
--- /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 000000000000..164db3723ec3
--- /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 000000000000..1cb2e3e002d1
--- /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 000000000000..07f0fee8fbda
--- /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 000000000000..eb9e86100f4b
--- /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 000000000000..b65cfc96b333
--- /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 000000000000..01eeeaf35cd4
--- /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 000000000000..03db14a00c8e
--- /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 000000000000..4c1fab3c4946
--- /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 000000000000..42d12fd358c3
--- /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 000000000000..9112f7fdeed9
--- /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 000000000000..c07fd4ed7661
--- /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 000000000000..9bff5d1bcce2
--- /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 000000000000..d6b8564b9628
--- /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 000000000000..f65f93474923
--- /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 000000000000..6749e5d076d9
--- /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 000000000000..9d6c5806d02a
--- /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 000000000000..769985b8ccd5
--- /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 000000000000..3bdb0254a931
--- /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 000000000000..0a4bff9a31f4
--- /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 000000000000..268578c3d79e
--- /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 2900fe769f7f..a596de0ae37c 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 6c9f87b43200..aac54c9e2bf4 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 03cf37949b3b..46fb34c1e8f5 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 8a95751f8e47..2eb5d742ff2c 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 9365a9a5a29f..5705bcf4c0e0 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 cb2cc2620ae5..251c84c25f77 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 c91abc269473..9d6bb51e2a96 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 0b5dd11d641a..ac8d410af92d 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/src/private/webapis/performance/NativePerformanceObserver.cpp b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.cpp
new file mode 100644
index 000000000000..9e40a7e74b44
--- /dev/null
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.cpp
@@ -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.
+ */
+
+#include <memory>
+
+#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>
+NativePerformanceObserverModuleProvider(
+    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+  return std::make_shared<facebook::react::NativePerformanceObserver>(
+      std::move(jsInvoker));
+}
+
+namespace facebook::react {
+
+NativePerformanceObserver::NativePerformanceObserver(
+    std::shared_ptr<CallInvoker> jsInvoker)
+    : NativePerformanceObserverCxxSpec(std::move(jsInvoker)) {
+  setEventLogger(&PerformanceEntryReporter::getInstance());
+}
+
+NativePerformanceObserver::~NativePerformanceObserver() {
+  setEventLogger(nullptr);
+}
+
+void NativePerformanceObserver::startReporting(
+    jsi::Runtime& rt,
+    int32_t 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& 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(
+    jsi::Runtime& rt,
+    std::vector<int32_t> entryTypes,
+    bool isBuffered) {
+  for (const int32_t entryType : entryTypes) {
+    PerformanceEntryReporter::getInstance().setAlwaysLogged(
+        static_cast<PerformanceEntryType>(entryType), isBuffered);
+  }
+}
+
+GetPendingEntriesResult NativePerformanceObserver::popPendingEntries(
+    jsi::Runtime& rt) {
+  return PerformanceEntryReporter::getInstance().popPendingEntries();
+}
+
+void NativePerformanceObserver::setOnPerformanceEntryCallback(
+    jsi::Runtime& rt,
+    std::optional<AsyncCallback<>> callback) {
+  PerformanceEntryReporter::getInstance().setReportingCallback(callback);
+}
+
+void NativePerformanceObserver::logRawEntry(
+    jsi::Runtime& rt,
+    RawPerformanceEntry entry) {
+  PerformanceEntryReporter::getInstance().logEntry(entry);
+}
+
+std::vector<std::pair<std::string, uint32_t>>
+NativePerformanceObserver::getEventCounts(jsi::Runtime& rt) {
+  const auto& eventCounts =
+      PerformanceEntryReporter::getInstance().getEventCounts();
+  return std::vector<std::pair<std::string, uint32_t>>(
+      eventCounts.begin(), eventCounts.end());
+}
+
+void NativePerformanceObserver::setDurationThreshold(
+    jsi::Runtime& rt,
+    int32_t entryType,
+    double durationThreshold) {
+  PerformanceEntryReporter::getInstance().setDurationThreshold(
+      static_cast<PerformanceEntryType>(entryType), durationThreshold);
+}
+
+void NativePerformanceObserver::clearEntries(
+    jsi::Runtime& rt,
+    int32_t entryType,
+    std::optional<std::string> entryName) {
+  PerformanceEntryReporter::getInstance().clearEntries(
+      static_cast<PerformanceEntryType>(entryType),
+      entryName ? entryName->c_str() : nullptr);
+}
+
+std::vector<RawPerformanceEntry> NativePerformanceObserver::getEntries(
+    jsi::Runtime& rt,
+    std::optional<int32_t> entryType,
+    std::optional<std::string> entryName) {
+  return PerformanceEntryReporter::getInstance().getEntries(
+      entryType ? static_cast<PerformanceEntryType>(*entryType)
+                : PerformanceEntryType::UNDEFINED,
+      entryName ? entryName->c_str() : nullptr);
+}
+
+std::vector<RawPerformanceEntryType>
+NativePerformanceObserver::getSupportedPerformanceEntryTypes(jsi::Runtime& rt) {
+  return {
+      static_cast<RawPerformanceEntryType>(PerformanceEntryType::MARK),
+      static_cast<RawPerformanceEntryType>(PerformanceEntryType::MEASURE),
+      static_cast<RawPerformanceEntryType>(PerformanceEntryType::EVENT),
+  };
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
similarity index 79%
rename from packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h
rename to packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
index 257b0513e1c5..c5e7c3cc4b8e 100644
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
@@ -18,9 +18,11 @@ class PerformanceEntryReporter;
 
 #pragma mark - Structs
 
-using RawPerformanceEntry = NativePerformanceObserverCxxBaseRawPerformanceEntry<
+using RawPerformanceEntryType = int32_t;
+
+using RawPerformanceEntry = NativePerformanceObserverCxxRawPerformanceEntry<
     std::string,
-    int32_t,
+    RawPerformanceEntryType,
     double,
     double,
     // For "event" entries only:
@@ -30,25 +32,18 @@ using RawPerformanceEntry = NativePerformanceObserverCxxBaseRawPerformanceEntry<
 
 template <>
 struct Bridging<RawPerformanceEntry>
-    : NativePerformanceObserverCxxBaseRawPerformanceEntryBridging<
-          std::string,
-          int32_t,
-          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
 
@@ -94,6 +89,9 @@ class NativePerformanceObserver
       std::optional<int32_t> entryType,
       std::optional<std::string> entryName);
 
+  std::vector<RawPerformanceEntryType> getSupportedPerformanceEntryTypes(
+      jsi::Runtime& rt);
+
  private:
 };
 
diff --git a/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.js b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.js
new file mode 100644
index 000000000000..3881872fcca4
--- /dev/null
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.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
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type RawPerformanceEntryType = number;
+
+export type RawPerformanceEntry = {|
+  name: string,
+  entryType: RawPerformanceEntryType,
+  startTime: number,
+  duration: number,
+  // For "event" entries only:
+  processingStart?: number,
+  processingEnd?: number,
+  interactionId?: number,
+|};
+
+export type GetPendingEntriesResult = {|
+  entries: $ReadOnlyArray<RawPerformanceEntry>,
+  droppedEntriesCount: number,
+|};
+
+export interface Spec extends TurboModule {
+  +startReporting: (entryType: RawPerformanceEntryType) => void;
+  +stopReporting: (entryType: RawPerformanceEntryType) => void;
+  +setIsBuffered: (
+    entryTypes: $ReadOnlyArray<RawPerformanceEntryType>,
+    isBuffered: boolean,
+  ) => void;
+  +popPendingEntries: () => GetPendingEntriesResult;
+  +setOnPerformanceEntryCallback: (callback?: () => void) => void;
+  +logRawEntry: (entry: RawPerformanceEntry) => void;
+  +getEventCounts: () => $ReadOnlyArray<[string, number]>;
+  +setDurationThreshold: (
+    entryType: RawPerformanceEntryType,
+    durationThreshold: number,
+  ) => void;
+  +clearEntries: (
+    entryType: RawPerformanceEntryType,
+    entryName?: string,
+  ) => void;
+  +getEntries: (
+    entryType?: RawPerformanceEntryType,
+    entryName?: string,
+  ) => $ReadOnlyArray<RawPerformanceEntry>;
+  +getSupportedPerformanceEntryTypes: () => $ReadOnlyArray<RawPerformanceEntryType>;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'NativePerformanceObserverCxx',
+): ?Spec);
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 a6e9d0668045..92befaae9123 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 84%
rename from packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.cpp
rename to packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.cpp
index 6c0ec3d77dfe..5d07b3043c56 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.cpp
+++ b/packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.cpp
@@ -8,10 +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};
 
@@ -66,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_) {
@@ -99,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];
 
@@ -111,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);
@@ -129,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());
   }
 
@@ -165,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),
@@ -177,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();
       }
     }
@@ -204,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);
@@ -263,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()) {
@@ -273,7 +277,7 @@ double PerformanceEntryReporter::getMarkTime(
   }
 }
 
-void PerformanceEntryReporter::event(
+void PerformanceEntryReporter::logEventEntry(
     std::string name,
     double startTime,
     double duration,
@@ -298,8 +302,7 @@ void PerformanceEntryReporter::scheduleFlushBuffer() {
 
 struct StrKey {
   uint32_t key;
-  StrKey(std::string_view s)
-      : key(folly::hash::fnv32_buf(s.data(), s.length())) {}
+  StrKey(std::string_view s) : key(std::hash<std::string_view>{}(s)) {}
 
   bool operator==(const StrKey& rhs) const {
     return key == rhs.key;
@@ -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 5c805beac2d4..ca436d9746f8 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 609f5bc10418..9f2fa2bfcb8f 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 92%
rename from packages/react-native/Libraries/WebPerformance/PerformanceObserver.js
rename to packages/react-native/src/private/webapis/performance/PerformanceObserver.js
index 776c9f0ced1e..c8caee14662f 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceObserver.js
+++ b/packages/react-native/src/private/webapis/performance/PerformanceObserver.js
@@ -10,12 +10,14 @@
 
 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,
+  rawToPerformanceEntryType,
 } from './RawPerformanceEntry';
 
 export type PerformanceEntryList = $ReadOnlyArray<PerformanceEntry>;
@@ -129,6 +131,21 @@ function applyDurationThresholds() {
   }
 }
 
+function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryType> {
+  if (!NativePerformanceObserver) {
+    return Object.freeze([]);
+  }
+  if (!NativePerformanceObserver.getSupportedPerformanceEntryTypes) {
+    // fallback if getSupportedPerformanceEntryTypes is not defined on native side
+    return Object.freeze(['mark', 'measure', 'event']);
+  }
+  return Object.freeze(
+    NativePerformanceObserver.getSupportedPerformanceEntryTypes().map(
+      rawToPerformanceEntryType,
+    ),
+  );
+}
+
 /**
  * Implementation of the PerformanceObserver interface for RN,
  * corresponding to the standard in https://www.w3.org/TR/performance-timeline/
@@ -294,7 +311,7 @@ export default class PerformanceObserver {
   }
 
   static supportedEntryTypes: $ReadOnlyArray<PerformanceEntryType> =
-    Object.freeze(['mark', 'measure', 'event']);
+    getSupportedPerformanceEntryTypes();
 }
 
 // As a Set union, except if value exists in both, we take minimum
@@ -316,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 c9f3c493f456..767a8bdd6179 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/src/private/webapis/performance/__mocks__/NativePerformanceObserver.js b/packages/react-native/src/private/webapis/performance/__mocks__/NativePerformanceObserver.js
new file mode 100644
index 000000000000..dd0fd1acb7f5
--- /dev/null
+++ b/packages/react-native/src/private/webapis/performance/__mocks__/NativePerformanceObserver.js
@@ -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.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {
+  GetPendingEntriesResult,
+  RawPerformanceEntry,
+  RawPerformanceEntryType,
+  Spec as NativePerformanceObserver,
+} from '../NativePerformanceObserver';
+
+import {RawPerformanceEntryTypeValues} from '../RawPerformanceEntry';
+
+const reportingType: Set<RawPerformanceEntryType> = new Set();
+const isAlwaysLogged: Set<RawPerformanceEntryType> = new Set();
+const eventCounts: Map<string, number> = new Map();
+const durationThresholds: Map<RawPerformanceEntryType, number> = new Map();
+let entries: Array<RawPerformanceEntry> = [];
+let onPerformanceEntryCallback: ?() => void;
+
+const NativePerformanceObserverMock: NativePerformanceObserver = {
+  startReporting: (entryType: RawPerformanceEntryType) => {
+    reportingType.add(entryType);
+  },
+
+  stopReporting: (entryType: RawPerformanceEntryType) => {
+    reportingType.delete(entryType);
+    durationThresholds.delete(entryType);
+  },
+
+  setIsBuffered: (
+    entryTypes: $ReadOnlyArray<RawPerformanceEntryType>,
+    isBuffered: boolean,
+  ) => {
+    for (const entryType of entryTypes) {
+      if (isBuffered) {
+        isAlwaysLogged.add(entryType);
+      } else {
+        isAlwaysLogged.delete(entryType);
+      }
+    }
+  },
+
+  popPendingEntries: (): GetPendingEntriesResult => {
+    const res = entries;
+    entries = [];
+    return {
+      droppedEntriesCount: 0,
+      entries: res,
+    };
+  },
+
+  setOnPerformanceEntryCallback: (callback?: () => void) => {
+    onPerformanceEntryCallback = callback;
+  },
+
+  logRawEntry: (entry: RawPerformanceEntry) => {
+    if (
+      reportingType.has(entry.entryType) ||
+      isAlwaysLogged.has(entry.entryType)
+    ) {
+      const durationThreshold = durationThresholds.get(entry.entryType);
+      if (
+        durationThreshold !== undefined &&
+        entry.duration < durationThreshold
+      ) {
+        return;
+      }
+      entries.push(entry);
+      // $FlowFixMe[incompatible-call]
+      global.queueMicrotask(() => {
+        // We want to emulate the way it's done in native (i.e. async/batched)
+        onPerformanceEntryCallback?.();
+      });
+    }
+    if (entry.entryType === RawPerformanceEntryTypeValues.EVENT) {
+      eventCounts.set(entry.name, (eventCounts.get(entry.name) ?? 0) + 1);
+    }
+  },
+
+  getEventCounts: (): $ReadOnlyArray<[string, number]> => {
+    return Array.from(eventCounts.entries());
+  },
+
+  setDurationThreshold: (
+    entryType: RawPerformanceEntryType,
+    durationThreshold: number,
+  ) => {
+    durationThresholds.set(entryType, durationThreshold);
+  },
+
+  clearEntries: (entryType: RawPerformanceEntryType, entryName?: string) => {
+    entries = entries.filter(
+      e =>
+        (entryType !== RawPerformanceEntryTypeValues.UNDEFINED &&
+          e.entryType !== entryType) ||
+        (entryName != null && e.name !== entryName),
+    );
+  },
+
+  getEntries: (
+    entryType?: RawPerformanceEntryType,
+    entryName?: string,
+  ): $ReadOnlyArray<RawPerformanceEntry> => {
+    return entries.filter(
+      e =>
+        (entryType == null || e.entryType === entryType) &&
+        (entryName == null || e.name === entryName),
+    );
+  },
+
+  getSupportedPerformanceEntryTypes:
+    (): $ReadOnlyArray<RawPerformanceEntryType> => {
+      return [
+        RawPerformanceEntryTypeValues.MARK,
+        RawPerformanceEntryTypeValues.MEASURE,
+        RawPerformanceEntryTypeValues.EVENT,
+      ];
+    },
+};
+
+export default NativePerformanceObserverMock;
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 1fa2c2e1abde..8d72c37a80c3 100644
--- a/packages/react-native/template/Gemfile
+++ b/packages/react-native/template/Gemfile
@@ -3,4 +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.12'
+# 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 0cab2ac6fc46..d5ae456695e5 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 94222a1e807a..c0e793008909 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 77a64826ad98..cdcd0d332184 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
@@ -3,22 +3,23 @@ package com.helloworld
 import android.app.Application
 import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.flipper.ReactNativeFlipper
 import com.facebook.soloader.SoLoader
 
 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"
 
@@ -28,6 +29,9 @@ class MainApplication : Application(), ReactApplication {
         override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
       }
 
+  override val reactHost: ReactHost
+    get() = getDefaultReactHost(applicationContext, reactNativeHost)
+
   override fun onCreate() {
     super.onCreate()
     SoLoader.init(this, false)
@@ -35,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 73b37e4d9963..5c25e728ea2c 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 7e6117e3ab46..f536a7920163 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 = 21
+        minSdkVersion = 23
         compileSdkVersion = 34
         targetSdkVersion = 34
-        ndkVersion = "25.1.8937393"
-        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/gradle-wrapper.properties b/packages/react-native/template/android/gradle/wrapper/gradle-wrapper.properties
index d11cdd907dd9..2ea3535dc058 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.3-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 b/packages/react-native/template/android/gradlew
index 0adc8e1a5321..1aa94a426907 100755
--- a/packages/react-native/template/android/gradlew
+++ b/packages/react-native/template/android/gradlew
@@ -145,7 +145,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
         # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
@@ -153,7 +153,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
       '' | soft) :;; #(
       *)
         # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -202,11 +202,11 @@ fi
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
-# Collect all arguments for the java command;
-#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
-#     shell script including quotes and variable substitutions, so put them in
-#     double quotes to make sure that they get re-expanded; and
-#   * put everything else in single quotes, so that it's not re-expanded.
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
 
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
diff --git a/packages/react-native/template/android/gradlew.bat b/packages/react-native/template/android/gradlew.bat
index 6689b85beecd..7101f8e4676f 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/index.js b/packages/react-native/template/index.js
index cd33b74bb3aa..a850d031de79 100644
--- a/packages/react-native/template/index.js
+++ b/packages/react-native/template/index.js
@@ -6,13 +6,4 @@ import {AppRegistry} from 'react-native';
 import App from './App';
 import {name as appName} from './app.json';
 
-if (global.RN$Bridgeless) {
-  require('react-native/Libraries/NativeComponent/NativeComponentRegistry').setRuntimeConfigProvider(
-    name => {
-      // In bridgeless mode, never load native ViewConfig.
-      return {native: false, strict: false, verify: false};
-    },
-  );
-}
-
 AppRegistry.registerComponent(appName, () => App);
diff --git a/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj b/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
index eed43451e53e..40b32ffd09ec 100644
--- a/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
+++ b/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
@@ -36,6 +36,7 @@
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = HelloWorld/Images.xcassets; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = HelloWorld/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = HelloWorld/main.m; sourceTree = "<group>"; };
+	    13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = HelloWorld/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
 		19F6CBCC0A4E27FBF8BF4A61 /* libPods-HelloWorld-HelloWorldTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-HelloWorld-HelloWorldTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		3B4392A12AC88292D35C810B /* Pods-HelloWorld.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-HelloWorld.debug.xcconfig"; path = "Target Support Files/Pods-HelloWorld/Pods-HelloWorld.debug.xcconfig"; sourceTree = "<group>"; };
 		5709B34CF0A7D63546082F79 /* Pods-HelloWorld.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-HelloWorld.release.xcconfig"; path = "Target Support Files/Pods-HelloWorld/Pods-HelloWorld.release.xcconfig"; sourceTree = "<group>"; };
@@ -92,6 +93,7 @@
 				13B07FB61A68108700A75B9A /* Info.plist */,
 				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
 				13B07FB71A68108700A75B9A /* main.m */,
+				13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,
 			);
 			name = HelloWorld;
 			sourceTree = "<group>";
@@ -263,7 +265,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;
@@ -578,6 +580,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				SDKROOT = iphoneos;
 			};
@@ -642,6 +645,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				SDKROOT = iphoneos;
 				VALIDATE_PRODUCT = YES;
diff --git a/packages/react-native/template/ios/HelloWorld/AppDelegate.mm b/packages/react-native/template/ios/HelloWorld/AppDelegate.mm
index 0fd74b157dc2..daebde2edb32 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 c004615da4e2..07b050898d9d 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/HelloWorld/PrivacyInfo.xcprivacy b/packages/react-native/template/ios/HelloWorld/PrivacyInfo.xcprivacy
new file mode 100644
index 000000000000..ef1896e70c88
--- /dev/null
+++ b/packages/react-native/template/ios/HelloWorld/PrivacyInfo.xcprivacy
@@ -0,0 +1,38 @@
+<?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>NSPrivacyCollectedDataTypes</key>
+  <array>
+  </array>
+  <key>NSPrivacyAccessedAPITypes</key>
+  <array>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>C617.1</string>
+      </array>
+    </dict>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>CA92.1</string>
+      </array>
+    </dict>
+    <dict>
+      <key>NSPrivacyAccessedAPIType</key>
+      <string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+      <key>NSPrivacyAccessedAPITypeReasons</key>
+      <array>
+        <string>35F9.1</string>
+      </array>
+    </dict>
+  </array>
+  <key>NSPrivacyTracking</key>
+  <false/>
+</dict>
+</plist>
diff --git a/packages/react-native/template/ios/Podfile b/packages/react-native/template/ios/Podfile
index a728ca270159..6a6cd92f24e2 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 ad8f87b6d258..9d41685ef1bf 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 a9d0a0d78618..3480915c6032 100644
--- a/packages/react-native/template/package.json
+++ b/packages/react-native/template/package.json
@@ -11,16 +11,16 @@
   },
   "dependencies": {
     "react": "18.2.0",
-    "react-native": "1000.0.0"
+    "react-native": "0.74.6"
   },
   "devDependencies": {
     "@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.88",
+    "@react-native/eslint-config": "0.74.88",
+    "@react-native/metro-config": "0.74.88",
+    "@react-native/typescript-config": "0.74.88",
     "@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 6bef28610d4b..9d33cffed6cd 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 61ac0d753df7..0fedbddc9136 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 = '2022.05.16.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'
@@ -20,8 +22,8 @@ Pod::Spec.new do |spec|
   spec.dependency 'boost'
   spec.dependency 'DoubleConversion'
   spec.dependency 'glog'
-  spec.dependency 'fmt' , '~> 6.2.1'
-  spec.compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_PTHREAD=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-documentation -faligned-new'
+  spec.dependency "fmt", "9.1.0"
+  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',
@@ -36,6 +38,8 @@ Pod::Spec.new do |spec|
                       'folly/json_pointer.cpp',
                       'folly/container/detail/F14Table.cpp',
                       'folly/detail/Demangle.cpp',
+                      'folly/detail/FileUtilDetail.cpp',
+                      'folly/detail/SplitStringSimd.cpp',
                       'folly/detail/UniqueInstance.cpp',
                       'folly/hash/SpookyHashV2.cpp',
                       'folly/lang/Assume.cpp',
@@ -44,7 +48,8 @@ Pod::Spec.new do |spec|
                       'folly/memory/detail/MallocImpl.cpp',
                       'folly/net/NetOps.cpp',
                       'folly/portability/SysUio.cpp',
-                      'folly/system/ThreadId.h',
+                      'folly/synchronization/SanitizeThread.cpp',
+                      'folly/system/AtFork.cpp',
                       'folly/system/ThreadId.cpp',
                       'folly/*.h',
                       'folly/container/*.h',
@@ -58,6 +63,7 @@ Pod::Spec.new do |spec|
                       'folly/net/*.h',
                       'folly/net/detail/*.h',
                       'folly/portability/*.h',
+                      'folly/system/*.h',
 
   # workaround for https://github.com/facebook/react-native/issues/14326
   spec.preserve_paths = 'folly/*.h',
@@ -72,10 +78,12 @@ Pod::Spec.new do |spec|
                         'folly/net/*.h',
                         'folly/net/detail/*.h',
                         'folly/portability/*.h',
+                        'folly/system/*.h',
   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/\"",
+                               "DEFINES_MODULE" => "YES",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
+                               "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\""
                              }
@@ -104,50 +112,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/futures/*.{h,cpp}',
-                           'folly/futures/detail/*.{h,cpp}',
-                           'folly/executors/*.{h,cpp}',
-                           'folly/executors/thread_factory/{NamedThreadFactory,ThreadFactory}.{h,cpp}',
-                           'folly/executors/task_queue/{BlockingQueue,UnboundedBlockingQueue,LifoSemMPMCQueue,PriorityUnboundedBlockingQueue,PriorityLifoSemMPMCQueue}.{h,cpp}',
-                           'folly/concurrency/*.{h,cpp}',
-                           'folly/system/{ThreadId,ThreadName,HardwareConcurrency}.{h,cpp}',
-                           'folly/synchronization/*.{h,cpp}',
-                           'folly/synchronization/detail/*.{h,cpp}',
-                           'folly/Try.cpp',
-                           'folly/concurrency/CacheLocality.cpp',
-                           'folly/experimental/{ExecutionObserver,ReadMostlySharedPtr,SingleWriterFixedHashMap,TLRefCount}.{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/io/{Cursor,Cursor-inl,IOBuf,IOBufQueue}.{h,cpp}',
-                           'folly/tracing/StaticTracepoint.{h,cpp}',
-                           'folly/tracing/AsyncStack.{h,cpp}',
-                           'folly/tracing/AsyncStack-inl.h',
-                           'folly/{Executor,ExceptionString,ExceptionWrapper,ExceptionWrapper-inl,FileUtil,Singleton,SharedMutex}.{h,cpp}',
-                           'folly/detail/{AsyncTrace,Futex,Futex-inl,MemoryIdler,SingletonStackTrace,StaticSingletonManager,ThreadLocalDetail}.{h,cpp}',
-                           'folly/lang/SafeAssert.{h,cpp}',
-                           'folly/memory/{MallctlHelper,SanitizeAddress}.{h,cpp}',
-                           'folly/portability/{GFlags,SysUio}.{h,cpp}',
-                           'folly/portability/SysMembarrier.cpp',
-                           'folly/chrono/Hardware.{h,cpp}',
-                           'folly/experimental/coro/Traits.{h,cpp}',
-                           'folly/fibers/*.{h,cpp}',
-                           'folly/experimental/coro/Coroutine.{h,cpp}',
-                           'folly/fibers/Baton-inl.h',
-                           'folly/experimental/**/*.h',
-                           'folly/system/{AtFork,Pid}.{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 3950fce7cbb1..8e924afd367f 100644
--- a/packages/react-native/third-party-podspecs/boost.podspec
+++ b/packages/react-native/third-party-podspecs/boost.podspec
@@ -10,7 +10,7 @@ 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'
-  spec.source = { :http => 'https://boostorg.jfrog.io/artifactory/main/release/1.83.0/source/boost_1_83_0.tar.bz2',
+  spec.source = { :http => 'https://archives.boost.io/release/1.83.0/source/boost_1_83_0.tar.bz2',
                   :sha256 => '6478edfe2f3305127cffe8caf73ea0176c53769f4bf1585be237eb30798c3b8e' }
 
   # Pinning to the same version as React.podspec.
diff --git a/packages/react-native/third-party-podspecs/fmt.podspec b/packages/react-native/third-party-podspecs/fmt.podspec
new file mode 100644
index 000000000000..3bd0c2007d23
--- /dev/null
+++ b/packages/react-native/third-party-podspecs/fmt.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.
+
+Pod::Spec.new do |spec|
+  spec.name = "fmt"
+  spec.version = "9.1.0"
+  spec.license = { :type => "MIT" }
+  spec.homepage = "https://github.com/fmtlib/fmt"
+  spec.summary = "{fmt} is an open-source formatting library for C++. It can be used as a safe and fast alternative to (s)printf and iostreams."
+  spec.authors = "The fmt contributors"
+  spec.source = {
+    :git => "https://github.com/fmtlib/fmt.git",
+    :tag => "9.1.0"
+  }
+  spec.pod_target_xcconfig = {
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
+  }
+  spec.platforms = min_supported_versions
+  spec.libraries = "c++"
+  spec.public_header_files = "include/fmt/*.h"
+  spec.header_mappings_dir = "include"
+  spec.source_files = ["include/fmt/*.h", "src/format.cc"]
+end
diff --git a/packages/react-native/third-party-podspecs/glog.podspec b/packages/react-native/third-party-podspecs/glog.podspec
index 7fbf939939a5..f921ec63cdb1 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/types/__typetests__/index.tsx b/packages/react-native/types/__typetests__/index.tsx
index d7382b98b795..a7f8250e25d0 100644
--- a/packages/react-native/types/__typetests__/index.tsx
+++ b/packages/react-native/types/__typetests__/index.tsx
@@ -2115,4 +2115,7 @@ const ActionSheetIOSTest = () => {
     },
     () => undefined,
   );
+
+  // test dismissActionSheet method
+  ActionSheetIOS.dismissActionSheet();
 };
diff --git a/packages/react-native/types/__typetests__/stylesheet-create.tsx b/packages/react-native/types/__typetests__/stylesheet-create.tsx
index 554ebd74c07b..e2ffba7ee4b9 100644
--- a/packages/react-native/types/__typetests__/stylesheet-create.tsx
+++ b/packages/react-native/types/__typetests__/stylesheet-create.tsx
@@ -8,7 +8,7 @@
  */
 
 import * as React from 'react';
-import {View, StyleSheet} from 'react-native';
+import {View, StyleSheet, type ShadowStyleIOS} from 'react-native';
 
 export function App() {
   return <View style={styles.container} />;
@@ -40,3 +40,15 @@ const styles2 = StyleSheet.create({
     magrinRight: 1,
   },
 });
+
+const shadowOffsetConst: Readonly<ShadowStyleIOS['shadowOffset']> = {
+  width: 1,
+  height: 2,
+};
+
+const styles3 = StyleSheet.create({
+  transforms: {
+    transform: [{translateX: 40}] as const,
+    shadowOffset: shadowOffsetConst,
+  },
+});
diff --git a/packages/react-native/types/index.d.ts b/packages/react-native/types/index.d.ts
index b23e2e0a2ff2..5aeec0685ed0 100644
--- a/packages/react-native/types/index.d.ts
+++ b/packages/react-native/types/index.d.ts
@@ -103,6 +103,7 @@ export * from '../Libraries/Components/View/View';
 export * from '../Libraries/Components/View/ViewAccessibility';
 export * from '../Libraries/Components/View/ViewPropTypes';
 export * from '../Libraries/Components/Button';
+export * from '../Libraries/Core/registerCallableModule';
 export * from '../Libraries/DevToolsSettings/DevToolsSettingsManager';
 export * from '../Libraries/EventEmitter/NativeEventEmitter';
 export * from '../Libraries/EventEmitter/RCTDeviceEventEmitter';
diff --git a/packages/react-native/types/modules/globals.d.ts b/packages/react-native/types/modules/globals.d.ts
index af112c7698ae..51272890300d 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 44aff7e2c7ea..d37dc1e95605 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 e7443e47674e..8eedcd4d52ab 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
  */
 
@@ -14,4 +14,5 @@ module.exports = {
   setupFilesAfterEnv: ['./jest.setup.js'],
   testMatch: ['**/specs/**/*.js'],
   maxWorkers: 1,
+  verbose: true,
 };
diff --git a/packages/rn-tester-e2e/jest.setup.js b/packages/rn-tester-e2e/jest.setup.js
index abee7e1763c5..8fe6ca699212 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;
@@ -20,19 +21,30 @@ const config = {
   host: 'localhost',
   port: 4723,
   waitforTimeout: 60000,
-  logLevel: 'error',
   capabilities: {
     ...capabilities,
   },
 };
 
 beforeEach(async () => {
+  // $FlowFixMe
+  let testName: any = expect.getState().currentTestName;
+  console.info(
+    '------------------------------------------------------------ Test is starting... ------------------------------------------------------------',
+  );
+  console.info(
+    '------------------------------ Test name: ' +
+      testName +
+      ' ------------------------------',
+  );
   driver = await wdio.remote(config);
 });
 
 afterEach(async () => {
-  console.info('[afterAll] Done with testing!');
   await driver.deleteSession();
+  console.info(
+    '------------------------------------------------------------ Done with testing. ------------------------------------------------------------',
+  );
 });
 
 export {driver};
diff --git a/packages/rn-tester-e2e/package.json b/packages/rn-tester-e2e/package.json
index 05cee8d06355..b71b87ab30e6 100644
--- a/packages/rn-tester-e2e/package.json
+++ b/packages/rn-tester-e2e/package.json
@@ -1,25 +1,25 @@
 {
   "name": "@react-native/tester-e2e",
   "private": true,
-  "version": "0.0.1",
+  "version": "0.74.88",
   "license": "MIT",
   "description": "React Native E2E tester app.",
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/rn-tester-e2e",
   "repository": {
-  "type": "git",
-  "url": "git@github.com:facebook/react-native.git",
-  "directory": "packages/rn-tester-e2e"
+    "type": "git",
+    "url": "git@github.com:facebook/react-native.git",
+    "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": {
-    "eslint": "^8.19.0",
-    "jest": "^29.6.3",
-    "webdriverio": "^7.32.0",
     "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
     "@babel/plugin-transform-flow-strip-types": "^7.20.0",
-    "@types/jest": "^29.5.3"
+    "@babel/preset-env": "^7.20.0",
+    "@types/jest": "^29.5.3",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "webdriverio": "^7.32.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 22baaf4e4505..286ecf561695 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 b7f60142cc19..2ff88eecbed0 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 715ad94cb384..605309ce668b 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 fd86a731ef8a..b498546e3402 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 a5ef65ecbff9..5ac4975879ce 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 27306e2a3d88..ee2f00907030 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 cfb08acee56a..c711313deb75 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 edc4e8a39efb..098611db51e3 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 39c7a55b79dc..88e58361b35d 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 82f8e7741a04..705544b97049 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 67e24eb36e32..b79b899750ef 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 ba4145f01e42..c9966f318d35 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 bfc0eaa4f6f0..6a3d53c694fd 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 edd939d592e2..de72af96c86f 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 ed18b46d33fd..f75364d06f85 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 c5acab291007..3c7eb202b1eb 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 f48a3a255990..fc18395a8a16 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 cb20af8bf2b4..6e22586298dd 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 76a971d8218a..96d387b9a520 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 9722f049d97b..6eb6976e870b 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 648ddc8db06f..5b5c930c6ac4 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 972411e08082..61cd4c003f07 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 0411c57a0492..0a0114803144 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 a66fd6c04cbc..687d5db0dc63 100644
--- a/packages/rn-tester/Gemfile
+++ b/packages/rn-tester/Gemfile
@@ -1,5 +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.5', '< 7.1.0'
diff --git a/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js b/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js
index e68cd5bb6826..45e1fab43cfc 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 e1736962006f..0853b9edc99d 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 46efb579d825..072948763637 100644
--- a/packages/rn-tester/IntegrationTests/LayoutEventsTest.js
+++ b/packages/rn-tester/IntegrationTests/LayoutEventsTest.js
@@ -10,24 +10,22 @@
 
 'use strict';
 
-const React = require('react');
-const ReactNative = require('react-native');
-const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
-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 c18cd8b42543..5a04efad2226 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 3721840c8c0a..33f81521640c 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 23f1db01e1cc..43f99364d856 100644
--- a/packages/rn-tester/NativeComponentExample/MyNativeView.podspec
+++ b/packages/rn-tester/NativeComponentExample/MyNativeView.podspec
@@ -23,19 +23,11 @@ Pod::Spec.new do |s|
   s.source          = { :git => "https://github.com/facebook/my-native-view.git", :tag => "#{s.version}" }
   s.pod_target_xcconfig    = {
     "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/boost\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\"",
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard()
   }
 
   s.source_files    = "ios/**/*.{h,m,mm,cpp}"
   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 2125e36313f6..4c6a9cefeb9c 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,27 +41,40 @@ + (BOOL)requiresMainQueueSetup
 RCT_EXPORT_METHOD(changeBackgroundColor : (nonnull NSNumber *)reactTag color : (NSString *)color)
 {
   [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
-    UIView *view = viewRegistry[reactTag];
-    if (!view || ![view isKindOfClass:[RNTLegacyView class]]) {
-      RCTLogError(@"Cannot find RNTLegacyView with tag #%@", reactTag);
-      return;
+    if (UIView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) {
+      [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];
-
-    UIColor *newColor = [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
-                                        green:((rgbValue & 0xFF00) >> 8) / 255.0
-                                         blue:(rgbValue & 0xFF) / 255.0
-                                        alpha:1.0];
-    view.backgroundColor = newColor;
+RCT_EXPORT_METHOD(addOverlays : (nonnull NSNumber *)reactTag overlayColors : (NSArray *)overlayColors)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    if (UIView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) {
+      [view addColorOverlays:overlayColors];
+    }
   }];
 }
 
+RCT_EXPORT_METHOD(removeOverlays : (nonnull NSNumber *)reactTag)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
+    if (UIView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) {
+      [view removeOverlays];
+    }
+  }];
+}
+
++ (UIView *)getViewByTag:(NSDictionary<NSNumber *, UIView *> *)viewRegistry reactTag:(nonnull NSNumber *)reactTag
+{
+  UIView *view = viewRegistry[reactTag];
+  if (!view || ![view isKindOfClass:[RNTLegacyView class]]) {
+    RCTLogError(@"Cannot find RNTLegacyView with tag #%@", reactTag);
+    return NULL;
+  }
+  return view;
+}
+
 - (UIView *)view
 {
   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 000000000000..38e76af812f3
--- /dev/null
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewCommon.mm
@@ -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.
+ */
+
+#import "UIView+ColorOverlays.h"
+
+@implementation UIView (ColorOverlays)
+
+- (void)setBackgroundColorWithColorString:(NSString *)colorString
+{
+  UIColor *color = [UIView UIColorFromHexString:std::string([colorString UTF8String])];
+  self.backgroundColor = color;
+}
+
+- (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);
+    UIView *overlayView = [[UIView alloc] initWithFrame:rect];
+    UIColor *color = [UIView UIColorFromHexString:std::string([colorString UTF8String])];
+    overlayView.backgroundColor = color;
+    [self addSubview:overlayView];
+  }
+}
+
+- (void)removeOverlays
+{
+  NSArray *viewsToRemove = [self subviews];
+  for (UIView *subview in viewsToRemove) {
+    [subview removeFromSuperview];
+  }
+}
+
++ (UIColor *)UIColorFromHexString:(const std::string)hexString
+{
+  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 [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
+                         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 60f930debdfb..e94c9a55c893 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;
 
-- (UIColor *)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 b34558547470..8744f6117f5e 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;
 }
 
-- (UIColor *)UIColorFromHexString:(const std::string)hexString
-{
-  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 [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
-                         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
 {
-  UIColor *color = [self UIColorFromHexString:std::string([colorString UTF8String])];
-  _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 6729d8f12cb0..cb4669abe9a7 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,17 +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 = [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
-                                           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 000000000000..3ff0700444fe
--- /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 <UIKit/UIKit.h>
+#import <string>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface UIView (ColorOverlays)
+
+- (void)setBackgroundColorWithColorString:(NSString *)colorString;
+- (void)addColorOverlays:(const NSArray *)overlayColors;
+- (void)removeOverlays;
++ (UIColor *)UIColorFromHexString:(const std::string)hexString;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js b/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js
index f1f48517e594..859b2cfc1732 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 c74c0f084e76..5d992c04f4fd 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 e7b3ee28742a..4b062598cf10 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 0fe23d107d9e..e017b80962aa 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 fb258b6022db..abec005d02e0 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 fa160030783f..9017ab9f7b61 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 93b03705253e..ae4e4658d5c2 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/NativeCxxModuleExample/NativeCxxModuleExample.podspec b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.podspec
index 1d41471bc34c..73162939e40d 100644
--- a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.podspec
+++ b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.podspec
@@ -22,7 +22,7 @@ Pod::Spec.new do |s|
   s.requires_arc    = true
   s.pod_target_xcconfig = {
     "USE_HEADERMAP" => "YES",
-    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard()
   }
 
   install_modules_dependencies(s)
diff --git a/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js b/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js
index 60aae1100ada..f0a039add0f1 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 2082df5691ed..17daaf5934d9 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 36f670df0d5e..38b8c251da38 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 = true
@@ -48,26 +46,20 @@ def pods(target_name, options = {}, use_flipper: $shouldUseFlipper)
     path: @prefix_path,
     fabric_enabled: fabric_enabled,
     hermes_enabled: hermes_enabled,
-    flipper_configuration: use_flipper ? FlipperConfiguration.enabled : FlipperConfiguration.disabled,
     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 5a18cf126afc..719fc010232c 100644
--- a/packages/rn-tester/Podfile.lock
+++ b/packages/rn-tester/Podfile.lock
@@ -1,129 +1,93 @@
 PODS:
   - boost (1.83.0)
-  - CocoaAsyncSocket (7.6.5)
   - DoubleConversion (1.1.6)
-  - FBLazyVector (1000.0.0)
-  - FBReactNativeSpec (1000.0.0):
-    - RCT-Folly (= 2022.05.16.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)
-  - Flipper (0.201.0):
-    - Flipper-Folly (~> 2.6)
-  - 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-Boost-iOSX
-    - Flipper-DoubleConversion
-    - Flipper-Fmt (= 7.1.7)
-    - Flipper-Glog
-    - libevent (~> 2.1.12)
-    - OpenSSL-Universal (= 1.1.1100)
-  - Flipper-Glog (0.5.0.5)
-  - Flipper-PeerTalk (0.0.4)
-  - FlipperKit (0.201.0):
-    - FlipperKit/Core (= 0.201.0)
-  - FlipperKit/Core (0.201.0):
-    - Flipper (~> 0.201.0)
-    - FlipperKit/CppBridge
-    - FlipperKit/FBCxxFollyDynamicConvert
-    - FlipperKit/FBDefines
-    - FlipperKit/FKPortForwarding
-    - SocketRocket (~> 0.6.0)
-  - FlipperKit/CppBridge (0.201.0):
-    - Flipper (~> 0.201.0)
-  - FlipperKit/FBCxxFollyDynamicConvert (0.201.0):
-    - Flipper-Folly (~> 2.6)
-  - FlipperKit/FBDefines (0.201.0)
-  - FlipperKit/FKPortForwarding (0.201.0):
-    - CocoaAsyncSocket (~> 7.6)
-    - Flipper-PeerTalk (~> 0.0.4)
-  - FlipperKit/FlipperKitHighlightOverlay (0.201.0)
-  - FlipperKit/FlipperKitLayoutHelpers (0.201.0):
-    - FlipperKit/Core
-    - FlipperKit/FlipperKitHighlightOverlay
-    - FlipperKit/FlipperKitLayoutTextSearchable
-  - FlipperKit/FlipperKitLayoutIOSDescriptors (0.201.0):
-    - FlipperKit/Core
-    - FlipperKit/FlipperKitHighlightOverlay
-    - FlipperKit/FlipperKitLayoutHelpers
-  - FlipperKit/FlipperKitLayoutPlugin (0.201.0):
-    - FlipperKit/Core
-    - FlipperKit/FlipperKitHighlightOverlay
-    - FlipperKit/FlipperKitLayoutHelpers
-    - FlipperKit/FlipperKitLayoutIOSDescriptors
-    - FlipperKit/FlipperKitLayoutTextSearchable
-  - FlipperKit/FlipperKitLayoutTextSearchable (0.201.0)
-  - FlipperKit/FlipperKitNetworkPlugin (0.201.0):
-    - FlipperKit/Core
-  - FlipperKit/FlipperKitReactPlugin (0.201.0):
-    - FlipperKit/Core
-  - FlipperKit/FlipperKitUserDefaultsPlugin (0.201.0):
-    - FlipperKit/Core
-  - FlipperKit/SKIOSNetworkPlugin (0.201.0):
-    - FlipperKit/Core
-    - FlipperKit/FlipperKitNetworkPlugin
-  - fmt (6.2.1)
+  - FBLazyVector (0.74.2)
+  - fmt (9.1.0)
   - glog (0.3.5)
-  - hermes-engine (1000.0.0):
-    - hermes-engine/Hermes (= 1000.0.0)
-    - hermes-engine/inspector (= 1000.0.0)
-    - hermes-engine/inspector_chrome (= 1000.0.0)
-    - hermes-engine/Public (= 1000.0.0)
-  - hermes-engine/Hermes (1000.0.0)
-  - hermes-engine/inspector (1000.0.0)
-  - hermes-engine/inspector_chrome (1000.0.0)
-  - hermes-engine/Public (1000.0.0)
-  - libevent (2.1.12)
-  - OCMock (3.9.1)
-  - OpenSSL-Universal (1.1.1100)
-  - RCT-Folly (2022.05.16.00):
-    - boost
+  - hermes-engine (0.74.2):
+    - hermes-engine/Pre-built (= 0.74.2)
+  - hermes-engine/Pre-built (0.74.2)
+  - MyNativeView (0.74.84):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - NativeCxxModuleExample (0.74.84):
     - DoubleConversion
-    - fmt (~> 6.2.1)
     - glog
-    - RCT-Folly/Default (= 2022.05.16.00)
-  - RCT-Folly/Default (2022.05.16.00):
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - OCMock (3.9.1)
+  - RCT-Folly (2024.01.01.00):
     - boost
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
-  - RCT-Folly/Fabric (2022.05.16.00):
+    - RCT-Folly/Default (= 2024.01.01.00)
+  - RCT-Folly/Default (2024.01.01.00):
     - boost
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
-  - RCT-Folly/Futures (2022.05.16.00):
+  - RCT-Folly/Fabric (2024.01.01.00):
     - boost
     - DoubleConversion
-    - fmt (~> 6.2.1)
-    - glog
-    - libevent
-  - RCTRequired (1000.0.0)
-  - RCTTypeSafety (1000.0.0):
-    - FBLazyVector (= 1000.0.0)
-    - RCTRequired (= 1000.0.0)
-    - React-Core (= 1000.0.0)
-  - React (1000.0.0):
-    - React-Core (= 1000.0.0)
-    - React-Core/DevSupport (= 1000.0.0)
-    - React-Core/RCTWebSocket (= 1000.0.0)
-    - React-RCTActionSheet (= 1000.0.0)
-    - React-RCTAnimation (= 1000.0.0)
-    - React-RCTBlob (= 1000.0.0)
-    - React-RCTImage (= 1000.0.0)
-    - React-RCTLinking (= 1000.0.0)
-    - React-RCTNetwork (= 1000.0.0)
-    - React-RCTSettings (= 1000.0.0)
-    - React-RCTText (= 1000.0.0)
-    - React-RCTVibration (= 1000.0.0)
-  - React-callinvoker (1000.0.0)
-  - React-Codegen (1000.0.0):
+    - fmt (= 9.1.0)
+    - glog
+  - RCTDeprecation (0.74.2)
+  - RCTRequired (0.74.2)
+  - RCTTypeSafety (0.74.2):
+    - FBLazyVector (= 0.74.2)
+    - RCTRequired (= 0.74.2)
+    - React-Core (= 0.74.2)
+  - React (0.74.2):
+    - React-Core (= 0.74.2)
+    - React-Core/DevSupport (= 0.74.2)
+    - React-Core/RCTWebSocket (= 0.74.2)
+    - React-RCTActionSheet (= 0.74.2)
+    - React-RCTAnimation (= 0.74.2)
+    - React-RCTBlob (= 0.74.2)
+    - React-RCTImage (= 0.74.2)
+    - React-RCTLinking (= 0.74.2)
+    - React-RCTNetwork (= 0.74.2)
+    - React-RCTSettings (= 0.74.2)
+    - React-RCTText (= 0.74.2)
+    - React-RCTVibration (= 0.74.2)
+  - React-callinvoker (0.74.2)
+  - React-Codegen (0.74.2):
     - DoubleConversion
-    - FBReactNativeSpec
     - glog
     - hermes-engine
     - RCT-Folly
@@ -132,1074 +96,1208 @@ PODS:
     - React-Core
     - React-debug
     - React-Fabric
+    - React-FabricImage
+    - React-featureflags
     - React-graphics
     - React-jsi
     - React-jsiexecutor
     - React-NativeModulesApple
     - React-rendererdebug
-    - React-rncore
     - React-utils
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-  - React-Core (1000.0.0):
+  - React-Core (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - React-Core/Default (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.74.2)
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/CoreModulesHeaders (1000.0.0):
+  - React-Core/CoreModulesHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/Default (1000.0.0):
+  - React-Core/Default (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/DevSupport (1000.0.0):
+  - React-Core/DevSupport (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - React-Core/Default (= 1000.0.0)
-    - React-Core/RCTWebSocket (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.74.2)
+    - React-Core/RCTWebSocket (= 0.74.2)
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
-    - React-jsinspector (= 1000.0.0)
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTActionSheetHeaders (1000.0.0):
+  - React-Core/RCTActionSheetHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTAnimationHeaders (1000.0.0):
+  - React-Core/RCTAnimationHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTBlobHeaders (1000.0.0):
+  - React-Core/RCTBlobHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTImageHeaders (1000.0.0):
+  - React-Core/RCTImageHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTLinkingHeaders (1000.0.0):
+  - React-Core/RCTLinkingHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTNetworkHeaders (1000.0.0):
+  - React-Core/RCTNetworkHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTPushNotificationHeaders (1000.0.0):
+  - React-Core/RCTPushNotificationHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTSettingsHeaders (1000.0.0):
+  - React-Core/RCTSettingsHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTTextHeaders (1000.0.0):
+  - React-Core/RCTTextHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTVibrationHeaders (1000.0.0):
+  - React-Core/RCTVibrationHeaders (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-Core/RCTWebSocket (1000.0.0):
+  - React-Core/RCTWebSocket (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - React-Core/Default (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
+    - React-Core/Default (= 0.74.2)
     - React-cxxreact
+    - React-featureflags
     - React-hermes
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
-    - SocketRocket (= 0.6.0)
+    - SocketRocket (= 0.7.0)
     - Yoga
-  - React-CoreModules (1000.0.0):
-    - RCT-Folly (= 2022.05.16.00)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/CoreModulesHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
+  - React-CoreModules (0.74.2):
+    - DoubleConversion
+    - fmt (= 9.1.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety (= 0.74.2)
+    - React-Codegen
+    - React-Core/CoreModulesHeaders (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-jsinspector
+    - React-NativeModulesApple
     - React-RCTBlob
-    - React-RCTImage (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-    - SocketRocket (= 0.6.0)
-  - React-cxxreact (1000.0.0):
+    - React-RCTImage (= 0.74.2)
+    - ReactCommon
+    - SocketRocket (= 0.7.0)
+  - React-cxxreact (0.74.2):
     - boost (= 1.83.0)
     - DoubleConversion
-    - fmt (~> 6.2.1)
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - React-callinvoker (= 1000.0.0)
-    - React-debug (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-jsinspector (= 1000.0.0)
-    - React-logger (= 1000.0.0)
-    - React-perflogger (= 1000.0.0)
-    - React-runtimeexecutor (= 1000.0.0)
-  - React-debug (1000.0.0)
-  - React-Fabric (1000.0.0):
-    - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Core
-    - React-cxxreact
-    - React-debug
-    - React-Fabric/animations (= 1000.0.0)
-    - React-Fabric/attributedstring (= 1000.0.0)
-    - React-Fabric/butter (= 1000.0.0)
-    - React-Fabric/componentregistry (= 1000.0.0)
-    - React-Fabric/componentregistrynative (= 1000.0.0)
-    - React-Fabric/components (= 1000.0.0)
-    - React-Fabric/core (= 1000.0.0)
-    - React-Fabric/imagemanager (= 1000.0.0)
-    - React-Fabric/leakchecker (= 1000.0.0)
-    - React-Fabric/mounting (= 1000.0.0)
-    - React-Fabric/scheduler (= 1000.0.0)
-    - React-Fabric/telemetry (= 1000.0.0)
-    - React-Fabric/templateprocessor (= 1000.0.0)
-    - React-Fabric/textlayoutmanager (= 1000.0.0)
-    - React-Fabric/uimanager (= 1000.0.0)
-    - React-graphics (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
-    - React-logger
-    - React-rendererdebug
-    - React-runtimescheduler
-    - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/animations (1000.0.0):
+    - RCT-Folly (= 2024.01.01.00)
+    - React-callinvoker (= 0.74.2)
+    - React-debug (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-jsinspector
+    - React-logger (= 0.74.2)
+    - React-perflogger (= 0.74.2)
+    - React-runtimeexecutor (= 0.74.2)
+  - React-debug (0.74.2)
+  - React-Fabric (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-Fabric/animations (= 0.74.2)
+    - React-Fabric/attributedstring (= 0.74.2)
+    - React-Fabric/componentregistry (= 0.74.2)
+    - React-Fabric/componentregistrynative (= 0.74.2)
+    - React-Fabric/components (= 0.74.2)
+    - React-Fabric/core (= 0.74.2)
+    - React-Fabric/imagemanager (= 0.74.2)
+    - React-Fabric/leakchecker (= 0.74.2)
+    - React-Fabric/mounting (= 0.74.2)
+    - React-Fabric/scheduler (= 0.74.2)
+    - React-Fabric/telemetry (= 0.74.2)
+    - React-Fabric/templateprocessor (= 0.74.2)
+    - React-Fabric/textlayoutmanager (= 0.74.2)
+    - React-Fabric/uimanager (= 0.74.2)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/attributedstring (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/animations (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/butter (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/attributedstring (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/componentregistry (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/componentregistry (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/componentregistrynative (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/componentregistrynative (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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/components/inputaccessory (= 1000.0.0)
-    - React-Fabric/components/legacyviewmanagerinterop (= 1000.0.0)
-    - React-Fabric/components/modal (= 1000.0.0)
-    - React-Fabric/components/rncore (= 1000.0.0)
-    - React-Fabric/components/root (= 1000.0.0)
-    - React-Fabric/components/safeareaview (= 1000.0.0)
-    - React-Fabric/components/scrollview (= 1000.0.0)
-    - React-Fabric/components/text (= 1000.0.0)
-    - 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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-Fabric/components/inputaccessory (= 0.74.2)
+    - React-Fabric/components/legacyviewmanagerinterop (= 0.74.2)
+    - React-Fabric/components/modal (= 0.74.2)
+    - React-Fabric/components/rncore (= 0.74.2)
+    - React-Fabric/components/root (= 0.74.2)
+    - React-Fabric/components/safeareaview (= 0.74.2)
+    - React-Fabric/components/scrollview (= 0.74.2)
+    - React-Fabric/components/text (= 0.74.2)
+    - React-Fabric/components/textinput (= 0.74.2)
+    - React-Fabric/components/unimplementedview (= 0.74.2)
+    - React-Fabric/components/view (= 0.74.2)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/inputaccessory (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/inputaccessory (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/legacyviewmanagerinterop (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/legacyviewmanagerinterop (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/modal (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/modal (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/rncore (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/rncore (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/root (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/root (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/safeareaview (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/safeareaview (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/scrollview (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/scrollview (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/text (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/text (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/textinput (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/textinput (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/unimplementedview (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/unimplementedview (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/components/view (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/components/view (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - 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):
+  - React-Fabric/core (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/imagemanager (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/imagemanager (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/leakchecker (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/leakchecker (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/mounting (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/mounting (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/scheduler (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/scheduler (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/telemetry (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/telemetry (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/templateprocessor (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/templateprocessor (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/textlayoutmanager (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/textlayoutmanager (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-Fabric/uimanager (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-Fabric/uimanager (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-FabricImage (1000.0.0):
+    - ReactCommon/turbomodule/core
+  - React-FabricImage (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired (= 0.74.2)
+    - RCTTypeSafety (= 0.74.2)
     - React-Fabric
-    - React-graphics (= 1000.0.0)
+    - React-graphics
     - React-ImageManager
-    - React-jsi (= 1000.0.0)
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsi
+    - React-jsiexecutor (= 0.74.2)
     - React-logger
     - React-rendererdebug
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon
     - Yoga
-  - React-graphics (1000.0.0):
+  - React-featureflags (0.74.2)
+  - React-graphics (0.74.2):
+    - DoubleConversion
+    - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2022.05.16.00)
-    - React-Core/Default (= 1000.0.0)
-  - React-hermes (1000.0.0):
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-Core/Default (= 0.74.2)
+    - React-utils
+  - React-hermes (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - RCT-Folly/Futures (= 2022.05.16.00)
-    - React-cxxreact (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - React-cxxreact (= 0.74.2)
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
-    - React-jsinspector (= 1000.0.0)
-    - React-perflogger (= 1000.0.0)
-  - React-ImageManager (1000.0.0):
+    - React-jsiexecutor (= 0.74.2)
+    - React-jsinspector
+    - React-perflogger (= 0.74.2)
+    - React-runtimeexecutor
+  - React-ImageManager (0.74.2):
     - glog
     - RCT-Folly/Fabric
     - React-Core/Default
     - React-debug
     - React-Fabric
-    - React-RCTImage
+    - React-graphics
     - React-rendererdebug
     - React-utils
-  - React-jserrorhandler (1000.0.0):
-    - RCT-Folly/Fabric (= 2022.05.16.00)
-    - React-jsi (= 1000.0.0)
+  - React-jserrorhandler (0.74.2):
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-debug
+    - React-jsi
     - React-Mapbuffer
-  - React-jsi (1000.0.0):
+  - React-jsi (0.74.2):
     - boost (= 1.83.0)
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2022.05.16.00)
-  - React-jsiexecutor (1000.0.0):
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+  - React-jsiexecutor (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
-    - React-cxxreact (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-perflogger (= 1000.0.0)
-  - React-jsinspector (1000.0.0)
-  - React-logger (1000.0.0):
+    - RCT-Folly (= 2024.01.01.00)
+    - React-cxxreact (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-jsinspector
+    - React-perflogger (= 0.74.2)
+  - React-jsinspector (0.74.2):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+    - React-featureflags
+    - React-jsi
+    - React-runtimeexecutor (= 0.74.2)
+  - React-jsitracing (0.74.2):
+    - React-jsi
+  - React-logger (0.74.2):
     - glog
-  - React-Mapbuffer (1000.0.0):
+  - React-Mapbuffer (0.74.2):
     - glog
     - React-debug
-  - React-nativeconfig (1000.0.0)
-  - React-NativeModulesApple (1000.0.0):
+  - React-nativeconfig (0.74.2)
+  - React-NativeModulesApple (0.74.2):
     - glog
     - hermes-engine
     - React-callinvoker
     - React-Core
     - React-cxxreact
     - React-jsi
+    - React-jsinspector
     - React-runtimeexecutor
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-  - React-perflogger (1000.0.0)
-  - React-RCTActionSheet (1000.0.0):
-    - React-Core/RCTActionSheetHeaders (= 1000.0.0)
-  - React-RCTAnimation (1000.0.0):
-    - RCT-Folly (= 2022.05.16.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)
-  - React-RCTAppDelegate (1000.0.0):
-    - RCT-Folly
+  - React-perflogger (0.74.2)
+  - React-RCTActionSheet (0.74.2):
+    - React-Core/RCTActionSheetHeaders (= 0.74.2)
+  - React-RCTAnimation (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTAnimationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-RCTAppDelegate (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
     - RCTRequired
     - RCTTypeSafety
+    - React-Codegen
     - React-Core
     - React-CoreModules
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
     - React-hermes
     - React-nativeconfig
     - React-NativeModulesApple
     - React-RCTFabric
     - React-RCTImage
     - React-RCTNetwork
+    - React-rendererdebug
+    - React-RuntimeApple
+    - React-RuntimeCore
+    - React-RuntimeHermes
     - React-runtimescheduler
-    - ReactCommon/turbomodule/core
-  - React-RCTBlob (1000.0.0):
+    - React-utils
+    - ReactCommon
+  - React-RCTBlob (0.74.2):
+    - DoubleConversion
+    - fmt (= 9.1.0)
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.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)
-  - React-RCTFabric (1000.0.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 (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly/Fabric (= 2022.05.16.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-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 (= 2022.05.16.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)
-  - React-RCTLinking (1000.0.0):
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTLinkingHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-RCTNetwork (1000.0.0):
-    - RCT-Folly (= 2022.05.16.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)
-  - 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)
-  - React-RCTSettings (1000.0.0):
-    - RCT-Folly (= 2022.05.16.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)
-  - React-RCTTest (1000.0.0):
-    - RCT-Folly (= 2022.05.16.00)
-    - React-Core (= 1000.0.0)
-    - React-CoreModules (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-RCTText (1000.0.0):
-    - React-Core/RCTTextHeaders (= 1000.0.0)
+  - React-RCTImage (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTImageHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTNetwork
+    - ReactCommon
+  - React-RCTLinking (0.74.2):
+    - React-Codegen
+    - React-Core/RCTLinkingHeaders (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-NativeModulesApple
+    - ReactCommon
+    - ReactCommon/turbomodule/core (= 0.74.2)
+  - React-RCTNetwork (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTNetworkHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-RCTPushNotification (0.74.2):
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTPushNotificationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-RCTSettings (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTSettingsHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-RCTTest (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - React-Core (= 0.74.2)
+    - React-CoreModules (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - ReactCommon/turbomodule/core (= 0.74.2)
+  - React-RCTText (0.74.2):
+    - React-Core/RCTTextHeaders (= 0.74.2)
     - Yoga
-  - React-RCTVibration (1000.0.0):
-    - RCT-Folly (= 2022.05.16.00)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTVibrationHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
-  - React-rendererdebug (1000.0.0):
+  - React-RCTVibration (0.74.2):
+    - RCT-Folly (= 2024.01.01.00)
+    - React-Codegen
+    - React-Core/RCTVibrationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
+  - React-rendererdebug (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
-    - RCT-Folly (= 2022.05.16.00)
+    - fmt (= 9.1.0)
+    - RCT-Folly (= 2024.01.01.00)
     - React-debug
-  - React-rncore (1000.0.0)
-  - React-runtimeexecutor (1000.0.0):
-    - React-jsi (= 1000.0.0)
-  - React-runtimescheduler (1000.0.0):
+  - React-rncore (0.74.2)
+  - React-RuntimeApple (0.74.2):
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-callinvoker
+    - React-Core/Default
+    - React-CoreModules
+    - React-cxxreact
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-Mapbuffer
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-RuntimeHermes
+    - React-utils
+  - React-RuntimeCore (0.74.2):
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-cxxreact
+    - React-featureflags
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
+  - React-runtimeexecutor (0.74.2):
+    - React-jsi (= 0.74.2)
+  - React-RuntimeHermes (0.74.2):
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-featureflags
+    - React-hermes
+    - React-jsi
+    - React-jsinspector
+    - React-jsitracing
+    - React-nativeconfig
+    - React-RuntimeCore
+    - React-utils
+  - React-runtimescheduler (0.74.2):
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-callinvoker
+    - React-cxxreact
     - React-debug
+    - React-featureflags
     - React-jsi
+    - React-rendererdebug
     - React-runtimeexecutor
     - React-utils
-  - React-utils (1000.0.0):
+  - React-utils (0.74.2):
     - glog
-    - RCT-Folly (= 2022.05.16.00)
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
     - React-debug
-  - ReactCommon-Samples (1000.0.0):
+    - React-jsi (= 0.74.2)
+  - ReactCommon (0.74.2):
+    - ReactCommon/turbomodule (= 0.74.2)
+  - ReactCommon-Samples (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - hermes-engine
     - RCT-Folly
     - React-Codegen
     - React-Core
     - React-cxxreact
+    - React-jsi
     - React-NativeModulesApple
-    - ReactCommon/turbomodule/core
-  - ReactCommon/turbomodule/bridging (1000.0.0):
+    - ReactCommon
+  - ReactCommon/turbomodule (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.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/core (1000.0.0):
+    - RCT-Folly (= 2024.01.01.00)
+    - React-callinvoker (= 0.74.2)
+    - React-cxxreact (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-logger (= 0.74.2)
+    - React-perflogger (= 0.74.2)
+    - ReactCommon/turbomodule/bridging (= 0.74.2)
+    - ReactCommon/turbomodule/core (= 0.74.2)
+  - ReactCommon/turbomodule/bridging (0.74.2):
     - DoubleConversion
-    - fmt (~> 6.2.1)
+    - fmt (= 9.1.0)
     - glog
     - hermes-engine
-    - RCT-Folly (= 2022.05.16.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)
-  - ScreenshotManager (0.0.1):
-    - glog
-    - RCT-Folly (= 2022.05.16.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - React-callinvoker (= 0.74.2)
+    - React-cxxreact (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-logger (= 0.74.2)
+    - React-perflogger (= 0.74.2)
+  - ReactCommon/turbomodule/core (0.74.2):
+    - DoubleConversion
+    - fmt (= 9.1.0)
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+    - React-callinvoker (= 0.74.2)
+    - React-cxxreact (= 0.74.2)
+    - React-debug (= 0.74.2)
+    - React-jsi (= 0.74.2)
+    - React-logger (= 0.74.2)
+    - React-perflogger (= 0.74.2)
+    - React-utils (= 0.74.2)
+  - ScreenshotManager (0.74.84):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
     - React-Core
-  - SocketRocket (0.6.0)
-  - Yoga (1.14.0)
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - SocketRocket (0.7.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`)
-  - 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)
-  - FlipperKit (= 0.201.0)
-  - FlipperKit/Core (= 0.201.0)
-  - FlipperKit/CppBridge (= 0.201.0)
-  - FlipperKit/FBCxxFollyDynamicConvert (= 0.201.0)
-  - FlipperKit/FBDefines (= 0.201.0)
-  - FlipperKit/FKPortForwarding (= 0.201.0)
-  - FlipperKit/FlipperKitHighlightOverlay (= 0.201.0)
-  - FlipperKit/FlipperKitLayoutPlugin (= 0.201.0)
-  - FlipperKit/FlipperKitLayoutTextSearchable (= 0.201.0)
-  - FlipperKit/FlipperKitNetworkPlugin (= 0.201.0)
-  - FlipperKit/FlipperKitReactPlugin (= 0.201.0)
-  - FlipperKit/FlipperKitUserDefaultsPlugin (= 0.201.0)
-  - FlipperKit/SKIOSNetworkPlugin (= 0.201.0)
+  - fmt (from `../react-native/third-party-podspecs/fmt.podspec`)
   - glog (from `../react-native/third-party-podspecs/glog.podspec`)
   - hermes-engine (from `../react-native/sdks/hermes-engine/hermes-engine.podspec`)
-  - libevent (~> 2.1.12)
+  - MyNativeView (from `NativeComponentExample`)
+  - NativeCxxModuleExample (from `NativeCxxModuleExample`)
   - OCMock (~> 3.9.1)
-  - OpenSSL-Universal (= 1.1.1100)
   - RCT-Folly (from `../react-native/third-party-podspecs/RCT-Folly.podspec`)
   - RCT-Folly/Fabric (from `../react-native/third-party-podspecs/RCT-Folly.podspec`)
-  - RCTRequired (from `../react-native/Libraries/RCTRequired`)
+  - RCTDeprecation (from `../react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
+  - RCTRequired (from `../react-native/Libraries/Required`)
   - RCTTypeSafety (from `../react-native/Libraries/TypeSafety`)
   - React (from `../react-native/`)
   - React-callinvoker (from `../react-native/ReactCommon/callinvoker`)
   - React-Codegen (from `build/generated/ios`)
   - React-Core (from `../react-native/`)
-  - React-Core/DevSupport (from `../react-native/`)
   - React-Core/RCTWebSocket (from `../react-native/`)
   - React-CoreModules (from `../react-native/React/CoreModules`)
   - React-cxxreact (from `../react-native/ReactCommon/cxxreact`)
   - 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-hermes (from `../react-native/ReactCommon/hermes`)
   - React-ImageManager (from `../react-native/ReactCommon/react/renderer/imagemanager/platform/ios`)
@@ -1207,6 +1305,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`)
@@ -1227,7 +1326,10 @@ 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-RuntimeHermes (from `../react-native/ReactCommon/react/runtime`)
   - React-runtimescheduler (from `../react-native/ReactCommon/react/renderer/runtimescheduler`)
   - React-utils (from `../react-native/ReactCommon/react/utils`)
   - ReactCommon-Samples (from `../react-native/ReactCommon/react/nativemodule/samples`)
@@ -1237,19 +1339,7 @@ DEPENDENCIES:
 
 SPEC REPOS:
   trunk:
-    - CocoaAsyncSocket
-    - Flipper
-    - Flipper-Boost-iOSX
-    - Flipper-DoubleConversion
-    - Flipper-Fmt
-    - Flipper-Folly
-    - Flipper-Glog
-    - Flipper-PeerTalk
-    - FlipperKit
-    - fmt
-    - libevent
     - OCMock
-    - OpenSSL-Universal
     - SocketRocket
 
 EXTERNAL SOURCES:
@@ -1259,17 +1349,23 @@ 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"
   hermes-engine:
     :podspec: "../react-native/sdks/hermes-engine/hermes-engine.podspec"
-    :tag: ''
+    :tag: hermes-2024-06-03-RNv0.74.2-bb1e74fe1e95c2b5a2f4f9311152da052badc2bc
+  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/RCTRequired"
+    :path: "../react-native/Libraries/Required"
   RCTTypeSafety:
     :path: "../react-native/Libraries/TypeSafety"
   React:
@@ -1290,6 +1386,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-hermes:
@@ -1304,6 +1402,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:
@@ -1344,8 +1444,14 @@ 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-RuntimeHermes:
+    :path: "../react-native/ReactCommon/react/runtime"
   React-runtimescheduler:
     :path: "../react-native/ReactCommon/react/renderer/runtimescheduler"
   React-utils:
@@ -1360,73 +1466,69 @@ EXTERNAL SOURCES:
     :path: "../react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  boost: 26fad476bfa736552bbfa698a06cc530475c1505
-  CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
-  DoubleConversion: fea03f2699887d960129cc54bba7e52542b6f953
-  FBLazyVector: b233b98f08056318bc56f4deccea817b00edeac5
-  FBReactNativeSpec: 9c14dc03023715c92c7d01a9c78e8475fe012718
-  Flipper: c7a0093234c4bdd456e363f2f19b2e4b27652d44
-  Flipper-Boost-iOSX: fd1e2b8cbef7e662a122412d7ac5f5bea715403c
-  Flipper-DoubleConversion: 2dc99b02f658daf147069aad9dbd29d8feb06d30
-  Flipper-Fmt: 60cbdd92fc254826e61d669a5d87ef7015396a9b
-  Flipper-Folly: 584845625005ff068a6ebf41f857f468decd26b3
-  Flipper-Glog: 70c50ce58ddaf67dc35180db05f191692570f446
-  Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9
-  FlipperKit: 37525a5d056ef9b93d1578e04bc3ea1de940094f
-  fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
-  glog: c5d68082e772fa1c511173d6b30a9de2c05a69a2
-  hermes-engine: 2f192f79eb5fd8674ca08d663cfdb1a7f4ca2afc
-  libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
+  boost: d3f49c53809116a5d38da093a8aa78bf551aed09
+  DoubleConversion: 76ab83afb40bddeeee456813d9c04f67f78771b5
+  FBLazyVector: 4bc164e5b5e6cfc288d2b5ff28643ea15fa1a589
+  fmt: 4c2741a687cc09f0634a2e2c72a838b99f1ff120
+  glog: fdfdfe5479092de0c4bdbebedd9056951f092c4f
+  hermes-engine: 01d3e052018c2a13937aca1860fbedbccd4a41b7
+  MyNativeView: a13eaef18acc153aecddff297bd2b0d3c616798f
+  NativeCxxModuleExample: de8e0c86469c4aee4528c8a1a30454d5b7a2caf0
   OCMock: 9491e4bec59e0b267d52a9184ff5605995e74be8
-  OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c
-  RCT-Folly: 870a45f398f8ee9ca60cd021b23ab144d56fd3ad
-  RCTRequired: 5091117ce5c99db5af024aa1ec15c6a4c4ad7f1c
-  RCTTypeSafety: 95672f6742bf7b5d16bd8700a65e7bffb63cd9f8
-  React: 2806c7b904a5f8e1279bb1fcf829b6a43bc71e15
-  React-callinvoker: 2d96a4479c0b440a4b24f7eb0ae73a95c0a7e5d9
-  React-Codegen: 5ad0601f4a0960e6ad81412fdfb270aafba6e4e1
-  React-Core: 2e70e151812a6ad68a95b676d05e13ee38466d96
-  React-CoreModules: 69643fe30d8e8f214584cb5336e47307e458d9d9
-  React-cxxreact: 420ec1c09edf4291fa3cfee30371572572ccb2e5
-  React-debug: 42965d54926dad1d171d60bdb89e000efb4eb9b4
-  React-Fabric: d3aecfadeb3077c2396cbd305895b025eed4123d
-  React-FabricImage: de13a9ca5eb2819ac729564e98a40a9af54452f5
-  React-graphics: cfcaab89e7d1aa59bb97d99c25ef5f28d9ced5f1
-  React-hermes: 11fcf1dd7dff109b40160e75eb4447af3ceae85d
-  React-ImageManager: ec2b27c090514ca96f78753767a3fb4682be78f3
-  React-jserrorhandler: 87d904b84cedbf897a4ed59aceca5724f03cf9af
-  React-jsi: 990673de5500c55224e52e7235863b1511ad6375
-  React-jsiexecutor: ae9ed28dbcf5273f4916fbabf4958ec891f47c0e
-  React-jsinspector: e845240c20daa428639125e0e5623a3237203ff7
-  React-logger: 5bb7c5f3a5ef404c197941167c8cc7628e928f97
-  React-Mapbuffer: e741b31b558f7679bc6b8a848fb3605f8d357998
-  React-nativeconfig: 7b4ebf6e90de842fd0e6f5df6d9ad1f624955bde
-  React-NativeModulesApple: 6306a1e80f8f09e8689a43e9072e9be25dbcfcc6
-  React-perflogger: 24428a1beeb9754b41ecec09f62cbd8ff15ddb46
-  React-RCTActionSheet: fb44d26d484d53f7e5debf2346f9871336e5ac70
-  React-RCTAnimation: b54290477ef258b6981a6822f5b52673cc08399a
-  React-RCTAppDelegate: 122a35fd62d94993c7370d25cc85c7e65315711e
-  React-RCTBlob: bff18b190ffe3a48b2d78dbb027c24067b6314c1
-  React-RCTFabric: 42070e4bfab8370c081def852e5e31e047eae192
-  React-RCTImage: 0329f6197bb95cf9f4e37f9270b278e4037abdc0
-  React-RCTLinking: 79e3f58ad1b65dba4cb2c53c2b09eec75d858c20
-  React-RCTNetwork: b603998f6a23cf652395ffe84d5dea67cd4c49de
-  React-RCTPushNotification: 317b76a7c6c576898580472a1394a3844328c95e
-  React-RCTSettings: 866e76786094fc7f5037719b767e9adffd8dda87
-  React-RCTTest: bad53a62901f602dd919cb3c47d91a0c76ec7f38
-  React-RCTText: 6b8c71ab09e7480ffaa5fd353f5b8646019a1cf3
-  React-RCTVibration: cf14ac74b9f1d676d56111216d1a6e1b0df06d51
-  React-rendererdebug: bcfb7fa48f8a0f62f87522a8f47e72787761884c
-  React-rncore: 28bd4658bf02ba5302822b8c6ddc0052f7566277
-  React-runtimeexecutor: 963711d915734cd2a24fae6edec7f0572d19ecce
-  React-runtimescheduler: 6e7519d2003b5ab8aa8a79b60478fd13cd5f6681
-  React-utils: b842f2d7fe9d81138a486512f44fe1565e2bb987
-  ReactCommon: 9ab719868580941d77be0f90e4d310580868753d
-  ReactCommon-Samples: 9bdd25d3e637c98e314fa9f507292b4c4ddb3edd
-  ScreenshotManager: 338d56378199c1e9fb50d896a7ce4400cd250b5e
-  SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608
-  Yoga: 5c39c7ead1a63357070b8bef4a9a57b9a1cd1ccb
+  RCT-Folly: 02617c592a293bd6d418e0a88ff4ee1f88329b47
+  RCTDeprecation: b03c35057846b685b3ccadc9bfe43e349989cdb2
+  RCTRequired: 194626909cfa8d39ca6663138c417bc6c431648c
+  RCTTypeSafety: 552aff5b8e8341660594db00e53ac889682bc120
+  React: a57fe42044fe6ed3e828f8867ce070a6c5872754
+  React-callinvoker: 6bedefb354a8848b534752417954caa3a5cf34f9
+  React-Codegen: 7b38b4f2d723bd0874514582a29526cde4281677
+  React-Core: 289ee3dfc1639bb9058c1e77427bb48169c26d7a
+  React-CoreModules: eda5ce541a1f552158317abd90a5a0f6a4f8d6f7
+  React-cxxreact: 56bd17ccc6d4248116f7f95884ddb8c528379fb6
+  React-debug: 164b8e302404d92d4bec39778a5e03bcb1b6eb08
+  React-Fabric: 05620c36074e3ab397dd8f9db0deb6d3c38b4efa
+  React-FabricImage: 2a8a7f5729f5c44e32e6f58f7225ee1017ed0704
+  React-featureflags: d97a6393993052e951e16a3b81206e22110be8d2
+  React-graphics: ef07d701f4eb72ae6fca6ed0a7260a04f2a58dec
+  React-hermes: 6ccc301ababfa17a9aad25a7e33faf325fd024b4
+  React-ImageManager: 00404bfe122626bc6493621f2a31ce802115a9b3
+  React-jserrorhandler: 5e2632590a84363855b2083e6b3d501e93bc3f04
+  React-jsi: 828703c235f4eea1647897ee8030efdc6e8e9f14
+  React-jsiexecutor: 713d7bbef0a410cee5b3b78f73ed1fc16e177ba7
+  React-jsinspector: e1fa5325a47f34645195c63e3312ddb6a2efef5d
+  React-jsitracing: 0fa7f78d8fdda794667cb2e6f19c874c1cf31d7e
+  React-logger: 29fa3e048f5f67fe396bc08af7606426d9bd7b5d
+  React-Mapbuffer: bf56147c9775491e53122a94c423ac201417e326
+  React-nativeconfig: 9f223cd321823afdecf59ed00861ab2d69ee0fc1
+  React-NativeModulesApple: ff7efaff7098639db5631236cfd91d60abff04c0
+  React-perflogger: 32ed45d9cee02cf6639acae34251590dccd30994
+  React-RCTActionSheet: 19f967ddaea258182b56ef11437133b056ba2adf
+  React-RCTAnimation: d7f4137fc44a08bba465267ea7cb1dbdb7c4ec87
+  React-RCTAppDelegate: 2b3f4d8009796af209a0d496e73276b743acee08
+  React-RCTBlob: c6c3e1e0251700b7bea036b893913f22e2b9cb47
+  React-RCTFabric: 93a3ea55169d19294f07092013c1c9ea7a015c9b
+  React-RCTImage: 40528ab74a4fef0f0e2ee797a074b26d120b6cc6
+  React-RCTLinking: 385b5beb96749aae9ae1606746e883e1c9f8a6a7
+  React-RCTNetwork: ffc9f05bd8fa5b3bce562199ba41235ad0af645c
+  React-RCTPushNotification: aa71ec3f333746944b29491fddc12d53bf85c1e0
+  React-RCTSettings: 21914178bb65cb2c20c655ae1fb401617ae74618
+  React-RCTTest: 501b9b159e69009f6c2a5e23d5225f59cea65027
+  React-RCTText: 7f8dba1a311e99f4de15bbace2350e805f33f024
+  React-RCTVibration: e4ccf673579d0d94a96b3a0b64492db08f8324d5
+  React-rendererdebug: ac70f40de137ce7bdbc55eaee60c467a215d9923
+  React-rncore: edfff7a3f7f82ca1e0ba26978c6d84c7a8970dac
+  React-RuntimeApple: a0c98b75571aa5f44ddc7c6e9fd55803fa4db00f
+  React-RuntimeCore: 4b8db1fe2f3f4a3a5ecb22e1a419824e3e2cd7ef
+  React-runtimeexecutor: 5961acc7a77b69f964e1645a5d6069e124ce6b37
+  React-RuntimeHermes: c5825bfae4815fdf4e9e639340c3a986a491884c
+  React-runtimescheduler: 56b642bf605ba5afa500d35790928fc1d51565ad
+  React-utils: 4476b7fcbbd95cfd002f3e778616155241d86e31
+  ReactCommon: ecad995f26e0d1e24061f60f4e5d74782f003f12
+  ReactCommon-Samples: f00190ee5cf6d6b81fa0482c7100daa5434bc7d2
+  ScreenshotManager: f91b842c0f6106e39b7ad5a6ffc092ece82ee778
+  SocketRocket: abac6f5de4d4d62d24e11868d7a2f427e0ef940d
+  Yoga: ae3c32c514802d30f687a04a6a35b348506d411f
 
-PODFILE CHECKSUM: ae1f2365c7aaade1c3f51a182c545de8df389f81
+PODFILE CHECKSUM: 60b84dd598fc04e9ed84dbc82e2cb3b99b1d7adf
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.14.3
diff --git a/packages/rn-tester/PrivacyInfo.xcprivacy b/packages/rn-tester/PrivacyInfo.xcprivacy
new file mode 100644
index 000000000000..41b8317f0652
--- /dev/null
+++ b/packages/rn-tester/PrivacyInfo.xcprivacy
@@ -0,0 +1,37 @@
+<?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>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
diff --git a/packages/rn-tester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m b/packages/rn-tester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
index 48d51fa52990..261def2c6c77 100644
--- a/packages/rn-tester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
+++ b/packages/rn-tester/RCTTest/FBSnapshotTestCase/FBSnapshotTestController.m
@@ -238,8 +238,10 @@ - (NSString *)_fileNameForSelector:(SEL)selector
   if (0 < identifier.length) {
     fileName = [fileName stringByAppendingFormat:@"_%@", identifier];
   }
-  if ([[UIScreen mainScreen] scale] > 1.0) {
-    fileName = [fileName stringByAppendingFormat:@"@%.fx", [[UIScreen mainScreen] scale]];
+
+  UITraitCollection *currentTraitCollection = [UITraitCollection currentTraitCollection];
+  if (currentTraitCollection.displayScale > 1.0) {
+    fileName = [fileName stringByAppendingFormat:@"@%.fx", currentTraitCollection.displayScale];
   }
   fileName = [fileName stringByAppendingPathExtension:@"png"];
   return fileName;
diff --git a/packages/rn-tester/RCTTest/FBSnapshotTestCase/UIImage+Compare.m b/packages/rn-tester/RCTTest/FBSnapshotTestCase/UIImage+Compare.m
index 2ddf514138d0..e46d975ea0b8 100644
--- a/packages/rn-tester/RCTTest/FBSnapshotTestCase/UIImage+Compare.m
+++ b/packages/rn-tester/RCTTest/FBSnapshotTestCase/UIImage+Compare.m
@@ -42,7 +42,7 @@ - (BOOL)compareWithImage:(UIImage *)image
       CGImageGetColorSpace(image.CGImage),
       (CGBitmapInfo)kCGImageAlphaPremultipliedLast);
 
-  CGFloat scaleFactor = [UIScreen mainScreen].scale;
+  CGFloat scaleFactor = [UITraitCollection currentTraitCollection].displayScale;
   CGContextScaleCTM(referenceImageContext, scaleFactor, scaleFactor);
   CGContextScaleCTM(imageContext, scaleFactor, scaleFactor);
 
diff --git a/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js b/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js
index ede6b0427003..a98f2ba87d90 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 2f4e129e88db..f37f3359121e 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 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2022.05.16.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"
@@ -35,7 +36,7 @@ Pod::Spec.new do |s|
   s.header_dir             = "RCTTest"
   s.pod_target_xcconfig    = {
                              "USE_HEADERMAP" => "YES",
-                             "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                             "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
                              "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\""
                            }
 
diff --git a/packages/rn-tester/README.md b/packages/rn-tester/README.md
index 50fb1c6e7a3c..79182db17dbf 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 35274d73bc24..fcb6360c7242 100644
--- a/packages/rn-tester/RNTester/AppDelegate.mm
+++ b/packages/rn-tester/RNTester/AppDelegate.mm
@@ -7,20 +7,26 @@
 
 #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>
 
-#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
 #import <React/RCTPushNotificationManager.h>
-#endif
 
-#if RCT_NEW_ARCH_ENABLED
 #import <NativeCxxModuleExample/NativeCxxModuleExample.h>
+#ifndef RN_DISABLE_OSS_PLUGIN_HEADER
 #import <RNTMyNativeViewComponentView.h>
 #endif
 
+static NSString *kBundlePath = @"js/RNTesterApp.ios";
+
+@interface AppDelegate () <UNUserNotificationCenterDelegate>
+@end
+
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
@@ -30,9 +36,16 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
   // They will be passed down to the ViewController used by React Native.
   self.initialProps = [self prepareInitialProps];
 
+  [[UNUserNotificationCenter currentNotificationCenter] setDelegate:self];
+
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
 }
 
+- (void)applicationDidEnterBackground:(UIApplication *)application
+{
+  [super applicationDidEnterBackground:application];
+}
+
 - (NSDictionary *)prepareInitialProps
 {
   NSMutableDictionary *initProps = [NSMutableDictionary new];
@@ -47,7 +60,7 @@ - (NSDictionary *)prepareInitialProps
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
-  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"js/RNTesterApp.ios"];
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:kBundlePath];
 }
 
 - (BOOL)application:(UIApplication *)app
@@ -70,23 +83,12 @@ - (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;
 }
 
-#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
-
-// Required to register for notifications
-- (void)application:(__unused UIApplication *)application
-    didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings
-{
-  [RCTPushNotificationManager didRegisterUserNotificationSettings:notificationSettings];
-}
-
 // Required for the remoteNotificationsRegistered event.
 - (void)application:(__unused UIApplication *)application
     didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
@@ -101,33 +103,55 @@ - (void)application:(__unused UIApplication *)application
   [RCTPushNotificationManager didFailToRegisterForRemoteNotificationsWithError:error];
 }
 
-// Required for the remoteNotificationReceived event.
-- (void)application:(__unused UIApplication *)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);
 }
 
-// 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
+#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
 {
   return @{@"RNTMyNativeView" : RNTMyNativeViewComponentView.class};
 }
+#endif
 
-- (NSURL *)getBundleURL
+- (NSURL *)bundleURL
 {
-  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"js/RNTesterApp.ios"];
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:kBundlePath];
 }
-#endif
 
 @end
diff --git a/packages/rn-tester/RNTester/Info.plist b/packages/rn-tester/RNTester/Info.plist
index 8e05c22beec1..50c8a4c0f3dd 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>UISupportedInterfaceOrientations</key>
 	<array>
diff --git a/packages/rn-tester/RNTester/NativeExampleViews/FlexibleSizeExampleView.mm b/packages/rn-tester/RNTester/NativeExampleViews/FlexibleSizeExampleView.mm
index 489c3a91e336..c01c39a4f5a2 100644
--- a/packages/rn-tester/RNTester/NativeExampleViews/FlexibleSizeExampleView.mm
+++ b/packages/rn-tester/RNTester/NativeExampleViews/FlexibleSizeExampleView.mm
@@ -46,9 +46,8 @@ - (instancetype)initWithFrame:(CGRect)frame
 
     AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];
 
-    _resizableRootView = [[RCTRootView alloc] initWithBridge:appDelegate.bridge
-                                                  moduleName:@"RootViewSizeFlexibilityExampleApp"
-                                           initialProperties:@{}];
+    _resizableRootView =
+        (RCTRootView *)[appDelegate.rootViewFactory viewWithModuleName:@"RootViewSizeFlexibilityExampleApp"];
 
     [_resizableRootView setSizeFlexibility:RCTRootViewSizeFlexibilityHeight];
 
diff --git a/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm b/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
index 60667fd3bea4..5682d7ddead2 100644
--- a/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
+++ b/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
@@ -41,9 +41,8 @@ - (instancetype)initWithFrame:(CGRect)frame
 
     AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];
 
-    _rootView = [[RCTRootView alloc] initWithBridge:appDelegate.bridge
-                                         moduleName:@"SetPropertiesExampleApp"
-                                  initialProperties:@{@"color" : @"beige"}];
+    _rootView = (RCTRootView *)[appDelegate.rootViewFactory viewWithModuleName:@"SetPropertiesExampleApp"
+                                                             initialProperties:@{@"color" : @"beige"}];
 
     _button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
     [_button setTitle:@"Native Button" forState:UIControlStateNormal];
@@ -72,7 +71,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<UIView<RCTComponent> *> *)reactSubviews
diff --git a/packages/rn-tester/RNTester/PrivacyInfo.xcprivacy b/packages/rn-tester/RNTester/PrivacyInfo.xcprivacy
new file mode 100644
index 000000000000..41b8317f0652
--- /dev/null
+++ b/packages/rn-tester/RNTester/PrivacyInfo.xcprivacy
@@ -0,0 +1,37 @@
+<?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>NSPrivacyAccessedAPITypes</key>
+	<array>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>C617.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>CA92.1</string>
+			</array>
+		</dict>
+		<dict>
+			<key>NSPrivacyAccessedAPIType</key>
+			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
+			<key>NSPrivacyAccessedAPITypeReasons</key>
+			<array>
+				<string>35F9.1</string>
+			</array>
+		</dict>
+	</array>
+	<key>NSPrivacyCollectedDataTypes</key>
+	<array/>
+	<key>NSPrivacyTracking</key>
+	<false/>
+</dict>
+</plist>
diff --git a/packages/rn-tester/RNTester/RNTester.entitlements b/packages/rn-tester/RNTester/RNTester.entitlements
deleted file mode 100644
index 8f330422e9db..000000000000
--- a/packages/rn-tester/RNTester/RNTester.entitlements
+++ /dev/null
@@ -1,12 +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/>
-</dict>
-</plist>
diff --git a/packages/rn-tester/RNTesterIntegrationTests/RNTesterSnapshotTests.m b/packages/rn-tester/RNTesterIntegrationTests/RNTesterSnapshotTests.m
deleted file mode 100644
index d0d4f1d95d17..000000000000
--- a/packages/rn-tester/RNTesterIntegrationTests/RNTesterSnapshotTests.m
+++ /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.
- */
-
-#import <UIKit/UIKit.h>
-#import <XCTest/XCTest.h>
-
-#import <RCTTest/RCTTestRunner.h>
-
-@interface RNTesterSnapshotTests : XCTestCase {
-  RCTTestRunner *_runner;
-}
-
-@end
-
-@implementation RNTesterSnapshotTests
-
-- (void)setUp
-{
-  _runner = RCTInitRunnerForApp(@"packages/rn-tester/js/RNTesterApp.ios", nil, nil);
-  if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 10) {
-    _runner.testSuffix = [NSString stringWithFormat:@"-iOS%d", UIDevice.currentDevice.systemVersion.intValue];
-  }
-
-  // To update snapshots, set recordMode to YES and re-run RNTesterSnapshotTests.
-  // Do not forget to set back to NO before committing your changes.
-  _runner.recordMode = NO;
-}
-
-#define RCT_TEST(name)                     \
-  -(void)test##name                        \
-  {                                        \
-    [_runner runTest:_cmd module:@ #name]; \
-  }
-
-RCT_TEST(ViewExample)
-RCT_TEST(LayoutExample)
-RCT_TEST(ScrollViewExample)
-RCT_TEST(TextExample)
-
-- (void)testZZZNotInRecordMode
-{
-  XCTAssertFalse(_runner.recordMode, @"Don't forget to turn record mode back to off");
-}
-
-@end
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS12@2x.png
deleted file mode 100644
index 0b93f51fc1f2..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png
deleted file mode 100644
index 271e80d3f6b4..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS12@2x.png
deleted file mode 100644
index 709188a12688..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS13@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS13@2x.png
deleted file mode 100644
index 809bc84dcc15..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testScrollViewExample_1-iOS13@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSliderExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSliderExample_1-iOS12@2x.png
deleted file mode 100644
index 6e47cc8a833a..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSliderExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS12@2x.png
deleted file mode 100644
index 821f387cbc4a..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS13@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS13@2x.png
deleted file mode 100644
index aed52e7e36e4..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testSwitchExample_1-iOS13@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS12@2x.png
deleted file mode 100644
index 63e558e5186e..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS13@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS13@2x.png
deleted file mode 100644
index 65c4c6206793..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testTextExample_1-iOS13@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS12@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS12@2x.png
deleted file mode 100644
index 4b37a0fdebdb..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS12@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS13@2x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS13@2x.png
deleted file mode 100644
index c7f4f4da9641..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testViewExample_1-iOS13@2x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testLayoutExample_1-iOS16@3x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testLayoutExample_1-iOS16@3x.png
deleted file mode 100644
index 825607ad47d3..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testLayoutExample_1-iOS16@3x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testSwitchExample_1-iOS16@3x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testSwitchExample_1-iOS16@3x.png
deleted file mode 100644
index 91dffdf81bd0..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testSwitchExample_1-iOS16@3x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testTextExample_1-iOS16@3x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testTextExample_1-iOS16@3x.png
deleted file mode 100644
index bc22a90cca8a..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testTextExample_1-iOS16@3x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testViewExample_1-iOS16@3x.png b/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testViewExample_1-iOS16@3x.png
deleted file mode 100644
index 59178f1b7576..000000000000
Binary files a/packages/rn-tester/RNTesterIntegrationTests/ReferenceImages/packages-rn-tester-js-RNTesterApp.ios/testViewExample_1-iOS16@3x.png and /dev/null differ
diff --git a/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj b/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
index ec0082dd9e3d..57d2da2a0bf1 100644
--- a/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
+++ b/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
@@ -7,16 +7,16 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		04157F50C11E9F16DDD69B17 /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 2F98312BF816A7F2688C036D /* libPods-RNTester.a */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		233478CE9E17A00ACD643BA1 /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D799EF6AA275D5D4239C033E /* libPods-RNTesterIntegrationTests.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 */; };
 		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 */; };
+		75CCE8D3149414440F8F375F /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FDC71B375B04D2F3DD483B6C /* libPods-RNTester.a */; };
 		8145AE06241172D900A3F8DA /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */; };
 		832F45BB2A8A6E1F0097B4E6 /* SwiftTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 832F45BA2A8A6E1F0097B4E6 /* SwiftTest.swift */; };
-		953D44E0A849F5064163EA24 /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 4F4A7C4C85AB0198A25D51E4 /* libPods-RNTesterIntegrationTests.a */; };
-		BE3BEE3556275C62F33864C8 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 6144DEEE56C6C17B301A90E4 /* libPods-RNTesterUnitTests.a */; };
+		A984E3435258D1FA0F157FCE /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C82BC2D67C2D9CE6FD31F2FB /* libPods-RNTesterUnitTests.a */; };
 		CD10C7A5290BD4EB0033E1ED /* RCTEventEmitterTests.m in Sources */ = {isa = PBXBuildFile; fileRef = CD10C7A4290BD4EB0033E1ED /* RCTEventEmitterTests.m */; };
 		E62F11832A5C6580000BF1C8 /* FlexibleSizeExampleView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.mm */; };
 		E62F11842A5C6584000BF1C8 /* UpdatePropertiesExampleView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.mm */; };
@@ -54,9 +54,9 @@
 		E7DB216222B2F3EC005AC45F /* RNTesterTestModule.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215D22B2F3EC005AC45F /* RNTesterTestModule.m */; };
 		E7DB216322B2F3EC005AC45F /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */; };
 		E7DB216422B2F3EC005AC45F /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */; };
-		E7DB216522B2F3EC005AC45F /* RNTesterSnapshotTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB216022B2F3EC005AC45F /* RNTesterSnapshotTests.m */; };
 		E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB213022B2C649005AC45F /* JavaScriptCore.framework */; };
 		E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB218B22B41FCD005AC45F /* XCTest.framework */; };
+		F0D621C32BBB9E38005960AC /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = F0D621C22BBB9E38005960AC /* PrivacyInfo.xcprivacy */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -77,7 +77,7 @@
 /* End PBXContainerItemProxy section */
 
 /* Begin PBXFileReference section */
-		0CC3BE1A25DDB68A0033CAEB /* RNTester.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RNTester.entitlements; path = RNTester/RNTester.entitlements; sourceTree = "<group>"; };
+		03BBB27152ED31C66CBDCE00 /* 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>"; };
 		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>"; };
@@ -87,22 +87,19 @@
 		27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = FlexibleSizeExampleView.mm; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.mm; sourceTree = "<group>"; };
 		27F441EA1BEBE5030039B79C /* FlexibleSizeExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = FlexibleSizeExampleView.h; path = RNTester/NativeExampleViews/FlexibleSizeExampleView.h; sourceTree = "<group>"; };
 		2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = RNTester/Images.xcassets; sourceTree = "<group>"; };
-		2F98312BF816A7F2688C036D /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		3485A25B916F57284634B78A /* 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>"; };
 		383889D923A7398900D06C3E /* RCTConvert_UIColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_UIColorTests.m; sourceTree = "<group>"; };
-		3CC2F16A3AEB8D7102722AD5 /* 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>"; };
 		3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; name = "legacy_image@2x.png"; path = "RNTester/legacy_image@2x.png"; sourceTree = "<group>"; };
-		4F4A7C4C85AB0198A25D51E4 /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		5C60EB1B226440DB0018C04F /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = RNTester/AppDelegate.mm; sourceTree = "<group>"; };
-		6144DEEE56C6C17B301A90E4 /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		7FC437025B5EE3899315628B /* 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>"; };
 		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>"; };
+		904056D7E94DD763B337F4C4 /* 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>"; };
+		9B69C63956A5B8450AF0E810 /* 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>"; };
 		AC474BFB29BBD4A1002BDAED /* RNTester.xctestplan */ = {isa = PBXFileReference; lastKnownFileType = text; name = RNTester.xctestplan; path = RNTester/RNTester.xctestplan; sourceTree = "<group>"; };
-		B8219B8DAB1CDD38543E30A4 /* Pods-RNTesterUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.release.xcconfig"; path = "Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.release.xcconfig"; sourceTree = "<group>"; };
-		BD6F35F6C79ACF7496CBC337 /* 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>"; };
-		C4CEC47A71A2AEE236833CDF /* 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>"; };
+		AE6E0BFC1CD49F0DC093531C /* 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>"; };
+		AED50FC94A0BE7A3D33231E0 /* Pods-RNTesterUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.release.xcconfig"; path = "Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.release.xcconfig"; sourceTree = "<group>"; };
+		C82BC2D67C2D9CE6FD31F2FB /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		CD10C7A4290BD4EB0033E1ED /* RCTEventEmitterTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventEmitterTests.m; sourceTree = "<group>"; };
+		D799EF6AA275D5D4239C033E /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		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>"; };
 		E7DB209F22B2BA84005AC45F /* RNTesterUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterUnitTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -163,8 +160,10 @@
 		E7DB215D22B2F3EC005AC45F /* RNTesterTestModule.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterTestModule.m; sourceTree = "<group>"; };
 		E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTLoggingTests.m; sourceTree = "<group>"; };
 		E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTUIManagerScenarioTests.m; sourceTree = "<group>"; };
-		E7DB216022B2F3EC005AC45F /* RNTesterSnapshotTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterSnapshotTests.m; sourceTree = "<group>"; };
 		E7DB218B22B41FCD005AC45F /* XCTest.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; path = XCTest.framework; sourceTree = DEVELOPER_DIR; };
+		EB39930F368F8A8EF2223131 /* 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>"; };
+		F0D621C22BBB9E38005960AC /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xml; path = PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
+		FDC71B375B04D2F3DD483B6C /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -172,7 +171,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				04157F50C11E9F16DDD69B17 /* libPods-RNTester.a in Frameworks */,
+				75CCE8D3149414440F8F375F /* libPods-RNTester.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -181,7 +180,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				E7DB213122B2C649005AC45F /* JavaScriptCore.framework in Frameworks */,
-				BE3BEE3556275C62F33864C8 /* libPods-RNTesterUnitTests.a in Frameworks */,
+				A984E3435258D1FA0F157FCE /* libPods-RNTesterUnitTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -191,7 +190,7 @@
 			files = (
 				E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */,
 				E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */,
-				953D44E0A849F5064163EA24 /* libPods-RNTesterIntegrationTests.a in Frameworks */,
+				233478CE9E17A00ACD643BA1 /* libPods-RNTesterIntegrationTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -210,7 +209,7 @@
 		13B07FAE1A68108700A75B9A /* RNTester */ = {
 			isa = PBXGroup;
 			children = (
-				0CC3BE1A25DDB68A0033CAEB /* RNTester.entitlements */,
+				F0D621C22BBB9E38005960AC /* PrivacyInfo.xcprivacy */,
 				AC474BFB29BBD4A1002BDAED /* RNTester.xctestplan */,
 				E771AEEA22B44E3100EA1189 /* Info.plist */,
 				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
@@ -262,9 +261,9 @@
 				E7DB211822B2BD53005AC45F /* libReact-RCTText.a */,
 				E7DB211A22B2BD53005AC45F /* libReact-RCTVibration.a */,
 				E7DB212222B2BD53005AC45F /* libyoga.a */,
-				2F98312BF816A7F2688C036D /* libPods-RNTester.a */,
-				4F4A7C4C85AB0198A25D51E4 /* libPods-RNTesterIntegrationTests.a */,
-				6144DEEE56C6C17B301A90E4 /* libPods-RNTesterUnitTests.a */,
+				FDC71B375B04D2F3DD483B6C /* libPods-RNTester.a */,
+				D799EF6AA275D5D4239C033E /* libPods-RNTesterIntegrationTests.a */,
+				C82BC2D67C2D9CE6FD31F2FB /* libPods-RNTesterUnitTests.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -304,12 +303,12 @@
 		E23BD6487B06BD71F1A86914 /* Pods */ = {
 			isa = PBXGroup;
 			children = (
-				3CC2F16A3AEB8D7102722AD5 /* Pods-RNTester.debug.xcconfig */,
-				7FC437025B5EE3899315628B /* Pods-RNTester.release.xcconfig */,
-				3485A25B916F57284634B78A /* Pods-RNTesterIntegrationTests.debug.xcconfig */,
-				BD6F35F6C79ACF7496CBC337 /* Pods-RNTesterIntegrationTests.release.xcconfig */,
-				C4CEC47A71A2AEE236833CDF /* Pods-RNTesterUnitTests.debug.xcconfig */,
-				B8219B8DAB1CDD38543E30A4 /* Pods-RNTesterUnitTests.release.xcconfig */,
+				904056D7E94DD763B337F4C4 /* Pods-RNTester.debug.xcconfig */,
+				9B69C63956A5B8450AF0E810 /* Pods-RNTester.release.xcconfig */,
+				AE6E0BFC1CD49F0DC093531C /* Pods-RNTesterIntegrationTests.debug.xcconfig */,
+				EB39930F368F8A8EF2223131 /* Pods-RNTesterIntegrationTests.release.xcconfig */,
+				03BBB27152ED31C66CBDCE00 /* Pods-RNTesterUnitTests.debug.xcconfig */,
+				AED50FC94A0BE7A3D33231E0 /* Pods-RNTesterUnitTests.release.xcconfig */,
 			);
 			path = Pods;
 			sourceTree = "<group>";
@@ -360,7 +359,6 @@
 				E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */,
 				E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */,
 				E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */,
-				E7DB216022B2F3EC005AC45F /* RNTesterSnapshotTests.m */,
 				E7DB215D22B2F3EC005AC45F /* RNTesterTestModule.m */,
 				E7DB215722B2F332005AC45F /* Info.plist */,
 			);
@@ -374,14 +372,14 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */;
 			buildPhases = (
-				3B2555DA1E9C50DBD7DEDDC7 /* [CP] Check Pods Manifest.lock */,
+				1D61E03B2C15283212491D88 /* [CP] Check Pods Manifest.lock */,
 				13B07F871A680F5B00A75B9A /* Sources */,
 				13B07F8C1A680F5B00A75B9A /* Frameworks */,
 				13B07F8E1A680F5B00A75B9A /* Resources */,
 				68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */,
 				79E8BE2B119D4C5CCD2F04B3 /* [RN] Copy Hermes Framework */,
-				4E5A5A192F46F13B14A915AF /* [CP] Embed Pods Frameworks */,
-				4E2AB2EE08A8E6F86E659152 /* [CP] Copy Pods Resources */,
+				A41785EFA563389E1508FB58 /* [CP] Embed Pods Frameworks */,
+				5E028B80F3C32FE3D52DF9A7 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -396,12 +394,12 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = E7DB20A622B2BA84005AC45F /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */;
 			buildPhases = (
-				E13BEB5F9ED322B7AA8D6E0B /* [CP] Check Pods Manifest.lock */,
+				9E05A96E88B51366B482536F /* [CP] Check Pods Manifest.lock */,
 				E7DB209B22B2BA84005AC45F /* Sources */,
 				E7DB209C22B2BA84005AC45F /* Frameworks */,
 				E7DB209D22B2BA84005AC45F /* Resources */,
-				B0C098EC04B51698381E2BD5 /* [CP] Embed Pods Frameworks */,
-				69760E095072DBD949449A0E /* [CP] Copy Pods Resources */,
+				3FA5A4AA0B18E37634BDB153 /* [CP] Embed Pods Frameworks */,
+				829D7C63C528493FD8CA45E9 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -417,12 +415,12 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = E7DB215A22B2F332005AC45F /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */;
 			buildPhases = (
-				2C3F1E01BF35036D970B313C /* [CP] Check Pods Manifest.lock */,
+				8AA5E9AFEED3571ADC48A9E6 /* [CP] Check Pods Manifest.lock */,
 				E7DB214F22B2F332005AC45F /* Sources */,
 				E7DB215022B2F332005AC45F /* Frameworks */,
 				E7DB215122B2F332005AC45F /* Resources */,
-				4FB5AB9168FB67DD59C380D8 /* [CP] Embed Pods Frameworks */,
-				98FEA13D7CC9F0B84C9AFCC2 /* [CP] Copy Pods Resources */,
+				659CD3193D6E6ED5B92470CE /* [CP] Embed Pods Frameworks */,
+				C5A1A0DE195B37E2DE72DBE8 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -482,6 +480,7 @@
 			files = (
 				2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */,
 				8145AE06241172D900A3F8DA /* LaunchScreen.storyboard in Resources */,
+				F0D621C32BBB9E38005960AC /* PrivacyInfo.xcprivacy in Resources */,
 				3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -504,7 +503,7 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
-		2C3F1E01BF35036D970B313C /* [CP] Check Pods Manifest.lock */ = {
+		1D61E03B2C15283212491D88 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -519,36 +518,31 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		3B2555DA1E9C50DBD7DEDDC7 /* [CP] Check Pods Manifest.lock */ = {
+		3FA5A4AA0B18E37634BDB153 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
+			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-checkManifestLockResult.txt",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		4E2AB2EE08A8E6F86E659152 /* [CP] Copy Pods Resources */ = {
+		5E028B80F3C32FE3D52DF9A7 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -565,57 +559,58 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		4E5A5A192F46F13B14A915AF /* [CP] Embed Pods Frameworks */ = {
+		659CD3193D6E6ED5B92470CE /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		4FB5AB9168FB67DD59C380D8 /* [CP] Embed Pods Frameworks */ = {
+		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
-			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			inputPaths = (
+				"$(SRCROOT)/.xcode.env.local",
+				"$(SRCROOT)/.xcode.env",
 			);
-			name = "[CP] Embed Pods Frameworks";
-			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			name = "Build JS Bundle";
+			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-frameworks.sh\"\n";
-			showEnvVarsInLog = 0;
+			shellScript = "set -e\n\nexport PROJECT_ROOT=\"$SRCROOT\"\nexport ENTRY_FILE=\"$SRCROOT/js/RNTesterApp.ios.js\"\nexport SOURCEMAP_FILE=../sourcemap.ios.map\n# export FORCE_BUNDLING=true \n\nWITH_ENVIRONMENT=\"../react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
 		};
-		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
+		79E8BE2B119D4C5CCD2F04B3 /* [RN] Copy Hermes Framework */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
+			inputFileListPaths = (
+			);
 			inputPaths = (
-				"$(SRCROOT)/.xcode.env.local",
-				"$(SRCROOT)/.xcode.env",
 			);
-			name = "Build JS Bundle";
+			name = "[RN] Copy Hermes Framework";
+			outputFileListPaths = (
+			);
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\n\nexport PROJECT_ROOT=\"$SRCROOT\"\nexport ENTRY_FILE=\"$SRCROOT/js/RNTesterApp.ios.js\"\nexport SOURCEMAP_FILE=../sourcemap.ios.map\n# export FORCE_BUNDLING=true \n\nWITH_ENVIRONMENT=\"../react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+			shellScript = ". ../react-native/sdks/hermes-engine/utils/copy-hermes-xcode.sh\n";
 		};
-		69760E095072DBD949449A0E /* [CP] Copy Pods Resources */ = {
+		829D7C63C528493FD8CA45E9 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -632,7 +627,7 @@
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		79E8BE2B119D4C5CCD2F04B3 /* [RN] Copy Hermes Framework */ = {
+		8AA5E9AFEED3571ADC48A9E6 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -640,70 +635,74 @@
 			inputFileListPaths = (
 			);
 			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
 			);
-			name = "[RN] Copy Hermes Framework";
+			name = "[CP] Check Pods Manifest.lock";
 			outputFileListPaths = (
 			);
 			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = ". ../react-native/sdks/hermes-engine/utils/copy-hermes-xcode.sh\n";
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
 		};
-		98FEA13D7CC9F0B84C9AFCC2 /* [CP] Copy Pods Resources */ = {
+		9E05A96E88B51366B482536F /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "[CP] Copy Pods Resources";
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RNTesterUnitTests-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources.sh\"\n";
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		B0C098EC04B51698381E2BD5 /* [CP] Embed Pods Frameworks */ = {
+		A41785EFA563389E1508FB58 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-frameworks.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-frameworks.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		E13BEB5F9ED322B7AA8D6E0B /* [CP] Check Pods Manifest.lock */ = {
+		C5A1A0DE195B37E2DE72DBE8 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
+			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTesterUnitTests-checkManifestLockResult.txt",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
 /* End PBXShellScriptBuildPhase section */
@@ -766,7 +765,6 @@
 				E7C1241A22BEC44B00DA25C0 /* RNTesterIntegrationTests.m in Sources */,
 				E7DB216322B2F3EC005AC45F /* RCTLoggingTests.m in Sources */,
 				E7DB216422B2F3EC005AC45F /* RCTUIManagerScenarioTests.m in Sources */,
-				E7DB216522B2F3EC005AC45F /* RNTesterSnapshotTests.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -788,11 +786,10 @@
 /* Begin XCBuildConfiguration section */
 		13B07F941A680F5B00A75B9A /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3CC2F16A3AEB8D7102722AD5 /* Pods-RNTester.debug.xcconfig */;
+			baseConfigurationReference = 904056D7E94DD763B337F4C4 /* Pods-RNTester.debug.xcconfig */;
 			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",
@@ -827,11 +824,10 @@
 		};
 		13B07F951A680F5B00A75B9A /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 7FC437025B5EE3899315628B /* Pods-RNTester.release.xcconfig */;
+			baseConfigurationReference = 9B69C63956A5B8450AF0E810 /* Pods-RNTester.release.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
 				EXCLUDED_ARCHS = "";
 				HEADER_SEARCH_PATHS = (
@@ -867,6 +863,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
 				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -897,10 +894,11 @@
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = NO;
+				CXX = "";
 				ENABLE_BITCODE = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
 				ENABLE_TESTABILITY = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu11;
 				GCC_DYNAMIC_NO_PIC = NO;
 				GCC_NO_COMMON_BLOCKS = YES;
@@ -925,20 +923,30 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
+				HEADER_SEARCH_PATHS = (
+					"$(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",
+					"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers",
+					"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers",
+				);
 				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				LD = "";
+				LDPLUSPLUS = "";
 				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",
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
-					"-DRN_FABRIC_ENABLED",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -959,6 +967,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CC = "";
 				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "c++20";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -989,10 +998,11 @@
 				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
 				COPY_PHASE_STRIP = YES;
+				CXX = "";
 				ENABLE_BITCODE = NO;
 				ENABLE_NS_ASSERTIONS = NO;
 				ENABLE_STRICT_OBJC_MSGSEND = YES;
-				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
+				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
 				GCC_C_LANGUAGE_STANDARD = gnu11;
 				GCC_NO_COMMON_BLOCKS = YES;
 				GCC_TREAT_INCOMPATIBLE_POINTER_TYPE_WARNINGS_AS_ERRORS = YES;
@@ -1010,19 +1020,29 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
-				MTL_ENABLE_DEBUG_INFO = NO;
-				OTHER_CFLAGS = (
+				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
-					"-DRN_FABRIC_ENABLED",
+					"${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",
+					"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers",
+					"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers",
 				);
+				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
+				LD = "";
+				LDPLUSPLUS = "";
+				MTL_ENABLE_DEBUG_INFO = NO;
+				OTHER_CFLAGS = "$(inherited)";
 				OTHER_CPLUSPLUSFLAGS = (
 					"$(OTHER_CFLAGS)",
 					"-DFOLLY_NO_CONFIG",
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
-					"-DRN_FABRIC_ENABLED",
+					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -1042,7 +1062,7 @@
 		};
 		E7DB20A722B2BA84005AC45F /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = C4CEC47A71A2AEE236833CDF /* Pods-RNTesterUnitTests.debug.xcconfig */;
+			baseConfigurationReference = 03BBB27152ED31C66CBDCE00 /* Pods-RNTesterUnitTests.debug.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1050,7 +1070,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 = (
@@ -1071,11 +1090,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";
@@ -1084,7 +1100,7 @@
 		};
 		E7DB20A822B2BA84005AC45F /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = B8219B8DAB1CDD38543E30A4 /* Pods-RNTesterUnitTests.release.xcconfig */;
+			baseConfigurationReference = AED50FC94A0BE7A3D33231E0 /* Pods-RNTesterUnitTests.release.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				CLANG_ANALYZER_NONNULL = YES;
@@ -1092,7 +1108,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 = "";
@@ -1113,11 +1128,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";
@@ -1126,7 +1138,7 @@
 		};
 		E7DB215B22B2F332005AC45F /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 3485A25B916F57284634B78A /* Pods-RNTesterIntegrationTests.debug.xcconfig */;
+			baseConfigurationReference = AE6E0BFC1CD49F0DC093531C /* Pods-RNTesterIntegrationTests.debug.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				BUNDLE_LOADER = "$(TEST_HOST)";
@@ -1135,7 +1147,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 = (
@@ -1155,11 +1166,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";
@@ -1169,7 +1177,7 @@
 		};
 		E7DB215C22B2F332005AC45F /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = BD6F35F6C79ACF7496CBC337 /* Pods-RNTesterIntegrationTests.release.xcconfig */;
+			baseConfigurationReference = EB39930F368F8A8EF2223131 /* Pods-RNTesterIntegrationTests.release.xcconfig */;
 			buildSettings = {
 				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				BUNDLE_LOADER = "$(TEST_HOST)";
@@ -1178,7 +1186,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 = "";
@@ -1194,11 +1201,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 2bbf23e657dd..94ca812875e7 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/RNTesterUnitTests/RCTShadowViewTests.m b/packages/rn-tester/RNTesterUnitTests/RCTShadowViewTests.m
index 0bf29c2d336f..f63a54b327a8 100644
--- a/packages/rn-tester/RNTesterUnitTests/RCTShadowViewTests.m
+++ b/packages/rn-tester/RNTesterUnitTests/RCTShadowViewTests.m
@@ -84,7 +84,7 @@ - (void)testApplyingLayoutRecursivelyToShadowView
   [self.parentView insertReactSubview:mainView atIndex:1];
   [self.parentView insertReactSubview:footerView atIndex:2];
 
-  [self.parentView layoutWithAffectedShadowViews:[NSHashTable weakObjectsHashTable]];
+  [self.parentView layoutWithAffectedShadowViews:[NSPointerArray weakObjectsPointerArray]];
 
   XCTAssertTrue(
       CGRectEqualToRect([self.parentView measureLayoutRelativeToAncestor:self.parentView], CGRectMake(0, 0, 440, 440)));
@@ -187,7 +187,7 @@ - (void)_withShadowViewWithStyle:(void (^)(YGNodeRef node))configBlock
   RCTShadowView *view = [self _shadowViewWithConfig:configBlock];
   [self.parentView insertReactSubview:view atIndex:0];
   view.intrinsicContentSize = contentSize;
-  [self.parentView layoutWithAffectedShadowViews:[NSHashTable weakObjectsHashTable]];
+  [self.parentView layoutWithAffectedShadowViews:[NSPointerArray weakObjectsPointerArray]];
   CGRect actualRect = [view measureLayoutRelativeToAncestor:self.parentView];
   XCTAssertTrue(
       CGRectEqualToRect(expectedRect, actualRect),
diff --git a/packages/rn-tester/android/app/build.gradle b/packages/rn-tester/android/app/build.gradle
deleted file mode 100644
index b35e80be387c..000000000000
--- a/packages/rn-tester/android/app/build.gradle
+++ /dev/null
@@ -1,225 +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'
-    }
-    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 000000000000..e2c69a64985e
--- /dev/null
+++ b/packages/rn-tester/android/app/build.gradle.kts
@@ -0,0 +1,200 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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"))
+  implementation(project(":packages:react-native-popup-menu-android:android"))
+
+  // 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 7707683c667d..9e8cac997aaf 100644
--- a/packages/rn-tester/android/app/src/main/AndroidManifest.xml
+++ b/packages/rn-tester/android/app/src/main/AndroidManifest.xml
@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest
-  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"
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 e2e13d7dc96f..ad9bff582193 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.java b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
deleted file mode 100644
index 8bf2493c5a89..000000000000
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.java
+++ /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.
- */
-
-package com.facebook.react.uiapp;
-
-import android.app.Application;
-import androidx.annotation.NonNull;
-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.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.TurboReactPackage;
-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;
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
-import com.facebook.react.defaults.DefaultReactNativeHost;
-import com.facebook.react.fabric.ComponentFactory;
-import com.facebook.react.flipper.ReactNativeFlipper;
-import com.facebook.react.interfaces.ReactHost;
-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.ViewManager;
-import com.facebook.soloader.SoLoader;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-
-public class RNTesterApplication extends Application implements ReactApplication {
-
-  private ReactHostImpl mReactHost;
-
-  private final ReactNativeHost mReactNativeHost =
-      new DefaultReactNativeHost(this) {
-        @Override
-        public String getJSMainModuleName() {
-          return "js/RNTesterApp.android";
-        }
-
-        @Override
-        public String getBundleAssetName() {
-          return "RNTesterApp.android.bundle";
-        }
-
-        @Override
-        public boolean getUseDeveloperSupport() {
-          return BuildConfig.DEBUG;
-        }
-
-        @Override
-        public List<ReactPackage> getPackages() {
-          return Arrays.<ReactPackage>asList(
-              new MainReactPackage(),
-              new TurboReactPackage() {
-                public NativeModule getModule(
-                    final String name, final ReactApplicationContext reactContext) {
-                  if (!ReactFeatureFlags.useTurboModules) {
-                    return null;
-                  }
-
-                  if (SampleTurboModule.NAME.equals(name)) {
-                    return new SampleTurboModule(reactContext);
-                  }
-
-                  if (SampleLegacyModule.NAME.equals(name)) {
-                    return new SampleLegacyModule(reactContext);
-                  }
-
-                  return 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.
-                public ReactModuleInfoProvider getReactModuleInfoProvider() {
-                  return new ReactModuleInfoProvider() {
-                    public Map<String, ReactModuleInfo> getReactModuleInfos() {
-                      final Map<String, ReactModuleInfo> moduleInfos = new HashMap<>();
-                      if (ReactFeatureFlags.useTurboModules) {
-                        moduleInfos.put(
-                            SampleTurboModule.NAME,
-                            new ReactModuleInfo(
-                                SampleTurboModule.NAME,
-                                "SampleTurboModule",
-                                false, // canOverrideExistingModule
-                                false, // needsEagerInit
-                                false, // isCxxModule
-                                true // isTurboModule
-                                ));
-
-                        moduleInfos.put(
-                            SampleLegacyModule.NAME,
-                            new ReactModuleInfo(
-                                SampleLegacyModule.NAME,
-                                "SampleLegacyModule",
-                                false, // canOverrideExistingModule
-                                false, // needsEagerInit
-                                false, // isCxxModule
-                                false // isTurboModule
-                                ));
-                      }
-                      return moduleInfos;
-                    }
-                  };
-                }
-              },
-              new ReactPackage() {
-                @NonNull
-                @Override
-                public List<NativeModule> createNativeModules(
-                    @NonNull ReactApplicationContext reactContext) {
-                  return Collections.emptyList();
-                }
-
-                @NonNull
-                @Override
-                public List<ViewManager> createViewManagers(
-                    @NonNull ReactApplicationContext reactContext) {
-                  List<ViewManager> viewManagers = new ArrayList<>();
-                  viewManagers.add(new MyNativeViewManager());
-                  viewManagers.add(new MyLegacyViewManager(reactContext));
-                  return viewManagers;
-                }
-              });
-        }
-
-        @Override
-        protected boolean isNewArchEnabled() {
-          return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
-        }
-
-        @Override
-        protected Boolean isHermesEnabled() {
-          return BuildConfig.IS_HERMES_ENABLED_IN_FLAVOR;
-        }
-      };
-
-  @Override
-  public void onCreate() {
-    ReactFontManager.getInstance().addCustomFont(this, "Rubik", R.font.rubik);
-    super.onCreate();
-    SoLoader.init(this, /* native exopackage */ false);
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      DefaultNewArchitectureEntryPoint.load();
-    }
-    if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      // TODO: initialize Flipper for Bridgeless
-    } else {
-      ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
-    }
-  }
-
-  @Override
-  public ReactNativeHost getReactNativeHost() {
-    if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      throw new RuntimeException("Should not use ReactNativeHost when Bridgeless enabled");
-    }
-    return mReactNativeHost;
-  }
-
-  @Override
-  @UnstableReactNativeAPI
-  public ReactHost getReactHost() {
-    if (mReactHost == null) {
-      // Create an instance of ReactHost to manager the instance of ReactInstance,
-      // which is similar to how we use ReactNativeHost to manager instance of ReactInstanceManager
-      RNTesterReactHostDelegate reactHostDelegate =
-          new RNTesterReactHostDelegate(getApplicationContext());
-      RNTesterReactJsExceptionHandler reactJsExceptionHandler =
-          new RNTesterReactJsExceptionHandler();
-
-      ComponentFactory componentFactory = new ComponentFactory();
-      DefaultComponentsRegistry.register(componentFactory);
-      mReactHost =
-          new ReactHostImpl(
-              this.getApplicationContext(),
-              reactHostDelegate,
-              componentFactory,
-              true,
-              reactJsExceptionHandler,
-              true);
-      if (BuildConfig.IS_HERMES_ENABLED_IN_FLAVOR) {
-        mReactHost.setJSEngineResolutionAlgorithm(JSEngineResolutionAlgorithm.HERMES);
-      } else {
-        mReactHost.setJSEngineResolutionAlgorithm(JSEngineResolutionAlgorithm.JSC);
-      }
-      reactHostDelegate.setReactHost(mReactHost);
-    }
-    return mReactHost;
-  }
-
-  @UnstableReactNativeAPI
-  public static class RNTesterReactJsExceptionHandler implements ReactJsExceptionHandler {
-    public void reportJsException(ReadableMapBuffer errorMap) {}
-  }
-};
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
new file mode 100644
index 000000000000..8d863a242ca2
--- /dev/null
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
@@ -0,0 +1,141 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. 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.app.Application
+import com.facebook.fbreact.specs.SampleLegacyModule
+import com.facebook.fbreact.specs.SampleTurboModule
+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.assets.ReactFontManager
+import com.facebook.react.config.ReactFeatureFlags
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.popupmenu.PopupMenuPackage
+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 {
+    object : DefaultReactNativeHost(this) {
+      public override fun getJSMainModuleName(): String = BuildConfig.JS_MAIN_MODULE_NAME
+
+      public override fun getBundleAssetName(): String = BuildConfig.BUNDLE_ASSET_NAME
+
+      override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+      public override fun getPackages(): List<ReactPackage> {
+        return listOf(
+            MainReactPackage(),
+            PopupMenuPackage(),
+            object : TurboReactPackage() {
+              override fun getModule(
+                  name: String,
+                  reactContext: ReactApplicationContext
+              ): NativeModule? {
+                @Suppress("DEPRECATION")
+                if (!ReactFeatureFlags.useTurboModules) {
+                  return null
+                }
+                if (SampleTurboModule.NAME == name) {
+                  return SampleTurboModule(reactContext)
+                }
+                if (SampleLegacyModule.NAME == name) {
+                  return SampleLegacyModule(reactContext)
+                }
+                return 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 {
+                    @Suppress("DEPRECATION")
+                    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 : ReactPackage, ViewManagerOnDemandReactPackage {
+              override fun createNativeModules(
+                  reactContext: ReactApplicationContext
+              ): 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 if (viewManagerName == "RNTMyLegacyNativeView") {
+                    MyLegacyViewManager(reactContext)
+                  } else {
+                    null
+                  }
+            })
+      }
+
+      override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+      override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED_IN_FLAVOR
+    }
+  }
+
+  override val reactHost: ReactHost
+    get() = DefaultReactHost.getDefaultReactHost(applicationContext, reactNativeHost)
+
+  override fun onCreate() {
+    ReactFontManager.getInstance().addCustomFont(this, "Rubik", R.font.rubik)
+    super.onCreate()
+    SoLoader.init(this, /* native exopackage */ false)
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      load()
+    }
+  }
+}
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 aa0111fec132..000000000000
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterReactHostDelegate.kt
+++ /dev/null
@@ -1,122 +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.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.turbomodule.core.TurboModuleManager
-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 = "js/RNTesterApp.android"
-
-  override val jsBundleLoader: JSBundleLoader =
-      JSBundleLoader.createAssetLoader(context, "assets://RNTesterApp.android.bundle", 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(turboModuleManager: TurboModuleManager): 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 : ReactPackage {
-          override fun createNativeModules(
-              reactContext: ReactApplicationContext
-          ): List<NativeModule> = emptyList()
-
-          override fun createViewManagers(
-              reactContext: ReactApplicationContext
-          ): List<ViewManager<*, *>> =
-              listOf(MyNativeViewManager(), MyLegacyViewManager(reactContext))
-        })
-  }
-}
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 5845e85af539..7657f4616f9e 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
@@ -26,8 +26,8 @@ internal class MyLegacyViewManager(reactContext: ReactApplicationContext) :
 
   override fun getName(): String = REACT_CLASS
 
-  override fun createViewInstance(reactContext: ThemedReactContext): MyNativeView =
-      MyNativeView(reactContext).apply { setBackgroundColor(Color.RED) }
+  override fun createViewInstance(themedReactContext: ThemedReactContext): MyNativeView =
+      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 78584e08f89d..59d3509e528f 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,23 +5,28 @@
  * 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.content.Context
 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
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.uimanager.events.Event
 import com.facebook.react.uimanager.events.RCTEventEmitter
 
-class MyNativeView(context: Context) : View(context) {
+class MyNativeView(context: ThemedReactContext) : View(context) {
   private var currentColor = 0
   private var background: GradientDrawable = GradientDrawable()
+  private var reactContext: ReactContext = context.reactApplicationContext
 
   override fun setBackgroundColor(color: Int) {
     if (color != currentColor) {
@@ -33,13 +38,29 @@ class MyNativeView(context: Context) : 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())
@@ -48,10 +69,8 @@ class MyNativeView(context: Context) : View(context) {
           putDouble("alpha", Color.alpha(color).toDouble())
         }
 
-    Color.colorToHSV(color, hsv)
     event.putMap("backgroundColor", backgroundColor)
 
-    val reactContext = context as ReactContext
     reactContext.getJSModule(RCTEventEmitter::class.java).receiveEvent(id, "onColorChanged", event)
   }
 
@@ -105,12 +124,28 @@ class MyNativeView(context: Context) : 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 35635167b410..91640b172ea2 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 4866263ab59d..7ba52751e28d 100644
--- a/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp
+++ b/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp
@@ -5,29 +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>
-#include <rncore.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(
@@ -42,15 +41,17 @@ 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;
-  };
-  return rncore_ModuleProvider(name, params);
+  }
+#endif
+  return nullptr;
 }
 
 } // namespace react
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 f3baaded29af..62679babb0d9 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 4ff27896d09b..447680da7b3f 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 d6793659dec6..ef3a8f5c769e 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 c4b54e40089a..5974d28a8a94 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 d997862b6442..281ee25afd77 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} from 'react-native';
-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} from 'react-native';
 
 AppRegistry.registerComponent('SetPropertiesExampleApp', () =>
   require('./examples/SetPropertiesExample/SetPropertiesExampleApp'),
diff --git a/packages/rn-tester/js/RNTesterAppShared.js b/packages/rn-tester/js/RNTesterAppShared.js
index 0949aafca08d..131a838b9764 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,24 +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
 
-if (global.RN$Bridgeless) {
-  require('react-native/Libraries/NativeComponent/NativeComponentRegistry').setRuntimeConfigProvider(
-    name => {
-      // In bridgeless mode, never load native ViewConfig.
-      return {native: false, strict: false, verify: false};
-    },
-  );
-}
-
-const RNTesterApp = (): React.Node => {
+const RNTesterApp = ({
+  testList,
+}: {
+  testList?: {
+    components?: Array<RNTesterModuleInfo>,
+    apis?: Array<RNTesterModuleInfo>,
+  },
+}): React.Node => {
   const [state, dispatch] = React.useReducer(
     RNTesterNavigationReducer,
     initialNavigationState,
@@ -50,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(() => {
@@ -106,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;
 
@@ -143,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}>
@@ -172,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 a6e5075de537..000000000000
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 a17ef85991fb..000000000000
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 2b2281e5373d..000000000000
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 a939dac5740a..000000000000
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 29d29dff8f2b..000000000000
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 dfe68645aa1c..000000000000
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 dff4e11e19d6..000000000000
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 83c6dd8204eb..000000000000
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 57e8c7d3fe56..000000000000
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 8546ba8c9446..000000000000
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 9141991010c9..000000000000
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 396614fa9b9b..000000000000
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 32ddc5633f39..7260f2fbd07e 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,
 } = require('react-native');
 
diff --git a/packages/rn-tester/js/components/RNTConfigurationBlock.js b/packages/rn-tester/js/components/RNTConfigurationBlock.js
index 25ebe6ce51fd..38d945767540 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 0761424e17d1..7d3d534277b2 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 805b7c57fd1d..7cc023006151 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 2bc82dedbb59..1b5d61e9bcb2 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 d6094056e75a..8c2ee0dc417f 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 58b41c5d6b88..8849ec4056b0 100644
--- a/packages/rn-tester/js/components/RNTesterBlock.js
+++ b/packages/rn-tester/js/components/RNTesterBlock.js
@@ -8,8 +8,8 @@
  * @flow
  */
 
-import * as React from 'react';
 import {RNTesterThemeContext} from './RNTesterTheme';
+import * as React from 'react';
 import {StyleSheet, Text, View} from 'react-native';
 
 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 b8f69eb36adf..000000000000
--- 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 6f4ed2ad56ed..d760b3a00ea2 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 89f2011dc893..633930682f9e 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 7228f044c155..e25657820624 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 41cc5b7a9960..000000000000
--- 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 5947f121477d..dc37bd8b22e5 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 ddb14c3bd478..a7bde2035519 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 bcf48da376de..6ab29649a760 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 04421e3cf229..cf484da75d6a 100644
--- a/packages/rn-tester/js/components/RNTesterModuleList.js
+++ b/packages/rn-tester/js/components/RNTesterModuleList.js
@@ -8,21 +8,12 @@
  * @flow
  */
 
-const RNTesterExampleFilter = require('./RNTesterExampleFilter');
+import {RNTesterThemeContext} from './RNTesterTheme';
 import RNTPressableRow from './RNTPressableRow';
-const React = require('react');
 
-const {
-  Platform,
-  SectionList,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  Image,
-  View,
-} = require('react-native');
-
-import {RNTesterThemeContext} from './RNTesterTheme';
+const RNTesterExampleFilter = require('./RNTesterExampleFilter');
+const React = require('react');
+const {Platform, SectionList, StyleSheet, Text, View} = require('react-native');
 
 /* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
  * LTI update could not be added via codemod */
@@ -30,32 +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
-      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}
@@ -64,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}}>
@@ -119,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);
@@ -133,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 9dc31eaeb7e0..8b49ab157c47 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 8c1d615e5b8a..c3bcd4ba6336 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 b6eab1481158..a94c7c54787b 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 b0f10116be70..948a0e89ca61 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 237b198fa0fa..94269d36018b 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 52b09a240b87..359dd67c2dc9 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 62decfc0bbe8..169f3835db82 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 f5da9efc20e3..6cce3364fcca 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 ac28b87ac181..f6d9126c67bb 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,
-  View,
-  TouchableOpacity,
+  TextInput,
   TouchableNativeFeedback,
+  TouchableOpacity,
   TouchableWithoutFeedback,
-  Alert,
-  StyleSheet,
-  Platform,
-  Switch,
-  ScrollView,
+  View,
 } = 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 92c2caac899c..287c1bf63c74 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 8f0ebaf041f5..303d3186739d 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 e13a70d7bbad..22d058e2c99b 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 dbe87a824826..096470a8c7b2 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 e13fcd24be6c..548e0fd7dc23 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 d4630a900170..35e7ba7dd0a3 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 e168a349f958..8e90e4a29ff0 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 cf37e3bcdfc5..6514bf8af5f0 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 a453d0d7f8ef..3a7995ca33f8 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 2d1b8a60f4e7..3043a3f9b7de 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 78dc345f2fec..ffa891294f94 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 180425758a5f..efe0bae2f465 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 976c8edb9863..7962dd758ef6 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 01cdc19e98d9..55361d55e118 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 60a90bc107a5..f7db70b56d7e 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 b58bd3a38896..2ec06cbf0393 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 52d081b7b9ea..e6f7fe7a1c44 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 428b62d203b3..b19508ec7b82 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 6b9c3bc8df23..8907b48e49bb 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 3a8ac0c3ee44..ea5b75df38bc 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 5357f57c1c95..e41932a9c6b5 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 f9ff4e6df0a0..8d7c3472465c 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 279c439cea77..b58c8e6a17eb 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({
@@ -211,17 +211,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]}
+          />
         );
       },
     },
@@ -229,24 +237,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]}
+          />
+        );
       },
     },
     {
@@ -254,8 +277,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]}
+          />
+        );
       },
     },
     {
@@ -263,8 +291,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]}
+          />
+        );
       },
     },
     {
@@ -272,9 +305,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>
         );
@@ -284,9 +319,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]} />
@@ -299,8 +334,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]}
+          />
+        );
       },
     },
     {
@@ -308,48 +348,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]}
+          />
+        );
       },
     },
     {
@@ -357,8 +427,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 3f49b6119662..332f9cd66690 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 a1fe3a2cfe08..75376815caec 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/Cursor/CursorExample.js b/packages/rn-tester/js/examples/Cursor/CursorExample.js
new file mode 100644
index 000000000000..77936112305a
--- /dev/null
+++ b/packages/rn-tester/js/examples/Cursor/CursorExample.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
+ */
+
+'use strict';
+
+const React = require('react');
+const {StyleSheet, Text, View} = require('react-native');
+
+const styles = StyleSheet.create({
+  invisibleBox: {
+    width: 100,
+    height: 100,
+  },
+  box: {
+    width: 100,
+    height: 100,
+    borderWidth: 2,
+  },
+  circle: {
+    width: 100,
+    height: 100,
+    borderWidth: 2,
+    borderRadius: 100,
+  },
+  halfcircle: {
+    width: 100,
+    height: 100,
+    borderWidth: 2,
+    borderTopStartRadius: 100,
+    borderBottomStartRadius: 100,
+  },
+  solid: {
+    backgroundColor: 'blue',
+  },
+  pointer: {
+    cursor: 'pointer',
+  },
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10,
+  },
+  centerContent: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+function CursorExampleAuto() {
+  return (
+    <View style={styles.row}>
+      <View style={styles.box} />
+      <View style={styles.circle} />
+      <View style={styles.halfcircle} />
+      <View style={[styles.box, styles.solid]} />
+      <View style={[styles.circle, styles.solid]} />
+      <View style={[styles.halfcircle, styles.solid]} />
+    </View>
+  );
+}
+
+function CursorExamplePointer() {
+  return (
+    <View style={styles.row}>
+      <View style={[styles.box, styles.pointer]} />
+      <View style={[styles.circle, styles.pointer]} />
+      <View style={[styles.halfcircle, styles.pointer]} />
+      <View style={[styles.box, styles.solid, styles.pointer]} />
+      <View style={[styles.circle, styles.solid, styles.pointer]} />
+      <View style={[styles.halfcircle, styles.solid, styles.pointer]} />
+    </View>
+  );
+}
+
+function CursorExamplePointer() {
+  return (
+    <View style={styles.row}>
+      <View style={[styles.box, styles.pointer]} />
+      <View style={[styles.circle, styles.pointer]} />
+      <View style={[styles.halfcircle, styles.pointer]} />
+      <View style={[styles.box, styles.solid, styles.pointer]} />
+      <View style={[styles.circle, styles.solid, styles.pointer]} />
+      <View style={[styles.halfcircle, styles.solid, styles.pointer]} />
+    </View>
+  );
+}
+
+function CursorExampleViewFlattening() {
+  return (
+    <View style={styles.row}>
+      <View style={[styles.invisibleBox, styles.centerContent, styles.pointer]}>
+        <Text>pointer</Text>
+      </View>
+    </View>
+  );
+}
+
+exports.title = 'Cursor';
+exports.category = 'UI';
+exports.description =
+  'Demonstrates setting a cursor, which affects the appearance when a pointer is over the View.';
+exports.examples = [
+  {
+    title: 'Default',
+    description: "Cursor: 'auto' or no cursor set ",
+    render: CursorExampleAuto,
+  },
+  {
+    title: 'Pointer',
+    description: 'cursor: pointer',
+    render: CursorExamplePointer,
+  },
+  {
+    title: 'View flattening',
+    description: 'Views with a cursor do not get flattened',
+    render: CursorExampleViewFlattening,
+  },
+];
diff --git a/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js b/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js
index 8e8d1a28da41..b37d4476dc60 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 5c80d73937b6..c56357bbdb2c 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 4494a382640f..6c528c3d57ba 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 9961c571f81d..be3958d9e23b 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 8c2f40a2208e..94aa4145b75c 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 74c7a9ed9569..4968f45339eb 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 ed9a2b2080a1..4f904d0a51c1 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 f46aac110903..099858d92a61 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 ee35d22d976c..b111803168fa 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 b0cd68e06f17..f6a1bb5023e8 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 e6d28a2107bb..9335ce8cfe07 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 79a5556b8782..24efcc3c8169 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 c9894ae6cf37..181b3ef1a1f8 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 680cbb259e82..d5db79dc4575 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 1c4d6da77e2b..69d448082c8a 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 8fc640871f16..031d76f4c0e9 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 806c709519e1..7db11831df76 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 79caf0afcd27..27c9567e93e5 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 8059b8f9d655..36cca7e7ce68 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 09000898edf2..49fbc2584392 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 f01651e170f8..26574a1076df 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 854494e71842..f72b5761de7f 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 108ee5b15b7c..d5267dfea7bc 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 35bd727a5b23..7956a7d16fb5 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 16ed3b1f5a23..0b274fed8437 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 cd643c420353..24dff3c6baa2 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 defcc596d170..d65b88ba21c1 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 25383fcc6e9d..94dd82caae61 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 8891b4b29bc5..8d6a51d6358a 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 b53b37e7f6d3..56b737acf412 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 eaec73c62258..8717e8e19b57 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 033893d4ce35..e90e55f13250 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 fd8d10a43474..89e124c6dc33 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 0871afa15cd2..6a3f27905a31 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 84f1fcaf4229..de1d2f4c9ba8 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 f65111e16596..727647957490 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 8660e5c48cbb..d4a50689d3f8 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 bdfbb8a237ff..2a64d772cdea 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 02bb0e211845..30afdb8b3f46 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 56125187231d..4f18636bdba6 100644
--- a/packages/rn-tester/js/examples/Image/ImageExample.js
+++ b/packages/rn-tester/js/examples/Image/ImageExample.js
@@ -12,20 +12,18 @@
 
 import type {LayoutEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const ImageCapInsetsExample = require('./ImageCapInsetsExample');
 const React = require('react');
-
 const {
   Image,
+  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 7932f6dc2ff7..d7784475a507 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 b4f4efa3ba19..2e71beaf427c 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 5a6efd675325..794a20f67abd 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 507268c03fc4..886a1813bffb 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 49b35c9506a6..4c96b1469787 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 400d5b3df830..6c20b1655877 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 d3bd28b9a6b9..9450f717d26c 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 016b0f6193ef..72ca62e2b6c4 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,
@@ -20,11 +24,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 ef7320c52589..8099362f6a36 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 2f84d7c5e0e6..64e5e8e594c6 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 d781cbc7d4c7..684d290d6983 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 9c35229276b3..8ef9764794a5 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 358da027e2b9..e5f2cad774eb 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 7a809d55af9f..d71f9dd8c4eb 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 d80db941054e..17e9c47147ff 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 0de5a1b7f387..81c3e97bfd6f 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 f94b17816d7d..5a7303070f67 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 e4f7f4aba388..c380bebee964 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 5d8be8bdf1e1..4961fbe41777 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 35ef0c41ad6a..1c3d7ea68c9a 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 16a7260d3e9f..27ff257ea489 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 6947ebf97f48..5d7cfbd32094 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 d74358ee4ba8..08a1629fe19b 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 93ab1824c75d..896b8defbb85 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 622b013906d5..d28255d5bc3f 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 e35e42cc79ca..0e795dc07bd6 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 da54a78a8b4b..4c81c639df41 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 7ea36fcfb16a..c481466ec98c 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 5f5ab7354d3f..9da14b100547 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 cfc1f4e1a097..4a5a3a305800 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 07c7668bb446..d3acfffc03f7 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 07c7668bb446..d3acfffc03f7 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 cd7f3035f93e..5bd6dd8abf24 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 37535f520a1f..2437e8509cb2 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 {DynamicColorIOS, PlatformColor, StyleSheet, Text, View} = ReactNative;
 
 function PlatformColorsExample() {
diff --git a/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js b/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js
index 069ac9384f04..f1f4b1ce14a4 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 000000000000..3934c0f4f083
--- /dev/null
+++ b/packages/rn-tester/js/examples/PopupMenuAndroid/PopupMenuAndroidExample.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.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {PopupMenuAndroidInstance} from '@react-native/popup-menu-android';
+import type {Node} from 'react';
+
+import PopupMenuAndroid from '@react-native/popup-menu-android';
+import * as React from 'react';
+import {Button, 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 06eb6c9bbf79..a54e78ccad02 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 ce72ac8dd908..768945f1fc96 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 d5f057edfd7e..90337842ee74 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 a57283becec0..e4cba55160fc 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 8ee9c4cc4956..ab89d4b429ea 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 c76de6f7b6b3..d820dfe904c5 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 04ace36d56c3..95f64433acac 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 d396a7a341e0..8add97a844bc 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 afd85a6d7ea8..b71ee19aa8e1 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 55b84326f609..9dbe55819c02 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 b0039c98eb3c..1e721bd8f71b 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 7b4f13343079..8a9311c34e47 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 8df947c8d935..1503cd6796bc 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 7badaa365538..cf597b44f54c 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 080cf109f192..2fd76f0a9d47 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 af4790ccebbc..fb81297ca9f6 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 df15929e706a..eaeb033399f1 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>
     );
   }
 
@@ -48,7 +58,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 5bc21379e911..c35c47e6c384 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 16aa1c42e61a..7b0f94e2f4a5 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 41ff93ac454b..289f0480733d 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 3f0056576f12..cdc8fb1baed3 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 cf74027259a8..b11e72f00f3b 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 a5e8966f15ca..94e67090342b 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 473c9411a868..2932da5092f6 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 5d89b2cdac83..35347b720ced 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 ef048e100af7..ae7c7254b124 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
@@ -10,26 +10,24 @@
 
 'use strict';
 
-const React = require('react');
+import type {
+  RNTesterModule,
+  RNTesterModuleExample,
+} from '../../types/RNTesterTypes';
+import type {KeyboardType} from 'react-native/Libraries/Components/TextInput/TextInput';
 
+const TextInputSharedExamples = require('./TextInputSharedExamples.js');
+const React = require('react');
 const {
+  Alert,
   Button,
   InputAccessoryView,
+  StyleSheet,
+  Switch,
   Text,
   TextInput,
   View,
-  StyleSheet,
-  Switch,
-  Alert,
 } = require('react-native');
-import type {KeyboardType} from 'react-native/Libraries/Components/TextInput/TextInput';
-
-const TextInputSharedExamples = require('./TextInputSharedExamples.js');
-
-import type {
-  RNTesterModule,
-  RNTesterModuleExample,
-} from '../../types/RNTesterTypes';
 
 class WithLabel extends React.Component<$FlowFixMeProps> {
   render(): React.Node {
@@ -325,7 +323,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const examples: Array<RNTesterModuleExample> = [
+const textInputExamples: Array<RNTesterModuleExample> = [
   ...TextInputSharedExamples,
   {
     title: 'Live Re-Write (ひ -> 日)',
@@ -946,5 +944,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 72d520467ef1..58a2ab3552be 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 c05948b06398..d03a0b9a33a2 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -10,21 +10,21 @@
 
 '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,
 } 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 166674d31aa4..ddcd9d99ffe9 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 cdc97ab4a4c0..03366f4fbc21 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 8242039d7979..4f978e9d5993 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 48ac0e0e4be6..75370c931cc4 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 cf9885d25205..6419d40e8619 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 65d269e4aa70..93708115af48 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 3aeb55e80407..bfdb6222621c 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 ffd7b846e74f..f3d9a99468e3 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;
 
@@ -86,7 +101,7 @@ class SampleLegacyModuleExample extends React.Component<{||}, State> {
           getNSNumber: () => getSampleLegacyModule()?.getNSNumber(20.0),
           getUnsafeObject: () =>
             getSampleLegacyModule()?.getObject({a: 1, b: 'foo', c: null}),
-          getRootTag: () => getSampleLegacyModule()?.getRootTag(this.context),
+          getRootTag: () => getSampleLegacyModule()?.getRootTag(11),
           getValue: () =>
             getSampleLegacyModule()?.getValue(5, 'test', {a: 1, b: 'foo'}),
           callback: () =>
@@ -119,13 +134,24 @@ 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: () =>
             getSampleLegacyModule()?.getObject({a: 1, b: 'foo', c: null}),
           getValue: () =>
             getSampleLegacyModule()?.getValue(5, 'test', {a: 1, b: 'foo'}),
+          getDynamicWithNull: () => getSampleLegacyModule()?.getDynamic(null),
+          getDynamicWithBoolean: () =>
+            getSampleLegacyModule()?.getDynamic(true),
+          getDynamicWithNumber: () =>
+            getSampleLegacyModule()?.getDynamic(42.24),
+          getDynamicWithString: () =>
+            getSampleLegacyModule()?.getDynamic('The answer is 42'),
+          getDynamicWithArray: () =>
+            getSampleLegacyModule()?.getDynamic(['the', 'answer', 'is', '42']),
+          getDynamicWithMap: () =>
+            getSampleLegacyModule()?.getDynamic({answer: '42'}),
           callback: () =>
             getSampleLegacyModule()?.getValueWithCallback(callbackValue =>
               this._setResult('callback', callbackValue),
@@ -171,7 +197,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 57a2be7f5824..7e3a979ec5b0 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 18e9f53ae249..6d60192de7ce 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 e177529316a7..f70d00b85bd5 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 bcc08ca29099..cb0371fe653f 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 bd278ccd7ed3..d8989b907441 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 f452e7b1a8de..4648ddb515c6 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 cab8088c3774..727ac0eba4ed 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 472c94ba8cc1..d27394caa65c 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 391c825c0eb2..b754e0a24ea9 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 913f5772693e..aabc2311a396 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 e8512f1b76f7..e021cb06f1af 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 478adb6a282e..5d386d5ba58c 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 90f5d686ca1f..f549b61512b2 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 d9d50db5551a..93fd73bce481 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';
@@ -38,7 +38,6 @@ export type RNTesterModuleInfo = $ReadOnly<{|
   module: RNTesterModule,
   category?: string,
   documentationURL?: string,
-  isBookmarked?: boolean,
   exampleType?: 'components' | 'apis',
 |}>;
 
@@ -51,10 +50,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[]};
 
@@ -63,8 +61,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 2840399acc29..7bc6ef37a894 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/RNTesterList.ios.js b/packages/rn-tester/js/utils/RNTesterList.ios.js
index fa0587ccd145..4dbcabd8b3f7 100644
--- a/packages/rn-tester/js/utils/RNTesterList.ios.js
+++ b/packages/rn-tester/js/utils/RNTesterList.ios.js
@@ -195,6 +195,10 @@ const APIs: Array<RNTesterModuleInfo> = ([
     key: 'CrashExample',
     module: require('../examples/Crash/CrashExample'),
   },
+  {
+    key: 'CursorExample',
+    module: require('../examples/Cursor/CursorExample'),
+  },
   {
     key: 'DevSettings',
     module: require('../examples/DevSettings/DevSettingsExample'),
diff --git a/packages/rn-tester/js/utils/RNTesterNavigationReducer.js b/packages/rn-tester/js/utils/RNTesterNavigationReducer.js
index ff08d7b93128..4f0f5c335c01 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 a7ec6ae7c4d0..538b4264345e 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 a38af819a35d..5ceac1505d28 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/metro.config.js b/packages/rn-tester/metro.config.js
index 3c41387cc19b..87b72ad0f6c2 100644
--- a/packages/rn-tester/metro.config.js
+++ b/packages/rn-tester/metro.config.js
@@ -30,6 +30,7 @@ const config = {
     path.resolve(__dirname, '../polyfills'),
     path.resolve(__dirname, '../react-native'),
     path.resolve(__dirname, '../virtualized-lists'),
+    path.resolve(__dirname, '../react-native-popup-menu-android'),
   ],
   resolver: {
     blockList: [/..\/react-native\/sdks\/hermes/],
diff --git a/packages/rn-tester/package.json b/packages/rn-tester/package.json
index d63abf26aab1..321c24e0a383 100644
--- a/packages/rn-tester/package.json
+++ b/packages/rn-tester/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/tester",
-  "version": "0.0.1",
+  "version": "0.74.88",
   "private": true,
   "description": "React Native tester app.",
   "license": "MIT",
@@ -25,7 +25,8 @@
   "dependencies": {
     "flow-enums-runtime": "^0.0.6",
     "invariant": "^2.2.4",
-    "nullthrows": "^1.1.1"
+    "nullthrows": "^1.1.1",
+    "@react-native/popup-menu-android": "0.74.88"
   },
   "peerDependencies": {
     "react": "18.2.0",
diff --git a/packages/rn-tester/react-native.config.js b/packages/rn-tester/react-native.config.js
index 449669b10b91..db5c45ff4bf5 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 896de154d849..fb9dfd420ef9 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.88",
   "description": "Default TypeScript configuration for React Native apps",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,11 @@
     "directory": "packages/typescript-config"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/typescript-config#readme",
-  "keywords": ["typescript", "tsconfig", "react-native"],
+  "keywords": [
+    "typescript",
+    "tsconfig",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "main": "tsconfig.json"
 }
diff --git a/packages/typescript-config/tsconfig.json b/packages/typescript-config/tsconfig.json
index 3bb1451e792d..d5e1bce7990f 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 c5bfadf962ca..924b35316323 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 23f7f8d327ca..a7972390211f 100644
--- a/packages/virtualized-lists/Lists/ListMetricsAggregator.js
+++ b/packages/virtualized-lists/Lists/ListMetricsAggregator.js
@@ -8,14 +8,12 @@
  * @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';
 
-type LayoutEventDirection = 'top-down' | 'bottom-up';
-
 export type CellMetrics = {
   /**
    * Index of the item in the list
@@ -55,25 +53,12 @@ export type CellMetricProps = {
   ...
 };
 
-type UnresolvedCellMetrics = {
-  index: number,
-  layout: Layout,
-  isMounted: boolean,
-
-  // The length of list content at the time of layout is needed to correctly
-  // resolve flow relative offset in RTL. We are lazily notified of this after
-  // the layout of the cell, unless the cell relayout does not cause a length
-  // change. To keep stability, we use content length at time of query, or
-  // unmount if never queried.
-  listContentLength?: ?number,
-};
-
 /**
  * Provides an interface to query information about the metrics of a list and its cells.
  */
 export default class ListMetricsAggregator {
   _averageCellLength = 0;
-  _cellMetrics: Map<string, UnresolvedCellMetrics> = new Map();
+  _cellMetrics: Map<string, CellMetrics> = new Map();
   _contentLength: ?number;
   _highestMeasuredCellIndex = 0;
   _measuredCellsLength = 0;
@@ -83,10 +68,6 @@ export default class ListMetricsAggregator {
     rtl: false,
   };
 
-  // Fabric and Paper may call onLayout in different orders. We can tell which
-  // direction layout events happen on the first layout.
-  _onLayoutDirection: LayoutEventDirection = 'top-down';
-
   /**
    * Notify the ListMetricsAggregator that a cell has been laid out.
    *
@@ -103,39 +84,22 @@ export default class ListMetricsAggregator {
     orientation: ListOrientation,
     layout: Layout,
   }): boolean {
-    if (this._contentLength == null) {
-      this._onLayoutDirection = 'bottom-up';
-    }
-
     this._invalidateIfOrientationChanged(orientation);
 
-    // If layout is top-down, our most recently cached content length
-    // corresponds to this cell. Otherwise, we need to resolve when events fire
-    // up the tree to the new length.
-    const listContentLength =
-      this._onLayoutDirection === 'top-down' ? this._contentLength : null;
-
-    const next: UnresolvedCellMetrics = {
+    const next: CellMetrics = {
       index: cellIndex,
-      layout: layout,
+      length: this._selectLength(layout),
       isMounted: true,
-      listContentLength,
+      offset: this.flowRelativeOffset(layout),
     };
     const curr = this._cellMetrics.get(cellKey);
 
-    if (
-      !curr ||
-      this._selectOffset(next.layout) !== this._selectOffset(curr.layout) ||
-      this._selectLength(next.layout) !== this._selectLength(curr.layout) ||
-      (curr.listContentLength != null &&
-        curr.listContentLength !== this._contentLength)
-    ) {
+    if (!curr || next.offset !== curr.offset || next.length !== curr.length) {
       if (curr) {
-        const dLength =
-          this._selectLength(next.layout) - this._selectLength(curr.layout);
+        const dLength = next.length - curr.length;
         this._measuredCellsLength += dLength;
       } else {
-        this._measuredCellsLength += this._selectLength(next.layout);
+        this._measuredCellsLength += next.length;
         this._measuredCellsCount += 1;
       }
 
@@ -174,21 +138,7 @@ export default class ListMetricsAggregator {
     layout: $ReadOnly<{width: number, height: number}>,
   }): void {
     this._invalidateIfOrientationChanged(orientation);
-    const newLength = this._selectLength(layout);
-
-    // Fill in any just-measured cells which did not have this length available.
-    // This logic assumes that cell relayout will always change list content
-    // size, which isn't strictly correct, but issues should be rare and only
-    // on Paper.
-    if (this._onLayoutDirection === 'bottom-up') {
-      for (const cellMetric of this._cellMetrics.values()) {
-        if (cellMetric.listContentLength == null) {
-          cellMetric.listContentLength = newLength;
-        }
-      }
-    }
-
-    this._contentLength = newLength;
+    this._contentLength = this._selectLength(layout);
   }
 
   /**
@@ -245,7 +195,7 @@ export default class ListMetricsAggregator {
       keyExtractor(getItem(data, index), index),
     );
     if (frame && frame.index === index) {
-      return this._resolveCellMetrics(frame);
+      return frame;
     }
 
     if (getItemLayout) {
@@ -286,26 +236,6 @@ export default class ListMetricsAggregator {
     return this._contentLength != null;
   }
 
-  /**
-   * Whether the ListMetricsAggregator is notified of cell metrics before
-   * ScrollView metrics (bottom-up) or ScrollView metrics before cell metrics
-   * (top-down).
-   *
-   * Must be queried after cell layout
-   */
-  getLayoutEventDirection(): LayoutEventDirection {
-    return this._onLayoutDirection;
-  }
-
-  /**
-   * Whether the ListMetricsAggregator must be aware of the current length of
-   * ScrollView content to be able to correctly resolve the (flow-relative)
-   * metrics of a cell.
-   */
-  needsContentLengthForCellMetrics(): boolean {
-    return this._orientation.horizontal && this._orientation.rtl;
-  }
-
   /**
    * Finds the flow-relative offset (e.g. starting from the left in LTR, but
    * right in RTL) from a layout box.
@@ -352,7 +282,6 @@ export default class ListMetricsAggregator {
 
     if (orientation.horizontal !== this._orientation.horizontal) {
       this._averageCellLength = 0;
-      this._contentLength = null;
       this._highestMeasuredCellIndex = 0;
       this._measuredCellsLength = 0;
       this._measuredCellsCount = 0;
@@ -371,15 +300,4 @@ export default class ListMetricsAggregator {
   _selectOffset({x, y}: $ReadOnly<{x: number, y: number, ...}>): number {
     return this._orientation.horizontal ? x : y;
   }
-
-  _resolveCellMetrics(metrics: UnresolvedCellMetrics): CellMetrics {
-    const {index, layout, isMounted, listContentLength} = metrics;
-
-    return {
-      index,
-      length: this._selectLength(layout),
-      isMounted,
-      offset: this.flowRelativeOffset(layout, listContentLength),
-    };
-  }
 }
diff --git a/packages/virtualized-lists/Lists/ViewabilityHelper.js b/packages/virtualized-lists/Lists/ViewabilityHelper.js
index f210b030d095..326641d54e27 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 a27406041557..a4c93f58a266 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 fed3f3f140b9..9f950916a2df 100644
--- a/packages/virtualized-lists/Lists/VirtualizedList.js
+++ b/packages/virtualized-lists/Lists/VirtualizedList.js
@@ -8,12 +8,7 @@
  * @format
  */
 
-import type {ScrollResponderType} from 'react-native/Libraries/Components/ScrollView/ScrollView';
-import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {
-  LayoutEvent,
-  ScrollEvent,
-} from 'react-native/Libraries/Types/CoreEventTypes';
+import type {CellMetricProps, ListOrientation} from './ListMetricsAggregator';
 import type {ViewToken} from './ViewabilityHelper';
 import type {
   Item,
@@ -22,17 +17,13 @@ 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 {
+  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';
@@ -48,6 +39,14 @@ import {
   VirtualizedListContext,
   VirtualizedListContextProvider,
 } from './VirtualizedListContext.js';
+import {
+  horizontalOrDefault,
+  initialNumToRenderOrDefault,
+  maxToRenderPerBatchOrDefault,
+  onEndReachedThresholdOrDefault,
+  onStartReachedThresholdOrDefault,
+  windowSizeOrDefault,
+} from './VirtualizedListProps';
 import {
   computeWindowedRenderLimits,
   keyExtractor as defaultKeyExtractor,
@@ -55,15 +54,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};
 
@@ -91,19 +90,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;
 }
@@ -825,7 +811,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;
@@ -969,10 +955,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>,
@@ -986,7 +974,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) {
@@ -1146,7 +1135,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
               console.error(
                 'VirtualizedLists should never be nested inside plain ScrollViews with the same ' +
                   'orientation because it can break windowing and other functionality - use another ' +
@@ -1255,8 +1243,10 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
   _defaultRenderScrollComponent = props => {
     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',
@@ -1302,45 +1292,19 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
       orientation: this._orientation(),
     });
 
-    // In RTL layout we need parent content length to calculate the offset of a
-    // cell from the start of the list. In Paper, layout events are bottom up,
-    // so we do not know this yet, and must defer calculation until after
-    // `onContentSizeChange` is called.
-    const deferCellMetricCalculation =
-      this._listMetrics.getLayoutEventDirection() === 'bottom-up' &&
-      this._listMetrics.needsContentLengthForCellMetrics();
-
-    // Note: In Paper RTL logical position may have changed when
-    // `layoutHasChanged` is false if a cell maintains same X/Y coordinates,
-    // but contentLength shifts. This will be corrected by
-    // `onContentSizeChange` triggering a cell update.
     if (layoutHasChanged) {
-      this._scheduleCellsToRenderUpdate({
-        allowImmediateExecution: !deferCellMetricCalculation,
-      });
+      this._scheduleCellsToRenderUpdate();
     }
 
     this._triggerRemeasureForChildListsInCell(cellKey);
-
     this._computeBlankness();
-
-    if (deferCellMetricCalculation) {
-      if (!this._pendingViewabilityUpdate) {
-        this._pendingViewabilityUpdate = true;
-        setTimeout(() => {
-          this._updateViewableItems(this.props, this.state.cellsAroundViewport);
-          this._pendingViewabilityUpdate = false;
-        }, 0);
-      }
-    } else {
-      this._updateViewableItems(this.props, this.state.cellsAroundViewport);
-    }
+    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];
@@ -1584,7 +1548,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 &&
@@ -1596,13 +1560,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;
     }
   }
 
@@ -1765,9 +1727,7 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
     }
   }
 
-  _scheduleCellsToRenderUpdate(opts?: {allowImmediateExecution?: boolean}) {
-    const allowImmediateExecution = opts?.allowImmediateExecution ?? true;
-
+  _scheduleCellsToRenderUpdate() {
     // Only trigger high-priority updates if we've actually rendered cells,
     // and with that size estimate, accurately compute how many cells we should render.
     // Otherwise, it would just render as many cells as it can (of zero dimension),
@@ -1776,9 +1736,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 (
-      allowImmediateExecution &&
+      (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 c4295c0ed93e..afe3eea7ad4b 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>>,
@@ -32,7 +32,7 @@ export type Props<ItemT> = {
   inversionStyle: ViewStyleProp,
   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>,
@@ -115,12 +115,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(
@@ -174,7 +177,6 @@ export default class CellRenderer<ItemT> extends React.Component<
       item,
       index,
       inversionStyle,
-      onCellFocusCapture,
       onCellLayout,
       renderItem,
     } = this.props;
@@ -206,7 +208,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}
@@ -217,7 +219,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 5d8b0cd0bb4b..1a956ea64ca1 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 0f6b2a360b33..220fc89cfc7f 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 7426b4c1617b..2278ca9e50cb 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', () => {
@@ -437,6 +436,11 @@ describe('ListMetricsAggregator', () => {
       getItem: (i: number) => nullthrows(props.data)[i],
     };
 
+    listMetrics.notifyListContentLayout({
+      layout: {width: 100, height: 5},
+      orientation,
+    });
+
     listMetrics.notifyCellLayout({
       cellIndex: 0,
       cellKey: '0',
@@ -461,11 +465,6 @@ describe('ListMetricsAggregator', () => {
       },
     });
 
-    listMetrics.notifyListContentLayout({
-      layout: {width: 100, height: 5},
-      orientation,
-    });
-
     expect(listMetrics.getCellMetrics(1, props)).toEqual({
       index: 1,
       length: 20,
@@ -489,6 +488,11 @@ describe('ListMetricsAggregator', () => {
       getItem: (i: number) => nullthrows(props.data)[i],
     };
 
+    listMetrics.notifyListContentLayout({
+      layout: {width: 100, height: 5},
+      orientation,
+    });
+
     listMetrics.notifyCellLayout({
       cellIndex: 0,
       cellKey: '0',
@@ -513,11 +517,6 @@ describe('ListMetricsAggregator', () => {
       },
     });
 
-    listMetrics.notifyListContentLayout({
-      layout: {width: 100, height: 5},
-      orientation,
-    });
-
     expect(listMetrics.getCellMetrics(2, props)).toBeNull();
     expect(listMetrics.getCellMetricsApprox(2, props)).toEqual({
       index: 2,
@@ -537,6 +536,11 @@ describe('ListMetricsAggregator', () => {
       getItemLayout: () => ({index: 2, length: 40, offset: 30}),
     };
 
+    listMetrics.notifyListContentLayout({
+      layout: {width: 100, height: 5},
+      orientation,
+    });
+
     listMetrics.notifyCellLayout({
       cellIndex: 0,
       cellKey: '0',
@@ -561,11 +565,6 @@ describe('ListMetricsAggregator', () => {
       },
     });
 
-    listMetrics.notifyListContentLayout({
-      layout: {width: 100, height: 5},
-      orientation,
-    });
-
     expect(listMetrics.getCellMetrics(2, props)).toMatchObject({
       index: 2,
       length: 40,
@@ -713,98 +712,7 @@ describe('ListMetricsAggregator', () => {
     });
   });
 
-  it('resolves metrics of unmounted cell after list shift when using bottom-up layout propagation', () => {
-    const listMetrics = new ListMetricsAggregator();
-    const orientation = {horizontal: true, rtl: true};
-    const props: CellMetricProps = {
-      data: [1, 2, 3, 4, 5],
-      getItemCount: () => nullthrows(props.data).length,
-      getItem: (i: number) => nullthrows(props.data)[i],
-    };
-
-    listMetrics.notifyCellLayout({
-      cellIndex: 0,
-      cellKey: '0',
-      orientation,
-      layout: {
-        height: 5,
-        width: 10,
-        x: 90,
-        y: 0,
-      },
-    });
-
-    listMetrics.notifyCellLayout({
-      cellIndex: 1,
-      cellKey: '1',
-      orientation,
-      layout: {
-        height: 5,
-        width: 20,
-        x: 70,
-        y: 0,
-      },
-    });
-
-    listMetrics.notifyListContentLayout({
-      layout: {width: 100, height: 5},
-      orientation,
-    });
-
-    expect(listMetrics.getCellMetrics(1, props)).toEqual({
-      index: 1,
-      length: 20,
-      offset: 10,
-      isMounted: true,
-    });
-
-    listMetrics.notifyCellLayout({
-      cellIndex: 2,
-      cellKey: '2',
-      orientation,
-      layout: {
-        height: 5,
-        width: 20,
-        x: 50,
-        y: 0,
-      },
-    });
-
-    listMetrics.notifyListContentLayout({
-      layout: {width: 120, height: 5},
-      orientation,
-    });
-
-    expect(listMetrics.getCellMetrics(1, props)).toEqual({
-      index: 1,
-      length: 20,
-      offset: 10,
-      isMounted: true,
-    });
-
-    listMetrics.notifyCellUnmounted('1');
-
-    expect(listMetrics.getCellMetrics(1, props)).toEqual({
-      index: 1,
-      length: 20,
-      offset: 10,
-      isMounted: false,
-    });
-
-    listMetrics.notifyListContentLayout({
-      layout: {width: 100, height: 5},
-      orientation,
-    });
-
-    expect(listMetrics.getCellMetrics(1, props)).toEqual({
-      index: 1,
-      length: 20,
-      offset: 10,
-      isMounted: false,
-    });
-  });
-
-  it('resolves metrics of unmounted cell after list shift when using top-down layout propagation', () => {
+  it('resolves metrics of unmounted cell after list shift', () => {
     const listMetrics = new ListMetricsAggregator();
     const orientation = {horizontal: true, rtl: true};
     const props: CellMetricProps = {
@@ -1089,18 +997,18 @@ describe('ListMetricsAggregator', () => {
       getItem: (i: number) => nullthrows(props.data)[i],
     };
 
-    listMetrics.notifyCellLayout({
-      cellIndex: 0,
-      cellKey: '0',
-      orientation,
-      layout: {
-        height: 10,
-        width: 5,
-        x: 0,
-        y: 0,
-      },
-    });
-
-    expect(() => listMetrics.getCellMetrics(0, props)).toThrow();
+    expect(() =>
+      listMetrics.notifyCellLayout({
+        cellIndex: 0,
+        cellKey: '0',
+        orientation,
+        layout: {
+          height: 10,
+          width: 5,
+          x: 0,
+          y: 0,
+        },
+      }),
+    ).toThrow();
   });
 });
diff --git a/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js b/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js
index 2afc9ec0985a..161a6e8b10dc 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 753add39cb52..7790f8581bdb 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 d3cb7b4e755e..8a01cb58500c 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 31c196ba5e4e..977dd1db499e 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 b2623813a690..a39aa2fe107d 100644
--- a/packages/virtualized-lists/package.json
+++ b/packages/virtualized-lists/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/virtualized-lists",
-  "version": "0.73.0",
+  "version": "0.74.88",
   "description": "Virtualized lists for React Native.",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,12 @@
     "directory": "packages/virtualized-lists"
   },
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/virtualized-lists#readme",
-  "keywords": ["lists", "virtualized-lists", "section-lists", "react-native"],
+  "keywords": [
+    "lists",
+    "virtualized-lists",
+    "section-lists",
+    "react-native"
+  ],
   "bugs": "https://github.com/facebook/react-native/issues",
   "engines": {
     "node": ">=18"
@@ -22,6 +27,13 @@
     "react-test-renderer": "18.2.0"
   },
   "peerDependencies": {
+    "@types/react": "^18.2.6",
+    "react": "*",
     "react-native": "*"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   }
 }
diff --git a/scripts/.tests.env b/scripts/.tests.env
index 3701a1cf2e79..7931d8b89341 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 b8013fcebd3e..7b4345256d5b 100644
--- a/scripts/__tests__/npm-utils-test.js
+++ b/scripts/__tests__/npm-utils-test.js
@@ -9,15 +9,24 @@
 
 const {
   applyPackageVersions,
-  getPackageVersionStrByTag,
+  getNpmInfo,
+  getVersionsBySpec,
   publishPackage,
 } = require('../npm-utils');
 
 const execMock = jest.fn();
+const getCurrentCommitMock = jest.fn();
+const exitIfNotOnGitMock = jest.fn();
+
 jest.mock('shelljs', () => ({
   exec: execMock,
 }));
 
+jest.mock('./../scm-utils', () => ({
+  getCurrentCommit: getCurrentCommitMock,
+  exitIfNotOnGit: exitIfNotOnGitMock,
+}));
+
 describe('npm-utils', () => {
   beforeEach(() => {
     jest.resetModules();
@@ -65,29 +74,11 @@ describe('npm-utils', () => {
     });
   });
 
-  describe('getPackageVersionStrByTag', () => {
-    it('should return package version string', () => {
-      execMock.mockImplementationOnce(() => ({code: 0, stdout: '0.34.2 \n'}));
-      const versionStr = getPackageVersionStrByTag('my-package', 'next');
-      expect(versionStr).toBe('0.34.2');
-    });
-    it('should throw error when invalid result', () => {
-      execMock.mockImplementationOnce(() => ({
-        code: 1,
-        stderr: 'Some error message',
-      }));
-
-      expect(() => {
-        getPackageVersionStrByTag('my-package', 'next');
-      }).toThrow('Failed to get next version from npm\nSome error message');
-    });
-  });
-
   describe('publishPackage', () => {
     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 +88,111 @@ 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'},
+      );
+    });
+
+    it('should handle -no-tag', () => {
+      publishPackage('path/to/my-package', {tags: ['--no-tag'], otp: 'otp'});
+      expect(execMock).toHaveBeenCalledWith('npm publish --no-tag --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',
+      });
+    });
+
+    it('return the expected format for patch-prereleases', () => {
+      const isoStringSpy = jest.spyOn(Date.prototype, 'toISOString');
+      isoStringSpy.mockReturnValue('2023-10-04T15:43:55.123Z');
+      getCurrentCommitMock.mockImplementation(() => 'abcd1234');
+      // exitIfNotOnGit takes a function as a param and it:
+      // 1. checks if we are on git => if not it exits
+      // 2. run the function passed as a param and return the output to the caller
+      // For the mock, we are assuming we are on github and we are returning `false`
+      // as the `getNpmInfo` function will pass a function that checks if the
+      // current commit is a tagged with 'latest'.
+      // In the Mock, we are assuming that we are on git (it does not exits) and the
+      // checkIfLatest function returns `false`
+      exitIfNotOnGitMock.mockImplementation(() => false);
+
+      process.env.CIRCLE_TAG = 'v0.74.1-rc.0';
+      const returnedValue = getNpmInfo('release');
+      expect(returnedValue).toMatchObject({
+        version: `0.74.1-rc.0`,
+        tag: '--no-tag',
+      });
+      process.env.CIRCLE_TAG = null;
+    });
+  });
+
+  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 212497f3b1bd..000000000000
--- a/scripts/__tests__/publish-npm-test.js
+++ /dev/null
@@ -1,236 +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');
-
-      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);
-    });
-
-    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');
-
-      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);
-    });
-
-    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');
-
-      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);
-    });
-
-    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');
-
-      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);
-    });
-
-    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');
-
-      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);
-    });
-  });
-});
diff --git a/scripts/__tests__/scm-utils-test.js b/scripts/__tests__/scm-utils-test.js
index 46db3361fd2f..e1c000eaaad1 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 d01ee5959059..000000000000
--- 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 ad04d6323a17..6af641d56cee 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 854140435c27..000000000000
--- 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 e105daae90d1..f2f1c4eeebb7 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 1bef04bcc01f..52634d00f3a8 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 13c1224d536d..3fe18c98e4df 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 15296f06556b..ca71451d73f3 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 a2014995b829..676fffb5c74b 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 5d7f9e2b09bf..000000000000
--- 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 308e5163f6dd..000000000000
--- 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 e1cfa4b7b1d3..5312caa03f6d 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 a71ce0c38c19..0391222906cd 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 000000000000..6c127fc56c96
--- /dev/null
+++ b/scripts/consts.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 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',
+);
+
+/**
+ * The absolute path to the rn-tester package.
+ */
+const RN_TESTER_DIR /*: string */ = path.join(
+  REPO_ROOT,
+  'packages',
+  'rn-tester',
+);
+
+module.exports = {
+  PACKAGES_DIR,
+  REACT_NATIVE_PACKAGE_DIR,
+  REPO_ROOT,
+  RN_TESTER_DIR,
+  SCRIPTS_DIR,
+};
diff --git a/scripts/debugger-frontend/sync-and-build.js b/scripts/debugger-frontend/sync-and-build.js
index c72ce8a646d4..37a55c1c3245 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 000000000000..b70e6768c54a
--- /dev/null
+++ b/scripts/e2e/init-template-e2e.js
@@ -0,0 +1,180 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 {getPackages} = require('../utils/monorepo');
+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 path = require('path');
+
+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);
+
+  // TODO(T179377112): Fix memory leak from `spawn` in `setupVerdaccio` (above
+  // kill command does not wait for kill success).
+  process.exit(0);
+}
+
+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');
+    const packages = await getPackages({
+      includeReactNative: false,
+      includePrivate: false,
+    });
+
+    for (const {path: packagePath, packageJson} of Object.values(packages)) {
+      const desc = `${packageJson.name} (${path.relative(
+        REPO_ROOT,
+        packagePath,
+      )})`;
+      process.stdout.write(
+        `${desc} ${chalk.dim('.').repeat(Math.max(0, 72 - desc.length))} `,
+      );
+      execSync(
+        `npm publish --registry ${VERDACCIO_SERVER_URL} --access public`,
+        {
+          cwd: packagePath,
+          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 \
+        --pm npm \
+        --skip-install`,
+      {
+        // Avoid loading packages/react-native/react-native.config.js
+        cwd: REPO_ROOT,
+        stdio: 'inherit',
+      },
+    );
+    console.log('\nDone ✅');
+
+    console.log('Installing project dependencies');
+    await installProjectUsingProxy(directory);
+    console.log('Done ✅');
+  } catch (e) {
+    console.log('Failed ❌');
+    throw e;
+  } finally {
+    console.log(`Cleanup: Killing Verdaccio process (PID: ${verdaccioPid})`);
+    try {
+      execSync(`kill -9 ${verdaccioPid}`);
+      console.log('Done ✅');
+    } catch {
+      console.warn('Failed to kill Verdaccio process');
+    }
+
+    console.log('Cleanup: Removing Verdaccio storage directory');
+    execSync(`rm -rf ${VERDACCIO_STORAGE_PATH}`);
+    console.log('Done ✅');
+  }
+}
+
+async function installProjectUsingProxy(cwd /*: string */) {
+  const execOptions = {
+    cwd,
+    stdio: 'inherit',
+  };
+
+  // TODO(huntie): Review pre-existing retry limit
+  const success = await retry('npm', execOptions, 3, 500, [
+    'install',
+    '--registry',
+    VERDACCIO_SERVER_URL,
+  ]);
+
+  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/e2e/run-ci-e2e-tests.js b/scripts/e2e/run-ci-e2e-tests.js
new file mode 100644
index 000000000000..ad3f6d166126
--- /dev/null
+++ b/scripts/e2e/run-ci-e2e-tests.js
@@ -0,0 +1,328 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 tests that React Native end to end installation/bootstrap works for different platforms
+ * Available arguments:
+ * --ios - 'react-native init' and check iOS app doesn't redbox
+ * --android - 'react-native init' and check Android app doesn't redbox
+ * --js - 'react-native init' and only check the packager returns a bundle
+ * --skip-cli-install - to skip react-native-cli global installation (for local debugging)
+ * --retries [num] - how many times to retry possible flaky commands: yarn add and running tests, default 1
+ */
+
+const {REACT_NATIVE_PACKAGE_DIR, REPO_ROOT, SCRIPTS_DIR} = require('../consts');
+const {getPackages} = require('../utils/monorepo');
+const tryExecNTimes = require('./utils/try-n-times');
+const {setupVerdaccio} = require('./utils/verdaccio');
+const {execFileSync, spawn} = require('child_process');
+const fs = require('fs');
+const path = require('path');
+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`;
+// $FlowFixMe[incompatible-type]
+const numberOfRetries /*: number */ = argv.retries || 1;
+
+let SERVER_PID;
+let APPIUM_PID;
+let VERDACCIO_PID;
+let exitCode;
+
+function describe(message /*: string */) {
+  echo(`\n\n>>>>> ${message}\n\n\n`);
+}
+
+async function main() {
+  try {
+    if (argv.android) {
+      describe('Compile Android binaries');
+      if (
+        exec(
+          './gradlew publishAllToMavenTempLocal -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
+        ).code
+      ) {
+        throw new Error('Failed to compile Android binaries');
+      }
+    }
+
+    describe('Create react-native package');
+    if (
+      exec(
+        'node ./scripts/releases/set-rn-version.js --to-version 1000.0.0 --build-type dry-run',
+      ).code
+    ) {
+      throw new Error(
+        'Failed to set version and update package.json ready for release',
+      );
+    }
+
+    if (exec('npm pack', {cwd: REACT_NATIVE_PACKAGE_DIR}).code) {
+      throw new Error('Failed to pack react-native');
+    }
+
+    const REACT_NATIVE_PACKAGE = path.join(
+      REACT_NATIVE_PACKAGE_DIR,
+      'react-native-*.tgz',
+    );
+
+    describe('Set up Verdaccio');
+    VERDACCIO_PID = setupVerdaccio();
+
+    describe('Build and publish packages');
+    exec('node ./scripts/build/build.js', {cwd: REPO_ROOT});
+
+    const packages = await getPackages({
+      includeReactNative: false,
+      includePrivate: false,
+    });
+
+    for (const {path: packageAbsolutePath} of Object.values(packages)) {
+      exec(
+        'npm publish --registry http://localhost:4873 --yes --access public',
+        {cwd: packageAbsolutePath},
+      );
+    }
+
+    describe('Scaffold a basic React Native app from template');
+    execFileSync('rsync', [
+      '-a',
+      `${REPO_ROOT}/packages/react-native/template`,
+      REACT_NATIVE_TEMP_DIR,
+    ]);
+    cd(REACT_NATIVE_APP_DIR);
+
+    mv('_bundle', '.bundle');
+    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}`);
+
+    describe('Install node_modules');
+    if (
+      tryExecNTimes(
+        () => {
+          return exec('npm install').code;
+        },
+        numberOfRetries,
+        () => exec('sleep 10s'),
+      )
+    ) {
+      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');
+
+    if (argv.android) {
+      describe('Install end-to-end framework');
+      if (
+        tryExecNTimes(
+          () =>
+            exec(
+              'yarn add --dev appium@1.11.1 mocha@2.4.5 wd@1.11.1 colors@1.0.3 pretty-data2@0.40.1',
+              {silent: true},
+            ).code,
+          numberOfRetries,
+        )
+      ) {
+        throw new Error(
+          'Failed to install appium. Most common reason is npm registry connectivity, try again.',
+        );
+      }
+      cp(`${SCRIPTS_DIR}/android-e2e-test.js`, 'android-e2e-test.js');
+      cd('android');
+      describe('Download Maven deps');
+      exec('./gradlew :app:copyDownloadableDepsToLibs');
+      cd('..');
+
+      describe('Generate key');
+      exec('rm android/app/debug.keystore');
+      if (
+        exec(
+          '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
+      ) {
+        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) {
+        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']);
+      SERVER_PID = packagerProcess.pid;
+      // wait a bit to allow packager to startup
+      exec('sleep 15s');
+      describe('Test: Android end-to-end test');
+      if (
+        tryExecNTimes(
+          () => {
+            return exec('node node_modules/.bin/_mocha android-e2e-test.js')
+              .code;
+          },
+          numberOfRetries,
+          () => exec('sleep 10s'),
+        )
+      ) {
+        throw new Error(
+          'Failed to run Android end-to-end tests. Most likely the code is broken.',
+        );
+      }
+    }
+
+    if (argv.ios) {
+      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'], {
+        stdio: 'inherit',
+        env: packagerEnv,
+      });
+      SERVER_PID = packagerProcess.pid;
+      exec('sleep 15s');
+      // prepare cache to reduce chances of possible red screen "Can't find variable __fbBatchedBridge..."
+      exec(
+        'response=$(curl --write-out %{http_code} --silent --output /dev/null localhost:8081/index.bundle?platform=ios&dev=true)',
+      );
+      echo(`Metro is running, ${SERVER_PID}`);
+
+      describe('Install CocoaPod dependencies');
+      exec('bundle exec pod install');
+
+      describe('Test: iOS end-to-end test');
+      if (
+        // TODO: Get target OS and simulator from .tests.env
+        tryExecNTimes(
+          () => {
+            return exec(
+              [
+                'xcodebuild',
+                '-workspace',
+                '"HelloWorld.xcworkspace"',
+                '-destination',
+                '"platform=iOS Simulator,name=iPhone 8,OS=13.3"',
+                '-scheme',
+                '"HelloWorld"',
+                '-sdk',
+                'iphonesimulator',
+                '-UseModernBuildSystem=NO',
+                'test',
+              ].join(' ') +
+                ' | ' +
+                [
+                  'xcbeautify',
+                  '--report',
+                  'junit',
+                  '--reportPath',
+                  '"~/react-native/reports/junit/iOS-e2e/results.xml"',
+                ].join(' ') +
+                ' && exit ${PIPESTATUS[0]}',
+            ).code;
+          },
+          numberOfRetries,
+          () => exec('sleep 10s'),
+        )
+      ) {
+        throw new Error(
+          'Failed to run iOS end-to-end tests. Most likely the code is broken.',
+        );
+      }
+      cd('..');
+    }
+
+    if (argv.js) {
+      // Check the packager produces a bundle (doesn't throw an error)
+      describe('Test: Verify packager can generate an Android bundle');
+      if (
+        exec(
+          'yarn react-native bundle --verbose --entry-file index.js --platform android --dev true --bundle-output android-bundle.js --max-workers 1',
+        ).code
+      ) {
+        throw new Error('Could not build Android bundle');
+      }
+
+      describe('Test: Verify packager can generate an iOS bundle');
+      if (
+        exec(
+          'yarn react-native bundle --entry-file index.js --platform ios --dev true --bundle-output ios-bundle.js --max-workers 1',
+        ).code
+      ) {
+        throw new Error('Could not build iOS bundle');
+      }
+
+      describe('Test: TypeScript typechecking');
+      if (exec('yarn tsc').code) {
+        throw new Error('Typechecking errors were found');
+      }
+
+      describe('Test: Jest tests');
+      if (exec('yarn test').code) {
+        throw new Error('Jest tests failed');
+      }
+
+      // TODO: ESLint infinitely hangs when running in the environment created by
+      // this script, but not projects generated by `react-native init`.
+      /*
+    describe('Test: ESLint/Prettier linting and formatting');
+    if (exec('yarn lint').code) {
+      echo('linting errors were found');
+      exitCode = 1;
+      throw Error(exitCode);
+    }*/
+    }
+    exitCode = 0;
+  } finally {
+    describe('Clean up');
+    if (SERVER_PID) {
+      echo(`Killing packager ${SERVER_PID}`);
+      exec(`kill -9 ${SERVER_PID}`);
+      // this is quite drastic but packager starts a daemon that we can't kill by killing the parent process
+      // it will be fixed in April (quote David Aurelio), so until then we will kill the zombie by the port number
+      exec("lsof -i tcp:8081 | awk 'NR!=1 {print $2}' | xargs kill");
+    }
+    if (APPIUM_PID) {
+      echo(`Killing appium ${APPIUM_PID}`);
+      exec(`kill -9 ${APPIUM_PID}`);
+    }
+    if (VERDACCIO_PID) {
+      echo(`Killing verdaccio ${VERDACCIO_PID}`);
+      exec(`kill -9 ${VERDACCIO_PID}`);
+    }
+  }
+  exit(exitCode);
+}
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/e2e/utils/try-n-times.js b/scripts/e2e/utils/try-n-times.js
new file mode 100644
index 000000000000..8de15d465a6b
--- /dev/null
+++ b/scripts/e2e/utils/try-n-times.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
+ * @format
+ * @oncall react_native
+ */
+
+/**
+ * Try executing a function n times recursively. Logs a warning message between
+ * each retry.
+ */
+function tryExecNTimes(
+  funcToRetry /*: () => number */,
+  retriesLeft /*: number */,
+  onEveryError /*: ?(() => mixed) */,
+) /*: number */ {
+  const exitCode = funcToRetry();
+  if (exitCode === 0) {
+    return exitCode;
+  } else {
+    if (onEveryError) {
+      onEveryError();
+    }
+    retriesLeft--;
+    console.warn(`Command failed, ${retriesLeft} retries left`);
+    if (retriesLeft === 0) {
+      return exitCode;
+    } else {
+      return tryExecNTimes(funcToRetry, retriesLeft, onEveryError);
+    }
+  }
+}
+
+module.exports = tryExecNTimes;
diff --git a/scripts/e2e/utils/verdaccio.js b/scripts/e2e/utils/verdaccio.js
new file mode 100644
index 000000000000..d520d2065576
--- /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/scripts/e2e/verdaccio.yml b/scripts/e2e/verdaccio.yml
new file mode 100644
index 000000000000..46e6710856a9
--- /dev/null
+++ b/scripts/e2e/verdaccio.yml
@@ -0,0 +1,31 @@
+storage: /tmp/verdaccio
+auth:
+  htpasswd:
+    file: ./htpasswd
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    max_fails: 40
+    maxage: 30m
+    timeout: 60s
+    fail_timeout: 10m
+    cache: false
+    agent_options:
+      keepAlive: true
+      maxSockets: 40
+      maxFreeSockets: 10
+packages:
+  # Group and isolate all local packages, avoid being proxy from outside
+  '@react-native/*':
+    access: $all
+    publish: $all
+  '@*/*':
+    access: $all
+    publish: $authenticated
+    proxy: npmjs
+  '**':
+    access: $all
+    publish: $all
+    proxy: npmjs
+logs:
+  - {type: file, path: verdaccio.log, format: json, level: warn}
diff --git a/scripts/lint-java.js b/scripts/lint-java.js
index 5277ea419136..105e4cc0680d 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-nightlies-fixtures.js
deleted file mode 100644
index 4fb2738c7e69..000000000000
--- a/scripts/monorepo/__tests__/__fixtures__/get-and-update-nightlies-fixtures.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.
- *
- * @format
- * @oncall react-native
- */
-
-const mockPackages = [
-  {
-    packageManifest: {
-      name: '@react-native/packageA',
-      version: 'local-version',
-      dependencies: {},
-      devDependencies: {},
-    },
-    packageAbsolutePath: '/some/place/packageA',
-    packageRelativePathFromRoot: './place/packageA',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/not_published',
-      version: 'local-version',
-      dependencies: {'@react-native/packageA': 'local-version'},
-    },
-    packageAbsolutePath: '/some/place/not_published',
-    packageRelativePathFromRoot: './place/not_published',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/packageB',
-      version: 'local-version',
-      dependencies: {'@react-native/packageA': 'local-version'},
-    },
-    packageAbsolutePath: '/some/place/packageB',
-    packageRelativePathFromRoot: './place/packageB',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/packageC',
-      version: 'local-version',
-      devDependencies: {'@react-native/packageE': 'local-version'},
-    },
-    packageAbsolutePath: '/some/place/packageC',
-    packageRelativePathFromRoot: './place/packageC',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/packageD',
-      version: 'local-version',
-      dependencies: {
-        '@react-native/packageA': 'local-version',
-        '@react-native/packageC': 'local-version',
-      },
-    },
-    packageAbsolutePath: '/some/place/packageD',
-    packageRelativePathFromRoot: './place/packageD',
-  },
-  {
-    packageManifest: {name: '@react-native/packageE', version: 'local-version'},
-    packageAbsolutePath: '/some/place/packageE',
-    packageRelativePathFromRoot: './place/packageE',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/packageF',
-      version: 'local-version',
-      dependencies: {
-        '@react-native/packageB': 'local-version',
-      },
-      devDependencies: {
-        '@react-native/packageD': 'local-version',
-      },
-    },
-    packageAbsolutePath: '/some/place/packageF',
-    packageRelativePathFromRoot: './place/packageF',
-  },
-  {
-    packageManifest: {
-      name: '@react-native/packageP',
-      version: 'local-version',
-      private: true,
-      dependencies: {},
-      devDependencies: {},
-    },
-    packageAbsolutePath: '/some/place/packageP',
-    packageRelativePathFromRoot: './place/packageP',
-  },
-  {
-    packageManifest: {
-      name: 'react-native',
-      version: 'local-version',
-      private: true,
-      dependencies: {
-        '@react-native/packageA': 'local-version',
-        '@react-native/packageB': 'local-version',
-        '@react-native/packageC': 'local-version',
-      },
-      devDependencies: {
-        '@react-native/packageD': 'local-version',
-        '@react-native/packageE': 'local-version',
-        '@react-native/packageF': 'local-version',
-      },
-    },
-    packageAbsolutePath: '/some/place/react-native',
-    packageRelativePathFromRoot: './place/react-native',
-  },
-];
-
-function expectedPackageA(newVersion) {
-  return {
-    name: '@react-native/packageA',
-    version: newVersion,
-    dependencies: {},
-    devDependencies: {},
-  };
-}
-
-function expectedPackageB(newVersion) {
-  return {
-    name: '@react-native/packageB',
-    version: newVersion,
-    dependencies: {'@react-native/packageA': newVersion},
-  };
-}
-
-function expectedPackageC(newVersion) {
-  return {
-    name: '@react-native/packageC',
-    version: newVersion,
-    devDependencies: {'@react-native/packageE': newVersion},
-  };
-}
-function expectedPackageD(newVersion) {
-  return {
-    name: '@react-native/packageD',
-    version: newVersion,
-    dependencies: {
-      '@react-native/packageA': newVersion,
-      '@react-native/packageC': newVersion,
-    },
-  };
-}
-function expectedPackageE(newVersion) {
-  return {name: '@react-native/packageE', version: newVersion};
-}
-function expectedPackageF(newVersion) {
-  return {
-    name: '@react-native/packageF',
-    version: newVersion,
-    dependencies: {
-      '@react-native/packageB': newVersion,
-    },
-    devDependencies: {
-      '@react-native/packageD': newVersion,
-    },
-  };
-}
-
-const expectedPackages = {
-  '@react-native/packageA': expectedPackageA,
-  '@react-native/packageB': expectedPackageB,
-  '@react-native/packageC': expectedPackageC,
-  '@react-native/packageD': expectedPackageD,
-  '@react-native/packageE': expectedPackageE,
-  '@react-native/packageF': expectedPackageF,
-};
-
-module.exports = {
-  mockPackages,
-  expectedPackages,
-};
diff --git a/scripts/monorepo/__tests__/bump-package-version-test.js b/scripts/monorepo/__tests__/bump-package-version-test.js
deleted file mode 100644
index dd67ab2b6b5c..000000000000
--- a/scripts/monorepo/__tests__/bump-package-version-test.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
- */
-
-const path = require('path');
-const {writeFileSync} = require('fs');
-
-const bumpPackageVersion = require('../bump-all-updated-packages/bump-package-version');
-
-jest.mock('fs', () => ({
-  writeFileSync: jest.fn(),
-  readFileSync: jest.fn(() => '{}'),
-}));
-
-jest.mock('../for-each-package', () => callback => {});
-
-describe('bumpPackageVersionTest', () => {
-  it('updates patch version of the package', () => {
-    const mockedPackageLocation = '~/packages/assets';
-    const mockedPackageManifest = {
-      name: '@react-native/test',
-      version: '1.2.3',
-    };
-
-    bumpPackageVersion(mockedPackageLocation, mockedPackageManifest);
-
-    expect(writeFileSync).toHaveBeenCalledWith(
-      path.join(mockedPackageLocation, 'package.json'),
-      JSON.stringify({...mockedPackageManifest, version: '1.2.4'}, null, 2) +
-        '\n',
-      'utf-8',
-    );
-  });
-});
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 7ef3f9ca0de7..000000000000
--- 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
deleted file mode 100644
index bcc688546a61..000000000000
--- a/scripts/monorepo/__tests__/for-each-package-test.js
+++ /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.
- *
- * @format
- */
-
-const path = require('path');
-const {readdirSync, readFileSync} = require('fs');
-
-const forEachPackage = require('../for-each-package');
-
-jest.mock('fs', () => ({
-  readdirSync: jest.fn(),
-  readFileSync: jest.fn(),
-}));
-
-describe('forEachPackage', () => {
-  it('executes callback call with parameters', () => {
-    const callback = jest.fn();
-    const mockedPackageManifest = '{"name": "my-new-package"}';
-    const mockedParsedPackageManifest = JSON.parse(mockedPackageManifest);
-    const mockedPackageName = 'my-new-package';
-
-    readdirSync.mockImplementationOnce(() => [
-      {name: mockedPackageName, isDirectory: () => true},
-    ]);
-    readFileSync.mockImplementationOnce(() => mockedPackageManifest);
-
-    forEachPackage(callback);
-
-    expect(callback).toHaveBeenCalledWith(
-      path.join(__dirname, '..', '..', '..', 'packages', mockedPackageName),
-      path.join('packages', mockedPackageName),
-      mockedParsedPackageManifest,
-    );
-  });
-
-  it('filters react-native folder by default', () => {
-    const callback = jest.fn();
-    readdirSync.mockImplementationOnce(() => [
-      {name: 'react-native', isDirectory: () => true},
-    ]);
-
-    forEachPackage(callback);
-
-    expect(callback).not.toHaveBeenCalled();
-  });
-
-  it('includes react-native, if such option is provided', () => {
-    const callback = jest.fn();
-    const mockedPackageManifest = '{"name": "react-native"}';
-    const mockedParsedPackageManifest = JSON.parse(mockedPackageManifest);
-    const mockedPackageName = 'react-native';
-
-    readdirSync.mockImplementationOnce(() => [
-      {name: 'react-native', isDirectory: () => true},
-    ]);
-    readFileSync.mockImplementationOnce(() => mockedPackageManifest);
-
-    forEachPackage(callback, {includeReactNative: true});
-
-    expect(callback).toHaveBeenCalledWith(
-      path.join(__dirname, '..', '..', '..', 'packages', mockedPackageName),
-      path.join('packages', mockedPackageName),
-      mockedParsedPackageManifest,
-    );
-  });
-});
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 72654f7431f0..000000000000
--- 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
deleted file mode 100644
index 8037f76ba79e..000000000000
--- a/scripts/monorepo/align-package-versions.js
+++ /dev/null
@@ -1,121 +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 {writeFileSync, readFileSync} = require('fs');
-const path = require('path');
-
-const forEachPackage = require('./for-each-package');
-
-const ROOT_LOCATION = path.join(__dirname, '..', '..');
-const TEMPLATE_LOCATION = path.join(
-  ROOT_LOCATION,
-  'packages',
-  'react-native',
-  'template',
-);
-
-const readJSONFile = pathToFile => JSON.parse(readFileSync(pathToFile));
-
-const checkIfShouldUpdateDependencyPackageVersion = (
-  consumerPackageAbsolutePath,
-  updatedPackageName,
-  updatedPackageVersion,
-) => {
-  const consumerPackageManifestPath = path.join(
-    consumerPackageAbsolutePath,
-    'package.json',
-  );
-  const consumerPackageManifest = readJSONFile(consumerPackageManifestPath);
-
-  const dependencyVersion =
-    consumerPackageManifest.dependencies?.[updatedPackageName];
-
-  if (dependencyVersion && dependencyVersion !== '*') {
-    const updatedDependencyVersion = dependencyVersion.startsWith('^')
-      ? `^${updatedPackageVersion}`
-      : updatedPackageVersion;
-
-    if (updatedDependencyVersion !== dependencyVersion) {
-      console.log(
-        `\uD83D\uDCA1 ${consumerPackageManifest.name} was updated: now using version ${updatedPackageVersion} of ${updatedPackageName}`,
-      );
-
-      const updatedPackageManifest = {
-        ...consumerPackageManifest,
-        dependencies: {
-          ...consumerPackageManifest.dependencies,
-          [updatedPackageName]: updatedDependencyVersion,
-        },
-      };
-
-      writeFileSync(
-        consumerPackageManifestPath,
-        JSON.stringify(updatedPackageManifest, null, 2) + '\n',
-        'utf-8',
-      );
-    }
-  }
-
-  const devDependencyVersion =
-    consumerPackageManifest.devDependencies?.[updatedPackageName];
-
-  if (devDependencyVersion && devDependencyVersion !== '*') {
-    const updatedDependencyVersion = devDependencyVersion.startsWith('^')
-      ? `^${updatedPackageVersion}`
-      : updatedPackageVersion;
-
-    if (updatedDependencyVersion !== devDependencyVersion) {
-      console.log(
-        `\uD83D\uDCA1 ${consumerPackageManifest.name} was updated: now using version ${updatedPackageVersion} of ${updatedPackageName}`,
-      );
-
-      const updatedPackageManifest = {
-        ...consumerPackageManifest,
-        devDependencies: {
-          ...consumerPackageManifest.devDependencies,
-          [updatedPackageName]: updatedDependencyVersion,
-        },
-      };
-
-      writeFileSync(
-        consumerPackageManifestPath,
-        JSON.stringify(updatedPackageManifest, null, 2) + '\n',
-        'utf-8',
-      );
-    }
-  }
-};
-
-const alignPackageVersions = () => {
-  forEachPackage((_, __, packageManifest) => {
-    checkIfShouldUpdateDependencyPackageVersion(
-      ROOT_LOCATION,
-      packageManifest.name,
-      packageManifest.version,
-    );
-
-    checkIfShouldUpdateDependencyPackageVersion(
-      TEMPLATE_LOCATION,
-      packageManifest.name,
-      packageManifest.version,
-    );
-
-    forEachPackage(
-      pathToPackage =>
-        checkIfShouldUpdateDependencyPackageVersion(
-          pathToPackage,
-          packageManifest.name,
-          packageManifest.version,
-        ),
-      {includeReactNative: true},
-    );
-  });
-};
-
-module.exports = alignPackageVersions;
diff --git a/scripts/monorepo/bump-all-updated-packages/bump-package-version.js b/scripts/monorepo/bump-all-updated-packages/bump-package-version.js
deleted file mode 100644
index d403eb9f94e7..000000000000
--- a/scripts/monorepo/bump-all-updated-packages/bump-package-version.js
+++ /dev/null
@@ -1,52 +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 {writeFileSync} = require('fs');
-const path = require('path');
-
-const getIncrementedVersion = (version, increment) =>
-  version
-    .split('.')
-    .map((token, index) => {
-      const indexOfVersionToIncrement = increment === 'minor' ? 1 : 2;
-
-      if (index === indexOfVersionToIncrement) {
-        return parseInt(token, 10) + 1;
-      }
-
-      if (index > indexOfVersionToIncrement) {
-        return 0;
-      }
-
-      return token;
-    })
-    .join('.');
-
-const bumpPackageVersion = (
-  packageAbsolutePath,
-  packageManifest,
-  increment = 'patch',
-) => {
-  const updatedVersion = getIncrementedVersion(
-    packageManifest.version,
-    increment,
-  );
-
-  // Not using simple `npm version patch` because it updates dependencies and yarn.lock file
-  writeFileSync(
-    path.join(packageAbsolutePath, 'package.json'),
-    JSON.stringify({...packageManifest, version: updatedVersion}, null, 2) +
-      '\n',
-    'utf-8',
-  );
-
-  return updatedVersion;
-};
-
-module.exports = bumpPackageVersion;
diff --git a/scripts/monorepo/bump-all-updated-packages/bump-utils.js b/scripts/monorepo/bump-all-updated-packages/bump-utils.js
deleted file mode 100644
index 07c57e5313ab..000000000000
--- a/scripts/monorepo/bump-all-updated-packages/bump-utils.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
- */
-
-const chalk = require('chalk');
-const {echo, exec} = require('shelljs');
-
-const detectPackageUnreleasedChanges = (
-  packageRelativePathFromRoot,
-  packageName,
-  ROOT_LOCATION,
-) => {
-  const hashOfLastCommitInsidePackage = exec(
-    `git log -n 1 --format=format:%H -- ${packageRelativePathFromRoot}`,
-    {cwd: ROOT_LOCATION, silent: true},
-  ).stdout.trim();
-
-  const hashOfLastCommitThatChangedVersion = exec(
-    `git log -G\\"version\\": --format=format:%H -n 1 -- ${packageRelativePathFromRoot}/package.json`,
-    {cwd: ROOT_LOCATION, silent: true},
-  ).stdout.trim();
-
-  if (hashOfLastCommitInsidePackage === hashOfLastCommitThatChangedVersion) {
-    echo(
-      `\uD83D\uDD0E No changes for package ${chalk.green(
-        packageName,
-      )} since last version bump`,
-    );
-    return false;
-  } else {
-    echo(`\uD83D\uDCA1 Found changes for ${chalk.yellow(packageName)}:`);
-    exec(
-      `git log --pretty=oneline ${hashOfLastCommitThatChangedVersion}..${hashOfLastCommitInsidePackage} ${packageRelativePathFromRoot}`,
-      {
-        cwd: ROOT_LOCATION,
-      },
-    );
-    echo();
-
-    return true;
-  }
-};
-
-module.exports = detectPackageUnreleasedChanges;
diff --git a/scripts/monorepo/bump-all-updated-packages/index.js b/scripts/monorepo/bump-all-updated-packages/index.js
deleted file mode 100644
index eef3f493de56..000000000000
--- a/scripts/monorepo/bump-all-updated-packages/index.js
+++ /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.
- *
- * @format
- */
-
-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 alignPackageVersions = require('../align-package-versions');
-const {
-  PUBLISH_PACKAGES_TAG,
-  GENERIC_COMMIT_MESSAGE,
-  NO_COMMIT_CHOICE,
-  COMMIT_WITH_GENERIC_MESSAGE_CHOICE,
-  COMMIT_WITH_CUSTOM_MESSAGE_CHOICE,
-} = 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 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) =>
-  async () => {
-    const {name: packageName} = packageManifest;
-    if (packageManifest.private) {
-      echo(`\u23ED Skipping private package ${chalk.dim(packageName)}`);
-
-      return;
-    }
-
-    if (releaseBranchCutoff) {
-      const updatedVersion = bumpPackageVersion(
-        packageAbsolutePath,
-        packageManifest,
-        'minor',
-      );
-      echo(
-        `\u2705 Successfully bumped ${chalk.green(
-          packageName,
-        )} to ${chalk.green(updatedVersion)}`,
-      );
-
-      return;
-    }
-
-    if (
-      !detectPackageUnreleasedChanges(
-        packageRelativePathFromRoot,
-        packageName,
-        ROOT_LOCATION,
-      )
-    ) {
-      return;
-    }
-
-    await inquirer
-      .prompt([
-        {
-          type: 'list',
-          name: 'shouldBumpPackage',
-          message: `Do you want to bump ${packageName}?`,
-          choices: ['Yes', 'No'],
-          filter: val => val === 'Yes',
-        },
-      ])
-      .then(({shouldBumpPackage}) => {
-        if (!shouldBumpPackage) {
-          echo(`Skipping bump for ${packageName}`);
-          return;
-        }
-
-        return inquirer
-          .prompt([
-            {
-              type: 'list',
-              name: 'increment',
-              message: 'Which version you want to increment?',
-              choices: ['patch', 'minor'],
-            },
-          ])
-          .then(({increment}) => {
-            const updatedVersion = bumpPackageVersion(
-              packageAbsolutePath,
-              packageManifest,
-              increment,
-            );
-            echo(
-              `\u2705 Successfully bumped ${chalk.green(
-                packageName,
-              )} to ${chalk.green(updatedVersion)}`,
-            );
-          });
-      });
-  };
-
-const buildAllExecutors = () => {
-  const executors = [];
-
-  forEachPackage((...params) => {
-    executors.push(buildExecutor(...params));
-  });
-
-  return executors;
-};
-
-const main = async () => {
-  if (checkForGitChanges()) {
-    echo(
-      chalk.red(
-        'Found uncommitted changes. Please commit or stash them before running this script',
-      ),
-    );
-    exit(1);
-  }
-
-  const executors = buildAllExecutors();
-  for (const executor of executors) {
-    await executor()
-      .catch(() => exit(1))
-      .then(() => echo());
-  }
-
-  if (!checkForGitChanges()) {
-    echo('No changes have been made. Finishing the process...');
-    exit(0);
-  }
-
-  echo('Aligning new versions across monorepo...');
-  alignPackageVersions();
-  echo(chalk.green('Done!\n'));
-
-  await inquirer
-    .prompt([
-      {
-        type: 'list',
-        name: 'commitChoice',
-        message: 'Do you want to submit a commit with these changes?',
-        choices: [
-          {
-            name: 'Yes, with generic message',
-            value: COMMIT_WITH_GENERIC_MESSAGE_CHOICE,
-          },
-          {
-            name: 'Yes, with custom message',
-            value: COMMIT_WITH_CUSTOM_MESSAGE_CHOICE,
-          },
-          {
-            name: 'No',
-            value: NO_COMMIT_CHOICE,
-          },
-        ],
-      },
-    ])
-    .then(({commitChoice}) => {
-      switch (commitChoice) {
-        case NO_COMMIT_CHOICE: {
-          echo('Not submitting a commit, but keeping all changes');
-
-          break;
-        }
-
-        case COMMIT_WITH_GENERIC_MESSAGE_CHOICE: {
-          exec(`git commit -am "${GENERIC_COMMIT_MESSAGE}"`, {
-            cwd: ROOT_LOCATION,
-            silent: true,
-          });
-
-          break;
-        }
-
-        case COMMIT_WITH_CUSTOM_MESSAGE_CHOICE: {
-          // exec from shelljs currently does not support interactive input
-          // https://github.com/shelljs/shelljs/wiki/FAQ#running-interactive-programs-with-exec
-          execSync('git commit -a', {cwd: ROOT_LOCATION, stdio: 'inherit'});
-
-          const enteredCommitMessage = exec('git log -n 1 --format=format:%B', {
-            cwd: ROOT_LOCATION,
-            silent: true,
-          }).stdout.trim();
-          const commitMessageWithTag =
-            enteredCommitMessage + `\n\n${PUBLISH_PACKAGES_TAG}`;
-
-          exec(`git commit --amend -m "${commitMessageWithTag}"`, {
-            cwd: ROOT_LOCATION,
-            silent: true,
-          });
-
-          break;
-        }
-
-        default:
-          throw new Error('');
-      }
-    })
-    .then(() => echo());
-
-  echo(chalk.green('Successfully finished the process of bumping packages'));
-  exit(0);
-};
-
-main();
diff --git a/scripts/monorepo/constants.js b/scripts/monorepo/constants.js
deleted file mode 100644
index 8dd1f6c5fe87..000000000000
--- a/scripts/monorepo/constants.js
+++ /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.
- *
- * @flow strict-local
- * @format
- */
-
-const PUBLISH_PACKAGES_TAG = '#publish-packages-to-npm';
-const GENERIC_COMMIT_MESSAGE = `bumped packages versions\n\n${PUBLISH_PACKAGES_TAG}`;
-
-const NO_COMMIT_CHOICE = 'NO_COMMIT';
-const COMMIT_WITH_GENERIC_MESSAGE_CHOICE = 'COMMIT_WITH_GENERIC_MESSAGE';
-const COMMIT_WITH_CUSTOM_MESSAGE_CHOICE = 'COMMIT_WITH_CUSTOM_MESSAGE';
-
-module.exports = {
-  PUBLISH_PACKAGES_TAG,
-  GENERIC_COMMIT_MESSAGE,
-  NO_COMMIT_CHOICE,
-  COMMIT_WITH_GENERIC_MESSAGE_CHOICE,
-  COMMIT_WITH_CUSTOM_MESSAGE_CHOICE,
-};
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 45f5f33e2077..000000000000
--- 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
deleted file mode 100644
index f3d865dfdacf..000000000000
--- a/scripts/monorepo/for-each-package.js
+++ /dev/null
@@ -1,63 +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 {readdirSync, readFileSync} = require('fs');
-
-const ROOT_LOCATION = path.join(__dirname, '..', '..');
-const PACKAGES_LOCATION = path.join(ROOT_LOCATION, 'packages');
-
-const DEFAULT_OPTIONS = {includeReactNative: false};
-
-/**
- * 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 =>
-  readdirSync(source, {withFileTypes: true})
-    .filter(file => file.isDirectory())
-    .map(directory => directory.name);
-
-/**
- * @callback forEachPackageCallback
- * @param {string} packageAbsolutePath
- * @param {string} packageRelativePathFromRoot
- * @param {Object} packageManifest
- */
-
-/**
- * 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
- */
-const forEachPackage = (callback, 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,
-  );
-
-  packagesDirectories.forEach(packageDirectory => {
-    const packageAbsolutePath = path.join(PACKAGES_LOCATION, packageDirectory);
-    const packageRelativePathFromRoot = path.join('packages', packageDirectory);
-
-    const packageManifest = JSON.parse(
-      readFileSync(path.join(packageAbsolutePath, 'package.json')),
-    );
-
-    callback(packageAbsolutePath, packageRelativePathFromRoot, packageManifest);
-  });
-};
-
-module.exports = forEachPackage;
diff --git a/scripts/monorepo/get-and-update-nightlies.js b/scripts/monorepo/get-and-update-nightlies.js
deleted file mode 100644
index ec99644e7e58..000000000000
--- a/scripts/monorepo/get-and-update-nightlies.js
+++ /dev/null
@@ -1,170 +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.
- * In case a package fails to be published, it throws an error, stopping the nightly publishing completely
- */
-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) {
-      throw new Error(
-        `\u274c Failed to publish version ${nightlyVersion} of ${packageName}. npm publish exited with code ${result.code}:`,
-      );
-    }
-
-    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 000000000000..4783c5c02f37
--- /dev/null
+++ b/scripts/monorepo/print/index.js
@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 {getPackages} = require('../../utils/monorepo');
+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;
+}
+
+async function main() {
+  const data = [];
+  const packages = await getPackages({
+    includeReactNative: true,
+    includePrivate: true,
+  });
+
+  for (const {packageJson} of Object.values(packages)) {
+    const isPublic = !packageJson.private;
+    if (
+      type === 'all' ||
+      (type === 'private' && !isPublic) ||
+      (type === 'public' && isPublic)
+    ) {
+      const packageInfo = {
+        'Public?': isPublic ? '\u{2705}' : '\u{274C}',
+        Name: packageJson.name,
+        'Version (main)': packageJson.version,
+      };
+
+      if (isPublic && minor !== 0) {
+        try {
+          const versions = getVersionsBySpec(
+            packageJson.name,
+            `^0.${minor}.0`,
+          ).sort(reversePatchComp);
+          packageInfo[`Version (${minor})`] = versions[0];
+        } catch (e) {
+          packageInfo[`Version (${minor})`] = e.message;
+        }
+      }
+      data.push(packageInfo);
+    }
+  }
+
+  console.table(data);
+  exit(0);
+}
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/npm-utils.js b/scripts/npm-utils.js
index b3890f4d3025..de9198bc567e 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,77 +69,90 @@ function getNpmInfo(buildType) {
     };
   }
 
-  const {version, major, minor, prerelease} = parseVersion(
-    process.env.CIRCLE_TAG,
-    buildType,
-  );
-
-  // 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',
-  );
-
-  const releaseBranchTag = `${major}.${minor}-stable`;
-
-  // 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;
-
-  return {
-    version,
-    tag,
-  };
-}
-
-function getPackageVersionStrByTag(packageName, tag) {
-  const npmString = tag
-    ? `npm view ${packageName}@${tag} version`
-    : `npm view ${packageName} version`;
-  const result = exec(npmString, {silent: true});
+  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, '');
 
-  if (result.code) {
-    throw new Error(`Failed to get ${tag} version from npm\n${result.stderr}`);
+    return {
+      version: `${mainVersion}-prealpha-${dateIdentifier}`,
+      tag: 'prealpha',
+    };
   }
-  return result.stdout.trim();
-}
-
-function publishPackage(packagePath, packageOptions, execOptions) {
-  const {tag, otp} = packageOptions;
-  const tagFlag = tag ? ` --tag ${tag}` : '';
-  const otpFlag = otp ? ` --otp ${otp}` : '';
-  const options = execOptions
-    ? {...execOptions, cwd: packagePath}
-    : {cwd: packagePath};
 
-  return exec(`npm publish${tagFlag}${otpFlag}`, options);
-}
+  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.',
+      );
+    }
 
-function diffPackages(packageSpecA, packageSpecB, options) {
-  const result = exec(
-    `npm diff --diff=${packageSpecA} --diff=${packageSpecB} --diff-name-only`,
-    options,
-  );
+    const {version, major, minor, patch, prerelease} = parseVersion(
+      process.env.CIRCLE_TAG,
+      buildType,
+    );
 
-  if (result.code) {
-    throw new Error(
-      `Failed to diff ${packageSpecA} and ${packageSpecB}\n${result.stderr}`,
+    // 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',
     );
+
+    const releaseBranchTag = `${major}.${minor}-stable`;
+    let tag = releaseBranchTag;
+    // 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)
+    if (prerelease != null) {
+      if (patch === '0') {
+        // Set `next` tag only on prereleases of 0.m.0-RC.k.
+        tag = 'next';
+      } else {
+        tag = '--no-tag';
+      }
+    } else if (isLatest === true) {
+      tag = 'latest';
+    }
+
+    return {
+      version,
+      tag,
+    };
   }
 
-  return result.stdout;
+  throw new Error(`Unsupported build type: ${buildType}`);
 }
 
-function pack(packagePath) {
-  const result = exec('npm pack', {
-    cwd: packagePath,
-  });
+function publishPackage(
+  packagePath /*: string */,
+  packageOptions /*: NpmPackageOptions */,
+  execOptions /*: ?ExecOptsSync */,
+) /*: ShellString */ {
+  const {otp, tags} = packageOptions;
 
-  if (result.code !== 0) {
-    throw new Error(result.stderr);
+  let tagsFlag = '';
+  if (tags != null) {
+    tagsFlag = tags.includes('--no-tag')
+      ? ' --no-tag'
+      : tags
+          .filter(Boolean)
+          .map(t => ` --tag ${t}`)
+          .join('');
   }
+
+  const otpFlag = otp != null ? ` --otp ${otp}` : '';
+  const options = execOptions
+    ? {...execOptions, cwd: packagePath}
+    : {cwd: packagePath};
+
+  return exec(`npm publish${tagsFlag}${otpFlag}`, options);
 }
 
 /**
@@ -126,7 +161,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,11 +185,78 @@ 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/objc-test.sh b/scripts/objc-test.sh
index e1a2a695c968..8a72413fb59b 100755
--- a/scripts/objc-test.sh
+++ b/scripts/objc-test.sh
@@ -15,7 +15,6 @@ SCRIPTS=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
 ROOT=$(dirname "$SCRIPTS")
 
 SKIPPED_TESTS=()
-SKIPPED_TESTS+=("-skip-testing:RNTesterIntegrationTests/RNTesterSnapshotTests")
 # TODO: T60408036 This test crashes iOS 13 for bad access, please investigate
 # and re-enable. See https://gist.github.com/0xced/56035d2f57254cf518b5.
 SKIPPED_TESTS+=("-skip-testing:RNTesterUnitTests/RCTJSONTests/testNotUTF8Convertible")
diff --git a/scripts/prepare-package-for-release.js b/scripts/prepare-package-for-release.js
deleted file mode 100755
index 2a61023caef8..000000000000
--- a/scripts/prepare-package-for-release.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';
-
-/**
- * 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
-if (exec(`git tag -a v${version} -m "v${version}"`).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 7fb72bc557fb..000000000000
--- a/scripts/publish-npm.js
+++ /dev/null
@@ -1,112 +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 {publishPackage, getNpmInfo} = require('./npm-utils');
-const getAndUpdateNightlies = require('./monorepo/get-and-update-nightlies');
-const setReactNativeVersion = require('./set-rn-version');
-const {
-  generateAndroidArtifacts,
-  publishAndroidArtifactsToMaven,
-} = require('./release-utils');
-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.
- *
- * 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);
-    }
-  }
-
-  generateAndroidArtifacts(version);
-
-  // Write version number to the build folder
-  const versionFile = path.join('build', '.version');
-  fs.writeFileSync(versionFile, 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.
-  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);
-  }
-}
-
-module.exports = publishNpm;
diff --git a/scripts/release-testing/README.md b/scripts/release-testing/README.md
new file mode 100644
index 000000000000..40fd2a13e723
--- /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 30e94bf34d17..7d436ae692b6 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/release-testing/test-e2e-local.js b/scripts/release-testing/test-e2e-local.js
new file mode 100644
index 000000000000..01efa244a5bb
--- /dev/null
+++ b/scripts/release-testing/test-e2e-local.js
@@ -0,0 +1,356 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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';
+
+/*
+ * This script is a re-interpretation of the old test-manual.e2e.sh script.
+ * the idea is to provide a better DX for the manual testing.
+ * It's using Javascript over Bash for consistency with the rest of the recent scripts
+ * and to make it more accessible for other devs to play around with.
+ */
+
+const {REPO_ROOT} = require('../consts');
+const {initNewProjectFromSource} = require('../e2e/init-template-e2e');
+const updateTemplatePackage = require('../releases/update-template-package');
+const {
+  checkPackagerRunning,
+  launchPackagerInSeparateWindow,
+  maybeLaunchAndroidEmulator,
+  prepareArtifacts,
+  setupCircleCIArtifacts,
+} = require('./utils/testing-utils');
+const chalk = require('chalk');
+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', {
+    alias: 'target',
+    default: 'RNTester',
+    choices: ['RNTester', 'RNTestProject'],
+  })
+  .option('p', {
+    alias: 'platform',
+    default: 'ios',
+    coerce: platform => platform.toLowerCase(),
+    choices: ['ios', 'android'],
+  })
+  .option('h', {
+    alias: 'hermes',
+    type: 'boolean',
+    default: true,
+  })
+  .option('c', {
+    alias: 'circleciToken',
+    type: 'string',
+  }).argv;
+
+// === RNTester === //
+
+/**
+ * Start the test for RNTester on iOS.
+ *
+ * Parameters:
+ * - @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 /*: Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+  onReleaseBranch /*: boolean */,
+) {
+  console.info(
+    `We're going to test the ${
+      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 === true && circleCIArtifacts != null) {
+    const hermesURL = await circleCIArtifacts.artifactURLHermesDebug();
+    const hermesPath = path.join(
+      circleCIArtifacts.baseTmpPath(),
+      'hermes-ios-debug.tar.gz',
+    );
+    // download hermes source code from manifold
+    circleCIArtifacts.downloadArtifact(hermesURL, hermesPath);
+    console.info(`Downloaded Hermes in ${hermesPath}`);
+    exec(
+      `HERMES_ENGINE_TARBALL_PATH=${hermesPath} RCT_NEW_ARCH_ENABLED=1 bundle exec pod install --ansi`,
+    );
+  } else {
+    exec(
+      `USE_HERMES=${
+        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().toString());
+
+  // launch the app on iOS simulator
+  exec('npx react-native run-ios --scheme RNTester --simulator "iPhone 14"');
+}
+
+/**
+ * Start the test for RNTester on Android.
+ *
+ * Parameters:
+ * - @circleCIArtifacts manager object to manage all the download of CircleCIArtifacts. If null, it will fallback not to use them.
+ */
+async function testRNTesterAndroid(
+  circleCIArtifacts /*: Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+) {
+  maybeLaunchAndroidEmulator();
+
+  console.info(
+    `We're going to test the ${
+      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().toString());
+
+  // Wait for the Android Emulator to be properly loaded and bootstrapped
+  exec(
+    "adb wait-for-device shell 'while [[ -z $(getprop sys.boot_completed) ]]; do sleep 1; done; input keyevent 82'",
+  );
+
+  if (circleCIArtifacts != null) {
+    const downloadPath = path.join(
+      circleCIArtifacts.baseTmpPath(),
+      'rntester.apk',
+    );
+
+    const emulatorArch = exec('adb shell getprop ro.product.cpu.abi').trim();
+    const rntesterAPKURL =
+      argv.hermes === true
+        ? await circleCIArtifacts.artifactURLForHermesRNTesterAPK(emulatorArch)
+        : await circleCIArtifacts.artifactURLForJSCRNTesterAPK(emulatorArch);
+
+    console.info('Start Downloading APK');
+    circleCIArtifacts.downloadArtifact(rntesterAPKURL, downloadPath);
+
+    exec(`adb install ${downloadPath}`);
+  } else {
+    exec(
+      `../../gradlew :packages:rn-tester:android:app:${
+        argv.hermes === true ? 'installHermesDebug' : 'installJscDebug'
+      } --quiet`,
+    );
+  }
+
+  // launch the app
+  // TODO: we should find a way to make it work like for iOS, via npx react-native run-android
+  // currently, that fails with an error.
+  exec(
+    'adb shell am start -n com.facebook.react.uiapp/com.facebook.react.uiapp.RNTesterActivity',
+  );
+
+  // just to make sure that the Android up won't have troubles finding the Metro server
+  exec('adb reverse tcp:8081 tcp:8081');
+}
+
+/**
+ * Function that start testing on RNTester.
+ *
+ * Parameters:
+ * - @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 /*: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') {
+    await testRNTesterIOS(circleCIArtifacts, onReleaseBranch);
+  } else {
+    await testRNTesterAndroid(circleCIArtifacts);
+  }
+  popd();
+}
+
+// === RNTestProject === //
+
+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)
+
+  // in local testing, 1000.0.0 mean we are on main, every other case means we are
+  // working on a release version
+  const shortCommit = exec('git rev-parse HEAD', {silent: true})
+    .toString()
+    .trim()
+    .slice(0, 9);
+
+  const releaseVersion = `1000.0.0-${shortCommit}`;
+  const buildType = 'dry-run';
+
+  const reactNativePackagePath = `${REPO_ROOT}/packages/react-native`;
+  const localNodeTGZPath = `${reactNativePackagePath}/react-native-${releaseVersion}.tgz`;
+
+  const mavenLocalPath =
+    circleCIArtifacts != null
+      ? path.join(circleCIArtifacts.baseTmpPath(), 'maven-local')
+      : '/private/tmp/maven-local';
+
+  const hermesPath = await prepareArtifacts(
+    circleCIArtifacts,
+    mavenLocalPath,
+    localNodeTGZPath,
+    releaseVersion,
+    buildType,
+    reactNativePackagePath,
+  );
+
+  // 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}`,
+      );
+    }
+  }
+
+  updateTemplatePackage({
+    'react-native': `file://${localNodeTGZPath}`,
+  });
+
+  pushd('/tmp/');
+
+  debug('Creating RNTestProject from template');
+
+  await initNewProjectFromSource({
+    projectName: 'RNTestProject',
+    directory: '/tmp/RNTestProject',
+    templatePath: reactNativePackagePath,
+  });
+
+  cd('RNTestProject');
+
+  // 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=${expandedMavenLocal}" >> android/gradle.properties`,
+  );
+
+  // Update gradle properties to set Hermes as false
+  if (argv.hermes == null) {
+    sed(
+      '-i',
+      'hermesEnabled=true',
+      'hermesEnabled=false',
+      'android/gradle.properties',
+    );
+  }
+
+  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`,
+    );
+
+    cd('..');
+    exec('npm run ios');
+  } else {
+    // android
+    exec('npm run android');
+  }
+  popd();
+}
+
+async function main() {
+  /*
+   * see the test-local-e2e.js script for clean up process
+   */
+
+  // command order: we ask the user to select if they want to test RN tester
+  // or RNTestProject
+
+  // if they select RN tester, we ask if iOS or Android, and then we run the tests
+  // if they select RNTestProject, we run the RNTestProject test
+
+  checkPackagerRunning();
+
+  const branchName = exec('git rev-parse --abbrev-ref HEAD', {
+    silent: true,
+  }).stdout.trim();
+  const onReleaseBranch = branchName.endsWith('-stable');
+
+  let circleCIArtifacts = await setupCircleCIArtifacts(
+    // $FlowIgnoreError[prop-missing]
+    argv.circleciToken,
+    branchName,
+  );
+
+  if (argv.target === 'RNTester') {
+    await testRNTester(circleCIArtifacts, onReleaseBranch);
+  } else {
+    await testRNTestProject(circleCIArtifacts);
+
+    console.warn(
+      chalk.yellow(`
+================================================================================
+NOTE: Verdaccio may still be running on after this script has finished. Please
+Force Quit via Activity Monitor.
+================================================================================
+    `),
+    );
+  }
+}
+
+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 000000000000..81963f7e55d8
--- /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 af996674de5d..7d8b42969d97 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 000000000000..d55f1e19c1f9
--- /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 000000000000..3dd4230b14f1
--- /dev/null
+++ b/scripts/releases-ci/__tests__/publish-npm-test.js
@@ -0,0 +1,409 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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);
+      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('../../utils/monorepo', () => ({
+        ...jest.requireActual('../../utils/monorepo'),
+        getPackages: getPackagesMock,
+      }));
+    });
+
+    afterAll(() => {
+      jest.unmock('../../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);
+      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',
+      );
+      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`],
+      ]);
+    });
+
+    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();
+      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`],
+      ]);
+    });
+
+    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();
+      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`],
+      ]);
+    });
+
+    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';
+
+      await expect(async () => {
+        await publishNpm('release');
+      }).rejects.toThrow(
+        `Failed to publish react-native@${expectedVersion} to npm.`,
+      );
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setVersionMock).not.toBeCalled();
+      expect(setReactNativeVersionMock).not.toHaveBeenCalled();
+      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).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();
+      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: ['next']},
+        ],
+      ]);
+      expect(consoleLogMock.mock.calls).toEqual([
+        [`Published react-native@${expectedVersion} to npm`],
+      ]);
+    });
+  });
+});
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 000000000000..fdb751b23396
--- /dev/null
+++ b/scripts/releases-ci/__tests__/publish-updated-packages-test.js
@@ -0,0 +1,281 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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('../../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(() => {});
+
+    let message = '';
+    try {
+      await publishUpdatedPackages();
+    } catch (e) {
+      message = e.message;
+    }
+    expect(message).toEqual('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(() => {});
+
+      let message = '';
+      try {
+        await publishUpdatedPackages();
+      } catch (e) {
+        message = e.message;
+      }
+
+      expect(consoleLog).toHaveBeenLastCalledWith('--- Retrying once! ---');
+      expect(message).toEqual('Failed packages count = 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/publish-npm.js b/scripts/releases-ci/publish-npm.js
new file mode 100755
index 000000000000..26933699cb90
--- /dev/null
+++ b/scripts/releases-ci/publish-npm.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';
+
+/*::
+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 {
+  generateAndroidArtifacts,
+  publishAndroidArtifactsToMaven,
+} = require('../releases/utils/release-utils');
+const {getPackages} = require('../utils/monorepo');
+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.
+ *
+ * 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);
+    }
+  }
+
+  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.
+  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`);
+}
+
+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 000000000000..3514001236da
--- /dev/null
+++ b/scripts/releases-ci/publish-updated-packages.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
+ */
+
+const {publishPackage} = require('../npm-utils');
+const {getPackages} = require('../utils/monorepo');
+const {parseArgs} = require('@pkgjs/parseargs');
+const {execSync} = require('child_process');
+
+const PUBLISH_PACKAGES_TAG = '#publish-packages-to-npm';
+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 {
+    throw new Error('Failed to read Git commit message, exiting.');
+  }
+
+  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) {
+    throw new Error(`Failed packages count = ${failedPackages.length}`);
+  }
+
+  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 000000000000..38b818e601cf
--- /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/releases-local/trigger-react-native-release.js b/scripts/releases-local/trigger-react-native-release.js
new file mode 100644
index 000000000000..154baa20ddcb
--- /dev/null
+++ b/scripts/releases-local/trigger-react-native-release.js
@@ -0,0 +1,232 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 checkForGitChanges = require('../monorepo/check-for-git-changes');
+const {failIfTagExists} = require('../releases/utils/release-utils');
+const {
+  isReleaseBranch,
+  parseVersion,
+} = require('../releases/utils/version-utils');
+const {exitIfNotOnGit, getBranchName} = require('../scm-utils');
+const {getPackages} = require('../utils/monorepo');
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+const request = require('request');
+const {echo, exit} = require('shelljs');
+const yargs = require('yargs');
+
+/**
+ * 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', {
+    alias: 'remote',
+    default: 'origin',
+  })
+  .option('t', {
+    alias: 'token',
+    describe:
+      'Your CircleCI personal API token. See https://circleci.com/docs/2.0/managing-api-tokens/#creating-a-personal-api-token to set one',
+    required: true,
+  })
+  .option('v', {
+    alias: 'to-version',
+    describe: 'Version you aim to release, ex. 0.67.0-rc.1, 0.66.3',
+    required: true,
+  })
+  .option('dry-run', {
+    type: 'boolean',
+    default: false,
+  })
+  .check(() => {
+    const branch = exitIfNotOnGit(
+      () => getBranchName(),
+      "Not in git. You can't invoke trigger-react-native-release from outside a git repo.",
+    );
+    exitIfNotOnReleaseBranch(branch);
+    return true;
+  }).argv;
+
+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',
+    );
+    exit(1);
+  }
+}
+
+/**
+ * Get the next version that all workspace packages will be set to.
+ *
+ * This approach is specific to the 0.74 release. For 0.75, the `--to-version`
+ * value will be used instead, setting all packages to a single version.
+ */
+async function getNextMonorepoPackagesVersion() /*: Promise<string | null> */ {
+  // Based on last publish before this strategy
+  const _0_74_MIN_PATCH = 75;
+
+  const packages = await getPackages({
+    includeReactNative: false,
+  });
+
+  let patchVersion = _0_74_MIN_PATCH;
+
+  for (const pkg of Object.values(packages)) {
+    const {version} = pkg.packageJson;
+
+    if (!version.startsWith('0.74.') || version.endsWith('-main')) {
+      return null;
+    }
+
+    const {patch} = parseVersion(version, 'release');
+    patchVersion = Math.max(patchVersion, parseInt(patch, 10) + 1);
+  }
+
+  return '0.74.' + patchVersion;
+}
+
+function triggerReleaseWorkflow(options /*: $FlowFixMe */) {
+  return new Promise((resolve, reject) => {
+    request(options, function (error, response, body) {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(body);
+      }
+    });
+  });
+}
+
+async function main() {
+  const branch = exitIfNotOnGit(
+    () => getBranchName(),
+    "Not in git. You can't invoke trigger-react-native-release from outside a git repo.",
+  );
+
+  // check for uncommitted changes
+  if (checkForGitChanges()) {
+    echo(
+      chalk.red(
+        'Found uncommitted changes. Please commit or stash them before running this script',
+      ),
+    );
+    exit(1);
+  }
+
+  // $FlowFixMe[prop-missing]
+  const token = argv.token;
+  // $FlowFixMe[prop-missing]
+  const releaseVersion = argv.toVersion;
+  failIfTagExists(releaseVersion, 'release');
+
+  const {pushed} = await inquirer.prompt({
+    type: 'confirm',
+    name: 'pushed',
+    message: `This script will trigger a release with whatever changes are on the remote branch: ${branch}. \nMake sure you have pushed any updates remotely.`,
+  });
+
+  if (!pushed) {
+    // $FlowFixMe[prop-missing]
+    console.log(`Please run 'git push ${argv.remote} ${branch}'`);
+    exit(1);
+    return;
+  }
+
+  let latest = false;
+  const {version, patch, prerelease} = parseVersion(releaseVersion, 'release');
+  if (!prerelease) {
+    const {setLatest} = await inquirer.prompt({
+      type: 'confirm',
+      name: 'setLatest',
+      message: `Do you want to set ${version} as "latest" release on npm?`,
+    });
+    latest = setLatest;
+  }
+
+  const npmTag = latest
+    ? 'latest'
+    : !prerelease
+    ? branch
+    : patch === '0'
+    ? 'next'
+    : '--no-tag';
+
+  const {confirmRelease} = await inquirer.prompt({
+    type: 'confirm',
+    name: 'confirmRelease',
+    message: `Releasing version "${version}" with npm tag "${npmTag}". Is this correct?`,
+  });
+
+  if (!confirmRelease) {
+    console.log('Aborting.');
+    return;
+  }
+
+  let nextMonorepoPackagesVersion = await getNextMonorepoPackagesVersion();
+
+  if (nextMonorepoPackagesVersion == null) {
+    // TODO(T182538198): Once this warning is hit, we can remove the
+    // `release_monorepo_packages_version` logic from here and the CI jobs,
+    // see other TODOs.
+    console.warn(
+      'Warning: No longer on the 0.74-stable branch, meaning we will ' +
+        'write all package versions identically. Please double-check the ' +
+        'generated diff to see if this is correct.',
+    );
+    nextMonorepoPackagesVersion = version;
+  }
+
+  const parameters = {
+    run_release_workflow: true,
+    release_version: version,
+    release_tag: npmTag,
+    // NOTE: Necessary for 0.74, should be dropped for 0.75+
+    release_monorepo_packages_version: nextMonorepoPackagesVersion,
+    // $FlowFixMe[prop-missing]
+    release_dry_run: argv.dryRun,
+  };
+
+  const options = {
+    method: 'POST',
+    url: 'https://circleci.com/api/v2/project/github/facebook/react-native/pipeline',
+    headers: {
+      'Circle-Token': token,
+      'content-type': 'application/json',
+    },
+    body: {
+      branch,
+      parameters,
+    },
+    json: true,
+  };
+
+  // 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}`,
+  );
+
+  // TODO
+  // - Output the release changelog to paste into Github releases
+  // - Link to release discussions to update
+  // - 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 000000000000..2c9f4ce06f89
--- /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
new file mode 100644
index 000000000000..b84ea462682c
--- /dev/null
+++ b/scripts/releases/__tests__/__fixtures__/remove-new-arch-flags-fixture.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.
+ *
+ * @format
+ * @oncall react-native
+ */
+
+const validReactNativePodsFile = `
+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: '',
+)
+end
+`;
+
+const invalidReactNativePodsFile = `
+def use_react_native! (
+  path: "../node_modules/react-native",
+  fabric_enabled: false,
+  production: false, # deprecated
+  hermes_enabled: ENV['USE_HERMES'] && ENV['USE_HERMES'] == '0' ? false : true,
+  flipper_configuration: FlipperConfiguration.disabled,
+  app_path: '..',
+  config_file_dir: '',
+)
+end
+`;
+
+const expectedReactNativePodsFile = `
+def use_react_native! (
+  path: "../node_modules/react-native",
+  production: false, # deprecated
+  hermes_enabled: ENV['USE_HERMES'] && ENV['USE_HERMES'] == '0' ? false : true,
+  flipper_configuration: FlipperConfiguration.disabled,
+  app_path: '..',
+  config_file_dir: '',
+)
+end
+`;
+
+const validGradlePropertiesFile = `
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
+`;
+
+const invalidGradlePropertiesFile = `
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
+`;
+
+const expectedGradlePropertiesFile = `
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=true
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
+`;
+
+module.exports = {
+  validReactNativePodsFile,
+  invalidReactNativePodsFile,
+  expectedReactNativePodsFile,
+  validGradlePropertiesFile,
+  invalidGradlePropertiesFile,
+  expectedGradlePropertiesFile,
+};
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 000000000000..a21f33faa62c
--- /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
new file mode 100644
index 000000000000..56b6b1ec417c
--- /dev/null
+++ b/scripts/releases/__tests__/remove-new-arch-flags-test.js
@@ -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.
+ *
+ * @format
+ * @oncall react-native
+ */
+
+const {removeNewArchFlags} = require('../remove-new-arch-flags');
+const {
+  expectedGradlePropertiesFile,
+  expectedReactNativePodsFile,
+  invalidGradlePropertiesFile,
+  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();
+  });
+
+  it('it updates the required files', async () => {
+    const cwd = '/path/to/react-native-github';
+    const reactNativePodsPath =
+      '/packages/react-native/scripts/react_native_pods.rb';
+    const templateGradlePropertiesPath =
+      '/packages/react-native/template/android/gradle.properties';
+    jest.spyOn(process, 'cwd').mockReturnValue(cwd);
+    jest.spyOn(fs, 'readFileSync').mockImplementation(filename => {
+      if (filename === path.join(cwd, reactNativePodsPath)) {
+        return validReactNativePodsFile;
+      } else if (filename === path.join(cwd, templateGradlePropertiesPath)) {
+        return validGradlePropertiesFile;
+      } else {
+        throw new Error(`Unexpected call to fs.readFileSync(${filename}).`);
+      }
+    });
+    let returnedReactNativePodsBackup = '';
+    let returnedReactNativePods = '';
+    let returnedGradlePropertiesBackup = '';
+    let returnedGradleProperties = '';
+    jest.spyOn(fs, 'writeFileSync').mockImplementation((filename, content) => {
+      if (filename === path.join(cwd, `${reactNativePodsPath}.bak`)) {
+        returnedReactNativePodsBackup = content;
+      } else if (filename === path.join(cwd, reactNativePodsPath)) {
+        returnedReactNativePods = content;
+      } else if (
+        filename === path.join(cwd, `${templateGradlePropertiesPath}.bak`)
+      ) {
+        returnedGradlePropertiesBackup = content;
+      } else if (filename === path.join(cwd, templateGradlePropertiesPath)) {
+        returnedGradleProperties = content;
+      } else {
+        throw new Error(`Unexpected call to fs.writeFileSync(${filename}).`);
+      }
+    });
+
+    let deletedFiles = [];
+    jest.spyOn(fs, 'unlinkSync').mockImplementation(filename => {
+      deletedFiles.push(filename);
+    });
+    removeNewArchFlags();
+
+    expect(returnedReactNativePodsBackup).toEqual(validReactNativePodsFile);
+    expect(returnedReactNativePods).toEqual(expectedReactNativePodsFile);
+    expect(returnedGradlePropertiesBackup).toEqual(validGradlePropertiesFile);
+    expect(returnedGradleProperties).toEqual(expectedGradlePropertiesFile);
+    expect(deletedFiles).toEqual([
+      path.join(cwd, `${reactNativePodsPath}.bak`),
+      path.join(cwd, `${templateGradlePropertiesPath}.bak`),
+    ]);
+  });
+
+  it('does not update the required files if they are not valid', async () => {
+    const cwd = '/path/to/react-native-github';
+    const reactNativePodsPath =
+      '/packages/react-native/scripts/react_native_pods.rb';
+    const templateGradlePropertiesPath =
+      '/packages/react-native/template/android/gradle.properties';
+    jest.spyOn(process, 'cwd').mockReturnValue(cwd);
+    jest.spyOn(fs, 'readFileSync').mockImplementation(filename => {
+      if (filename === path.join(cwd, reactNativePodsPath)) {
+        return invalidReactNativePodsFile;
+      } else if (filename === path.join(cwd, templateGradlePropertiesPath)) {
+        return invalidGradlePropertiesFile;
+      } else {
+        throw new Error(`Unexpected call to fs.readFileSync(${filename}).`);
+      }
+    });
+    let returnedReactNativePodsBackup = '';
+    let returnedReactNativePods = '';
+    let returnedGradlePropertiesBackup = '';
+    let returnedGradleProperties = '';
+    jest.spyOn(fs, 'writeFileSync').mockImplementation((filename, content) => {
+      if (filename === path.join(cwd, `${reactNativePodsPath}.bak`)) {
+        returnedReactNativePodsBackup = content;
+      } else if (filename === path.join(cwd, reactNativePodsPath)) {
+        returnedReactNativePods = content;
+      } else if (
+        filename === path.join(cwd, `${templateGradlePropertiesPath}.bak`)
+      ) {
+        returnedGradlePropertiesBackup = content;
+      } else if (filename === path.join(cwd, templateGradlePropertiesPath)) {
+        returnedGradleProperties = content;
+      } else {
+        throw new Error(`Unexpected call to fs.writeFileSync(${filename}).`);
+      }
+    });
+
+    let deletedFiles = [];
+    jest.spyOn(fs, 'unlinkSync').mockImplementation(filename => {
+      deletedFiles.push(filename);
+    });
+    removeNewArchFlags();
+
+    expect(returnedReactNativePodsBackup).toEqual(invalidReactNativePodsFile);
+    expect(returnedReactNativePods).toEqual(invalidReactNativePodsFile);
+    expect(returnedGradlePropertiesBackup).toEqual(invalidGradlePropertiesFile);
+    expect(returnedGradleProperties).toEqual(invalidGradlePropertiesFile);
+    expect(deletedFiles).toEqual([
+      path.join(cwd, `${reactNativePodsPath}.bak`),
+      path.join(cwd, `${templateGradlePropertiesPath}.bak`),
+    ]);
+  });
+});
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 000000000000..26e9bfbee710
--- /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
new file mode 100644
index 000000000000..e3ec18d84c5a
--- /dev/null
+++ b/scripts/releases/remove-new-arch-flags.js
@@ -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.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react-native
+ */
+
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+
+function removeNewArchFlags() {
+  console.log('Removing new arch flags');
+  const cwd = getValidCwd();
+
+  const iosBackups = removeFlagsForiOS(cwd);
+
+  const androidBackups = flipNewArchFlagForAndroid(cwd);
+
+  iosBackups.concat(androidBackups).forEach(file => {
+    fs.unlinkSync(file);
+  });
+}
+
+// === Helpers ===
+function getValidCwd() /*: string*/ {
+  const cwd = process.cwd();
+
+  if (!cwd.endsWith('react-native-github')) {
+    throw new Error(
+      `Please call this script from react-native root folder. Current path: ${cwd}`,
+    );
+  }
+  return cwd;
+}
+
+function replaceContentsOfFile(
+  contentToBeReplaced /*: string | RegExp*/,
+  replacement /*: string*/,
+  filepath /*: string*/,
+) /*: string*/ {
+  const content = fs.readFileSync(filepath, 'utf8');
+
+  const backupPath = `${filepath}.bak`;
+  fs.writeFileSync(backupPath, content, 'utf8');
+  let newContent = content.replaceAll(contentToBeReplaced, replacement);
+  fs.writeFileSync(filepath, newContent, 'utf8');
+  return backupPath;
+}
+
+function removeContentsFromFile(
+  contentToBeRemoved /*: string | RegExp*/,
+  filepath /*: string*/,
+) /*: string*/ {
+  return replaceContentsOfFile(contentToBeRemoved, '', filepath);
+}
+
+function removeFlagsForiOS(cwd /*: string*/) /*: $ReadOnlyArray<string>*/ {
+  let backupPath /*: Array<string>*/ = [];
+  const iosPath = path.join(
+    cwd,
+    '/packages/react-native/scripts/react_native_pods.rb',
+  );
+  backupPath.push(
+    removeContentsFromFile(
+      / {2}fabric_enabled: false,\n {2}new_arch_enabled: NewArchitectureHelper.new_arch_enabled,\n/g,
+      iosPath,
+    ),
+  );
+  return backupPath;
+}
+
+function newArchEnabledGradleProps(boolValue /*: boolean*/) /*: string */ {
+  return `newArchEnabled=${boolValue.toString()}`;
+}
+
+function flipNewArchFlagForAndroid(
+  cwd /*: string */,
+) /*: $ReadOnlyArray<string>*/ {
+  let backupPath /*: Array<string> */ = [];
+
+  // Gradle.properties
+  const gradlePropertiesPath = path.join(
+    cwd,
+    '/packages/react-native/template/android/gradle.properties',
+  );
+  backupPath.push(
+    replaceContentsOfFile(
+      new RegExp(newArchEnabledGradleProps(false), 'g'),
+      newArchEnabledGradleProps(true),
+      gradlePropertiesPath,
+    ),
+  );
+
+  return backupPath;
+}
+// ===============
+
+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 000000000000..0efca718782c
--- /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__/package.json b/scripts/releases/set-version/__tests__/__fixtures__/package.json
new file mode 100644
index 000000000000..f8a85180bf95
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@react-native/monorepo",
+  "private": true,
+  "version": "1000.0.0",
+  "devDependencies": {
+    "@monorepo/pkg-c": "0.0.1"
+  }
+}
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 000000000000..af677cc30b5d
--- /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 000000000000..4cbb3cd94e32
--- /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 000000000000..ce6ccdc7e1bb
--- /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 000000000000..0b2a27b00a77
--- /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 000000000000..2be530d3ab62
--- /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 000000000000..d79d8387782d
--- /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 000000000000..174df2705eea
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__snapshots__/set-version-test.js.snap
@@ -0,0 +1,841 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`setVersion updates monorepo for nightly: package.json 1`] = `
+"{
+  \\"name\\": \\"@react-native/monorepo\\",
+  \\"private\\": true,
+  \\"version\\": \\"1000.0.0\\",
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.81.0-nightly-29282302-abcd1234\\"
+  }
+}
+"
+`;
+
+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: package.json 1`] = `
+"{
+  \\"name\\": \\"@react-native/monorepo\\",
+  \\"private\\": true,
+  \\"version\\": \\"1000.0.0\\",
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.0-rc.3\\"
+  }
+}
+"
+`;
+
+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: package.json 1`] = `
+"{
+  \\"name\\": \\"@react-native/monorepo\\",
+  \\"private\\": true,
+  \\"version\\": \\"1000.0.0\\",
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.1\\"
+  }
+}
+"
+`;
+
+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: package.json 1`] = `
+"{
+  \\"name\\": \\"@react-native/monorepo\\",
+  \\"private\\": true,
+  \\"version\\": \\"1000.0.0\\",
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.82.0-main\\"
+  }
+}
+"
+`;
+
+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 000000000000..cb622dfd6ef2
--- /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 000000000000..f986487e1980
--- /dev/null
+++ b/scripts/releases/set-version/index.js
@@ -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.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react-native
+ */
+
+'use strict';
+
+/*::
+import type {PackageJson} from '../../utils/monorepo';
+*/
+
+const {getPackages, getWorkspaceRoot} = require('../../utils/monorepo');
+const {setReactNativeVersion} = require('../set-rn-version');
+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 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: true,
+    includeReactNative: true,
+  });
+  const newPackageVersions = Object.fromEntries(
+    Object.keys(packages).map(packageName => [packageName, version]),
+  );
+
+  await setReactNativeVersion(
+    skipReactNativeVersion ? '1000.0.0' : version,
+    newPackageVersions,
+  );
+
+  const packagesToUpdate = [
+    await getWorkspaceRoot(),
+    // Exclude the react-native package, since this (and the template) are
+    // handled by `setReactNativeVersion`.
+    ...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 000000000000..feded772d267
--- /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 000000000000..d23d53815846
--- /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 000000000000..7fbbbdfae077
--- /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 000000000000..ea89c1697e51
--- /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/releases/update-template-package.js b/scripts/releases/update-template-package.js
new file mode 100644
index 000000000000..a72997d90346
--- /dev/null
+++ b/scripts/releases/update-template-package.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 strict-local
+ * @format
+ * @oncall react_native
+ */
+
+const {REACT_NATIVE_PACKAGE_DIR} = require('../consts');
+const {applyPackageVersions} = require('../npm-utils');
+const fs = require('fs');
+const path = require('path');
+
+const TEMPLATE_DIR = path.join(REACT_NATIVE_PACKAGE_DIR, 'template');
+
+/**
+ * Updates the react-native template package.json with
+ * dependencies in `dependencyMap`.
+ *
+ * `dependencyMap` is a dict of package name to its version
+ * ex. {"react-native": "0.23.0", "other-dep": "nightly"}
+ */
+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,
+    dependencyMap,
+  );
+
+  fs.writeFileSync(
+    jsonPath,
+    JSON.stringify(updatedPackageJson, null, 2) + '\n',
+    'utf-8',
+  );
+}
+
+if (require.main === module) {
+  const dependencyMapStr = process.argv[2];
+  if (!dependencyMapStr) {
+    console.error(
+      'Please provide a json string of package name and their version. Ex. \'{"packageName":"0.23.0"}\'',
+    );
+    process.exit(1);
+  }
+
+  updateTemplatePackage(JSON.parse(dependencyMapStr));
+}
+
+module.exports = updateTemplatePackage;
diff --git a/scripts/__tests__/version-utils-test.js b/scripts/releases/utils/__tests__/version-utils-test.js
similarity index 77%
rename from scripts/__tests__/version-utils-test.js
rename to scripts/releases/utils/__tests__/version-utils-test.js
index 1294c0d132d7..c20328206a44 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');
@@ -142,6 +135,18 @@ describe('version-utils', () => {
       expect(prerelease).toBe('rc.4');
     });
 
+    it('should parse patch pre-release version from tag', () => {
+      const {version, major, minor, patch, prerelease} = parseVersion(
+        'v0.66.1-rc.4',
+        'release',
+      );
+      expect(version).toBe('0.66.1-rc.4');
+      expect(major).toBe('0');
+      expect(minor).toBe('66');
+      expect(patch).toBe('1');
+      expect(prerelease).toBe('rc.4');
+    });
+
     it('should reject pre-release version from tag with random prerelease pattern', () => {
       function testInvalidVersion() {
         parseVersion('v0.66.0-something_invalid', 'release');
@@ -299,6 +304,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 +402,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/release-utils.js b/scripts/releases/utils/release-utils.js
similarity index 77%
rename from scripts/release-utils.js
rename to scripts/releases/utils/release-utils.js
index ab0cb4f8058c..1f5e4304f27d 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 */) {
   // -------- Generating Android Artifacts
   echo('Generating Android artifacts inside /tmp/maven-local');
   if (exec('./gradlew publishAllToMavenTempLocal').code) {
@@ -52,15 +58,20 @@ function generateAndroidArtifacts(releaseVersion) {
   });
 }
 
-function publishAndroidArtifactsToMaven(releaseVersion, isNightly) {
+function publishAndroidArtifactsToMaven(
+  releaseVersion /*: string */,
+  buildType /*: BuildType */,
+) {
   // -------- 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(
@@ -73,8 +84,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);
     }
@@ -84,11 +100,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
@@ -112,7 +128,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') {
@@ -127,7 +143,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/releases/utils/version-utils.js b/scripts/releases/utils/version-utils.js
new file mode 100644
index 000000000000..11f79318cb47
--- /dev/null
+++ b/scripts/releases/utils/version-utils.js
@@ -0,0 +1,193 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. 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 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.
+ * The `builtType` is used to enforce that the major version can assume only specific
+ * values.
+ *
+ * Some examples of valid versions are:
+ * - stable: 0.68.1
+ * - prerelease: 0.Y.Z-rc.K
+ * - e2e-test: X.Y.Z-20221116-2018
+ * - nightly: X.Y.Z-20221116-0bc4547fc
+ * - dryrun: 1000.0.0
+ * - prealpha: 0.0.0-prealpha-20221116
+ */
+function parseVersion(
+  versionStr /*: string */,
+  buildType /*: ?BuildType */,
+) /*: Version */ {
+  const match = extractMatchIfValid(versionStr);
+  const [, version, major, minor, patch, prerelease] = match;
+
+  const parsedVersion = {
+    version,
+    major,
+    minor,
+    patch,
+    prerelease,
+  };
+
+  if (buildType != null) {
+    if (!validateBuildType(buildType)) {
+      throw new Error(`Unsupported build type: ${buildType}`);
+    }
+    validateVersion(parsedVersion, buildType);
+  }
+
+  return parsedVersion;
+}
+
+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 /*: string */) {
+  const match = versionStr.match(VERSION_REGEX);
+  if (!match) {
+    throw new Error(
+      `You must pass a correctly formatted version; couldn't parse ${versionStr}`,
+    );
+  }
+  return match;
+}
+
+function validateVersion(
+  versionObject /*: Version */,
+  buildType /*: BuildType */,
+) {
+  const map = {
+    release: validateRelease,
+    'dry-run': validateDryRun,
+    nightly: validateNightly,
+    prealpha: validatePrealpha,
+  };
+
+  const validationFunction = map[buildType];
+  validationFunction(versionObject);
+}
+
+/**
+ * Releases are in the form of 0.Y.Z[-RC.0]
+ */
+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 /*: Version */) {
+  if (
+    !isMain(version) &&
+    !isNightly(version) &&
+    !isStableRelease(version) &&
+    !isStablePrerelease(version)
+  ) {
+    throw new Error(`Version ${version.version} is not valid for dry-runs`);
+  }
+}
+
+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 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.match(/^\d+$/) &&
+    !!version.patch.match(/^\d+$/) &&
+    version.prerelease == null
+  );
+}
+
+function isStablePrerelease(version /*: Version */) /*: boolean */ {
+  return !!(
+    version.major === '0' &&
+    version.minor.match(/^\d+$/) &&
+    version.patch.match(/^\d+$/) &&
+    (version.prerelease?.startsWith('rc.') ||
+      version.prerelease?.startsWith('rc-') ||
+      version.prerelease?.match(/^(\d{8})-(\d{4})$/))
+  );
+}
+
+function isNightly(version /*: Version */) /*: boolean */ {
+  // Check if older nightly version
+  if (version.major === '0' && version.minor === '0' && version.patch === '0') {
+    return true;
+  }
+
+  return version.version.includes('nightly');
+}
+
+function isMain(version /*: Version */) /*: boolean */ {
+  return (
+    version.major === '1000' && version.minor === '0' && version.patch === '0'
+  );
+}
+
+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,
+  isNightly,
+  isReleaseBranch,
+  isMain,
+  isStableRelease,
+  isStablePrerelease,
+};
diff --git a/scripts/run-android-ci-instrumentation-tests.js b/scripts/run-android-ci-instrumentation-tests.js
deleted file mode 100644
index d012866b307e..000000000000
--- 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 2f246b4af5a8..000000000000
--- 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 acd0daa9e687..000000000000
--- 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 f10ab7408cd0..000000000000
--- 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-e2e-tests.js b/scripts/run-ci-e2e-tests.js
deleted file mode 100644
index 4ec5db85037e..000000000000
--- a/scripts/run-ci-e2e-tests.js
+++ /dev/null
@@ -1,338 +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 tests that React Native end to end installation/bootstrap works for different platforms
- * Available arguments:
- * --ios - 'react-native init' and check iOS app doesn't redbox
- * --android - 'react-native init' and check Android app doesn't redbox
- * --js - 'react-native init' and only check the packager returns a bundle
- * --skip-cli-install - to skip react-native-cli global installation (for local debugging)
- * --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 {execFileSync, spawn} = require('child_process');
-const argv = require('yargs').argv;
-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 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');
-
-let SERVER_PID;
-let APPIUM_PID;
-let VERDACCIO_PID;
-let exitCode;
-
-function describe(message) {
-  echo(`\n\n>>>>> ${message}\n\n\n`);
-}
-
-try {
-  if (argv.android) {
-    describe('Compile Android binaries');
-    if (
-      exec(
-        './gradlew :ReactAndroid:installArchives -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
-      ).code
-    ) {
-      echo('Failed to compile Android binaries');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-  }
-
-  describe('Create react-native package');
-  if (
-    exec(
-      'node ./scripts/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);
-  }
-
-  if (exec('npm pack', {cwd: REACT_NATIVE_PACKAGE_DIR}).code) {
-    echo('Failed to pack react-native');
-    exitCode = 1;
-    throw Error(exitCode);
-  }
-
-  const REACT_NATIVE_PACKAGE = path.join(
-    REACT_NATIVE_PACKAGE_DIR,
-    'react-native-*.tgz',
-  );
-
-  describe('Set up Verdaccio');
-  VERDACCIO_PID = setupVerdaccio(ROOT, VERDACCIO_CONFIG_PATH);
-
-  describe('Build and publish packages');
-  exec('node ./scripts/build/build.js', {cwd: ROOT});
-  forEachPackage(
-    (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
-      if (packageManifest.private) {
-        return;
-      }
-
-      exec(
-        'npm publish --registry http://localhost:4873 --yes --access public',
-        {cwd: packageAbsolutePath},
-      );
-    },
-  );
-
-  describe('Scaffold a basic React Native app from template');
-  execFileSync('rsync', [
-    '-a',
-    `${ROOT}/packages/react-native/template`,
-    REACT_NATIVE_TEMP_DIR,
-  ]);
-  cd(REACT_NATIVE_APP_DIR);
-
-  mv('_bundle', '.bundle');
-  mv('_eslintrc.js', '.eslintrc.js');
-  mv('_prettierrc.js', '.prettierrc.js');
-  mv('_watchmanconfig', '.watchmanconfig');
-
-  describe('Install React Native package');
-  exec(`npm install ${REACT_NATIVE_PACKAGE}`);
-
-  describe('Install node_modules');
-  if (
-    tryExecNTimes(
-      () => {
-        return exec('npm install').code;
-      },
-      numberOfRetries,
-      () => exec('sleep 10s'),
-    )
-  ) {
-    echo('Failed to execute npm install');
-    echo('Most common reason is npm registry connectivity, try again');
-    exitCode = 1;
-    throw Error(exitCode);
-  }
-  exec('rm -rf ./node_modules/react-native/template');
-
-  if (argv.android) {
-    describe('Install end-to-end framework');
-    if (
-      tryExecNTimes(
-        () =>
-          exec(
-            'yarn add --dev appium@1.11.1 mocha@2.4.5 wd@1.11.1 colors@1.0.3 pretty-data2@0.40.1',
-            {silent: true},
-          ).code,
-        numberOfRetries,
-      )
-    ) {
-      echo('Failed to install appium');
-      echo('Most common reason is npm registry connectivity, try again');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-    cp(`${SCRIPTS}/android-e2e-test.js`, 'android-e2e-test.js');
-    cd('android');
-    describe('Download Maven deps');
-    exec('./gradlew :app:copyDownloadableDepsToLibs');
-    cd('..');
-
-    describe('Generate key');
-    exec('rm android/app/debug.keystore');
-    if (
-      exec(
-        '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);
-    }
-
-    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);
-    }
-
-    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']);
-    SERVER_PID = packagerProcess.pid;
-    // wait a bit to allow packager to startup
-    exec('sleep 15s');
-    describe('Test: Android end-to-end test');
-    if (
-      tryExecNTimes(
-        () => {
-          return exec('node node_modules/.bin/_mocha android-e2e-test.js').code;
-        },
-        numberOfRetries,
-        () => exec('sleep 10s'),
-      )
-    ) {
-      echo('Failed to run Android end-to-end tests');
-      echo('Most likely the code is broken');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-  }
-
-  if (argv.ios) {
-    cd('ios');
-    // shelljs exec('', {async: true}) does not emit stdout events, so we rely on good old spawn
-    const packagerEnv = Object.create(process.env);
-    packagerEnv.REACT_NATIVE_MAX_WORKERS = 1;
-    describe('Start Metro');
-    const packagerProcess = spawn('yarn', ['start'], {
-      stdio: 'inherit',
-      env: packagerEnv,
-    });
-    SERVER_PID = packagerProcess.pid;
-    exec('sleep 15s');
-    // prepare cache to reduce chances of possible red screen "Can't find variable __fbBatchedBridge..."
-    exec(
-      'response=$(curl --write-out %{http_code} --silent --output /dev/null localhost:8081/index.bundle?platform=ios&dev=true)',
-    );
-    echo(`Metro is running, ${SERVER_PID}`);
-
-    describe('Install CocoaPod dependencies');
-    exec('bundle exec pod install');
-
-    describe('Test: iOS end-to-end test');
-    if (
-      // TODO: Get target OS and simulator from .tests.env
-      tryExecNTimes(
-        () => {
-          return exec(
-            [
-              'xcodebuild',
-              '-workspace',
-              '"HelloWorld.xcworkspace"',
-              '-destination',
-              '"platform=iOS Simulator,name=iPhone 8,OS=13.3"',
-              '-scheme',
-              '"HelloWorld"',
-              '-sdk',
-              'iphonesimulator',
-              '-UseModernBuildSystem=NO',
-              'test',
-            ].join(' ') +
-              ' | ' +
-              [
-                'xcbeautify',
-                '--report',
-                'junit',
-                '--reportPath',
-                '"~/react-native/reports/junit/iOS-e2e/results.xml"',
-              ].join(' ') +
-              ' && exit ${PIPESTATUS[0]}',
-          ).code;
-        },
-        numberOfRetries,
-        () => exec('sleep 10s'),
-      )
-    ) {
-      echo('Failed to run iOS end-to-end tests');
-      echo('Most likely the code is broken');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-    cd('..');
-  }
-
-  if (argv.js) {
-    // Check the packager produces a bundle (doesn't throw an error)
-    describe('Test: Verify packager can generate an Android bundle');
-    if (
-      exec(
-        '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);
-    }
-
-    describe('Test: Verify packager can generate an iOS bundle');
-    if (
-      exec(
-        '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);
-    }
-
-    describe('Test: TypeScript typechecking');
-    if (exec('yarn tsc').code) {
-      echo('Typechecking errors were found');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-
-    describe('Test: Jest tests');
-    if (exec('yarn test').code) {
-      echo('Jest tests failed');
-      exitCode = 1;
-      throw Error(exitCode);
-    }
-
-    // TODO: ESLint infinitely hangs when running in the environment created by
-    // this script, but not projects generated by `react-native init`.
-    /*
-    describe('Test: ESLint/Prettier linting and formatting');
-    if (exec('yarn lint').code) {
-      echo('linting errors were found');
-      exitCode = 1;
-      throw Error(exitCode);
-    }*/
-  }
-  exitCode = 0;
-} finally {
-  describe('Clean up');
-  if (SERVER_PID) {
-    echo(`Killing packager ${SERVER_PID}`);
-    exec(`kill -9 ${SERVER_PID}`);
-    // this is quite drastic but packager starts a daemon that we can't kill by killing the parent process
-    // it will be fixed in April (quote David Aurelio), so until then we will kill the zombie by the port number
-    exec("lsof -i tcp:8081 | awk 'NR!=1 {print $2}' | xargs kill");
-  }
-  if (APPIUM_PID) {
-    echo(`Killing appium ${APPIUM_PID}`);
-    exec(`kill -9 ${APPIUM_PID}`);
-  }
-  if (VERDACCIO_PID) {
-    echo(`Killing verdaccio ${VERDACCIO_PID}`);
-    exec(`kill -9 ${VERDACCIO_PID}`);
-  }
-}
-exit(exitCode);
diff --git a/scripts/run-ci-javascript-tests.js b/scripts/run-ci-javascript-tests.js
index 759deb2459f8..0aa402a16ad6 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 7299112d7123..000000000000
--- 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 eab057bd5f44..2e7b228716b8 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 348fbd26dff2..000000000000
--- 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 26e8559e74eb..000000000000
--- 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 2638cac3d4cf..000000000000
--- 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/test-e2e-local.js b/scripts/test-e2e-local.js
deleted file mode 100644
index 1806d650a0f5..000000000000
--- a/scripts/test-e2e-local.js
+++ /dev/null
@@ -1,305 +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 is a re-interpretation of the old test-manual.e2e.sh script.
- * the idea is to provide a better DX for the manual testing.
- * It's using Javascript over Bash for consistency with the rest of the recent scripts
- * and to make it more accessible for other devs to play around with.
- */
-
-const {exec, pushd, popd, pwd, cd} = require('shelljs');
-const updateTemplatePackage = require('./update-template-package');
-const yargs = require('yargs');
-const path = require('path');
-const fs = require('fs');
-
-const {
-  checkPackagerRunning,
-  maybeLaunchAndroidEmulator,
-  launchPackagerInSeparateWindow,
-  setupCircleCIArtifacts,
-  prepareArtifacts,
-} = require('./testing-utils');
-
-const argv = yargs
-  .option('t', {
-    alias: 'target',
-    default: 'RNTester',
-    choices: ['RNTester', 'RNTestProject'],
-  })
-  .option('p', {
-    alias: 'platform',
-    default: 'iOS',
-    choices: ['iOS', 'Android'],
-  })
-  .option('h', {
-    alias: 'hermes',
-    type: 'boolean',
-    default: true,
-  })
-  .option('c', {
-    alias: 'circleciToken',
-    type: 'string',
-  }).argv;
-
-// === RNTester === //
-
-/**
- * Start the test for RNTester on iOS.
- *
- * Parameters:
- * - @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) {
-  console.info(
-    `We're going to test the ${
-      argv.hermes ? '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) {
-    const hermesURL = await circleCIArtifacts.artifactURLHermesDebug();
-    const hermesPath = path.join(
-      circleCIArtifacts.baseTmpPath(),
-      'hermes-ios-debug.tar.gz',
-    );
-    // download hermes source code from manifold
-    circleCIArtifacts.downloadArtifact(hermesURL, hermesPath);
-    console.info(`Downloaded Hermes in ${hermesPath}`);
-    exec(
-      `HERMES_ENGINE_TARBALL_PATH=${hermesPath} RCT_NEW_ARCH_ENABLED=1 bundle exec pod install --ansi`,
-    );
-  } else {
-    exec(
-      `USE_HERMES=${
-        argv.hermes ? 1 : 0
-      } CI=${onReleaseBranch} 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());
-
-  // launch the app on iOS simulator
-  exec('npx react-native run-ios --scheme RNTester --simulator "iPhone 14"');
-}
-
-/**
- * Start the test for RNTester on Android.
- *
- * Parameters:
- * - @circleCIArtifacts manager object to manage all the download of CircleCIArtifacts. If null, it will fallback not to use them.
- */
-async function testRNTesterAndroid(circleCIArtifacts) {
-  maybeLaunchAndroidEmulator();
-
-  console.info(
-    `We're going to test the ${
-      argv.hermes ? '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());
-
-  // Wait for the Android Emulator to be properly loaded and bootstrapped
-  exec(
-    "adb wait-for-device shell 'while [[ -z $(getprop sys.boot_completed) ]]; do sleep 1; done; input keyevent 82'",
-  );
-
-  if (circleCIArtifacts != null) {
-    const downloadPath = path.join(
-      circleCIArtifacts.baseTmpPath(),
-      'rntester.apk',
-    );
-
-    const emulatorArch = exec('adb shell getprop ro.product.cpu.abi').trim();
-    const rntesterAPKURL = argv.hermes
-      ? await circleCIArtifacts.artifactURLForHermesRNTesterAPK(emulatorArch)
-      : await circleCIArtifacts.artifactURLForJSCRNTesterAPK(emulatorArch);
-
-    console.info('Start Downloading APK');
-    circleCIArtifacts.downloadArtifact(rntesterAPKURL, downloadPath);
-
-    exec(`adb install ${downloadPath}`);
-  } else {
-    exec(
-      `../../gradlew :packages:rn-tester:android:app:${
-        argv.hermes ? 'installHermesDebug' : 'installJscDebug'
-      } --quiet`,
-    );
-  }
-
-  // launch the app
-  // TODO: we should find a way to make it work like for iOS, via npx react-native run-android
-  // currently, that fails with an error.
-  exec(
-    'adb shell am start -n com.facebook.react.uiapp/com.facebook.react.uiapp.RNTesterActivity',
-  );
-
-  // just to make sure that the Android up won't have troubles finding the Metro server
-  exec('adb reverse tcp:8081 tcp:8081');
-}
-
-/**
- * Function that start testing on RNTester.
- *
- * Parameters:
- * - @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) {
-  // 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') {
-    await testRNTesterIOS(circleCIArtifacts, onReleaseBranch);
-  } else {
-    await testRNTesterAndroid(circleCIArtifacts);
-  }
-  popd();
-}
-
-// === RNTestProject === //
-
-async function testRNTestProject(circleCIArtifacts) {
-  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 releaseVersion = `${baseVersion}-${dateIdentifier}`;
-
-  // Prepare some variables for later use
-  const repoRoot = pwd();
-  const reactNativePackagePath = `${repoRoot}/packages/react-native`;
-  const localNodeTGZPath = `${reactNativePackagePath}/react-native-${releaseVersion}.tgz`;
-
-  const mavenLocalPath =
-    circleCIArtifacts != null
-      ? path.join(circleCIArtifacts.baseTmpPath(), 'maven-local.zip')
-      : '/private/tmp/maven-local';
-  const hermesPath = await prepareArtifacts(
-    circleCIArtifacts,
-    mavenLocalPath,
-    localNodeTGZPath,
-    releaseVersion,
-    buildType,
-    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");
-    }
-    exec(
-      `cp ${path.join(reactNativePackagePath, tarfile)} ${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`,
-  );
-
-  cd('RNTestProject');
-  exec('yarn install');
-
-  // need to do this here so that Android will be properly setup either way
-  exec(
-    `echo "react.internal.mavenLocalRepo=${mavenLocalPath}" >> android/gradle.properties`,
-  );
-
-  // 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') {
-    exec('yarn ios');
-  } else {
-    // android
-    exec('yarn android');
-  }
-  popd();
-}
-
-async function main() {
-  /*
-   * see the test-local-e2e.js script for clean up process
-   */
-
-  // command order: we ask the user to select if they want to test RN tester
-  // or RNTestProject
-
-  // if they select RN tester, we ask if iOS or Android, and then we run the tests
-  // if they select RNTestProject, we run the RNTestProject test
-
-  checkPackagerRunning();
-
-  const branchName = exec('git rev-parse --abbrev-ref HEAD', {
-    silent: true,
-  }).stdout.trim();
-  const onReleaseBranch = branchName.endsWith('-stable');
-
-  let circleCIArtifacts = await setupCircleCIArtifacts(
-    argv.circleciToken,
-    branchName,
-  );
-
-  if (argv.target === 'RNTester') {
-    await testRNTester(circleCIArtifacts, onReleaseBranch);
-  } else {
-    await testRNTestProject(circleCIArtifacts);
-  }
-}
-
-main();
diff --git a/scripts/trigger-react-native-release.js b/scripts/trigger-react-native-release.js
deleted file mode 100644
index 2986e95fca62..000000000000
--- a/scripts/trigger-react-native-release.js
+++ /dev/null
@@ -1,221 +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';
-
-/**
- * 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 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 ROOT_LOCATION = path.join(__dirname, '..');
-
-let argv = yargs
-  .option('r', {
-    alias: 'remote',
-    default: 'origin',
-  })
-  .option('t', {
-    alias: 'token',
-    describe:
-      'Your CircleCI personal API token. See https://circleci.com/docs/2.0/managing-api-tokens/#creating-a-personal-api-token to set one',
-    required: true,
-  })
-  .option('v', {
-    alias: 'to-version',
-    describe: 'Version you aim to release, ex. 0.67.0-rc.1, 0.66.3',
-    required: true,
-  })
-  .check(() => {
-    const branch = exitIfNotOnGit(
-      () => getBranchName(),
-      "Not in git. You can't invoke trigger-react-native-release from outside a git repo.",
-    );
-    exitIfNotOnReleaseBranch(branch);
-    return true;
-  }).argv;
-
-function exitIfNotOnReleaseBranch(branch) {
-  if (!isReleaseBranch(branch)) {
-    console.log(
-      'This script must be run in a react-native git repository checkout and on a release branch',
-    );
-    exit(1);
-  }
-}
-
-const buildExecutor =
-  (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) =>
-  async () => {
-    const {name: packageName} = packageManifest;
-    if (packageManifest.private) {
-      return;
-    }
-
-    if (
-      detectPackageUnreleasedChanges(
-        packageRelativePathFromRoot,
-        packageName,
-        ROOT_LOCATION,
-      )
-    ) {
-      // if I enter here, I want to throw an error upward
-      throw new Error(
-        `Package ${packageName} has unreleased changes. Please release it first.`,
-      );
-    }
-  };
-
-const buildAllExecutors = () => {
-  const executors = [];
-
-  forEachPackage((...params) => {
-    executors.push(buildExecutor(...params));
-  });
-
-  return executors;
-};
-
-async function exitIfUnreleasedPackages() {
-  // use the other script to verify that there's no packages in the monorepo
-  // that have changes that haven't been released
-
-  const executors = buildAllExecutors();
-  for (const executor of executors) {
-    await executor().catch(error => {
-      echo(chalk.red(error));
-      // need to throw upward
-      throw error;
-    });
-  }
-}
-
-function triggerReleaseWorkflow(options) {
-  return new Promise((resolve, reject) => {
-    request(options, function (error, response, body) {
-      if (error) {
-        reject(error);
-      } else {
-        resolve(body);
-      }
-    });
-  });
-}
-
-async function main() {
-  const branch = exitIfNotOnGit(
-    () => getBranchName(),
-    "Not in git. You can't invoke trigger-react-native-release from outside a git repo.",
-  );
-
-  // check for uncommitted changes
-  if (checkForGitChanges()) {
-    echo(
-      chalk.red(
-        'Found uncommitted changes. Please commit or stash them before running this script',
-      ),
-    );
-    exit(1);
-  }
-
-  // now check for unreleased packages
-  try {
-    await exitIfUnreleasedPackages();
-  } catch (error) {
-    exit(1);
-  }
-
-  const token = argv.token;
-  const releaseVersion = argv.toVersion;
-  failIfTagExists(releaseVersion, 'release');
-
-  const {pushed} = await inquirer.prompt({
-    type: 'confirm',
-    name: 'pushed',
-    message: `This script will trigger a release with whatever changes are on the remote branch: ${branch}. \nMake sure you have pushed any updates remotely.`,
-  });
-
-  if (!pushed) {
-    console.log(`Please run 'git push ${argv.remote} ${branch}'`);
-    exit(1);
-    return;
-  }
-
-  let latest = false;
-  const {version, prerelease} = parseVersion(releaseVersion, 'release');
-  if (!prerelease) {
-    const {setLatest} = await inquirer.prompt({
-      type: 'confirm',
-      name: 'setLatest',
-      message: `Do you want to set ${version} as "latest" release on npm?`,
-    });
-    latest = setLatest;
-  }
-
-  const npmTag = latest ? 'latest' : !prerelease ? branch : 'next';
-  const {confirmRelease} = await inquirer.prompt({
-    type: 'confirm',
-    name: 'confirmRelease',
-    message: `Releasing version "${version}" with npm tag "${npmTag}". Is this correct?`,
-  });
-
-  if (!confirmRelease) {
-    console.log('Aborting.');
-    return;
-  }
-
-  const parameters = {
-    release_version: version,
-    release_latest: latest,
-    run_release_workflow: true,
-  };
-
-  const options = {
-    method: 'POST',
-    url: 'https://circleci.com/api/v2/project/github/facebook/react-native/pipeline',
-    headers: {
-      'Circle-Token': token,
-      'content-type': 'application/json',
-    },
-    body: {
-      branch,
-      parameters,
-    },
-    json: true,
-  };
-
-  // See response: https://circleci.com/docs/api/v2/#operation/triggerPipeline
-  const body = await triggerReleaseWorkflow(options);
-  console.log(
-    `Monitor your release workflow: https://app.circleci.com/pipelines/github/facebook/react-native/${body.number}`,
-  );
-
-  // TODO
-  // - Output the release changelog to paste into Github releases
-  // - Link to release discussions to update
-  // - Verify RN-diff publish is through
-}
-
-main().then(() => {
-  exit(0);
-});
diff --git a/scripts/try-n-times.js b/scripts/try-n-times.js
deleted file mode 100644
index 871638e19e54..000000000000
--- a/scripts/try-n-times.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';
-
-/**
- * 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
- */
-function tryExecNTimes(funcToRetry, retriesLeft, onEveryError) {
-  const exitCode = funcToRetry();
-  if (exitCode === 0) {
-    return exitCode;
-  } else {
-    if (onEveryError) {
-      onEveryError();
-    }
-    retriesLeft--;
-    console.warn(`Command failed, ${retriesLeft} retries left`);
-    if (retriesLeft === 0) {
-      return exitCode;
-    } else {
-      return tryExecNTimes(funcToRetry, retriesLeft, onEveryError);
-    }
-  }
-}
-
-module.exports = tryExecNTimes;
diff --git a/scripts/update-template-package.js b/scripts/update-template-package.js
deleted file mode 100755
index 9443707db562..000000000000
--- a/scripts/update-template-package.js
+++ /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.
- *
- * @format
- */
-
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const {applyPackageVersions} = require('./npm-utils');
-
-/**
- * Updates the react-native template package.json with
- * dependencies in `dependencyMap`.
- *
- * `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);
-
-  const updatedPackageJson = applyPackageVersions(
-    templatePackageJson,
-    dependencyMap,
-  );
-
-  fs.writeFileSync(
-    jsonPath,
-    JSON.stringify(updatedPackageJson, null, 2) + '\n',
-    'utf-8',
-  );
-}
-
-if (require.main === module) {
-  const dependencyMapStr = process.argv[2];
-  if (!dependencyMapStr) {
-    console.error(
-      'Please provide a json string of package name and their version. Ex. \'{"packageName":"0.23.0"}\'',
-    );
-    process.exit(1);
-  }
-
-  updateTemplatePackage(JSON.parse(dependencyMapStr));
-}
-
-module.exports = updateTemplatePackage;
diff --git a/scripts/update_podfile_lock.sh b/scripts/update_podfile_lock.sh
deleted file mode 100755
index 4a65df8c9d90..000000000000
--- a/scripts/update_podfile_lock.sh
+++ /dev/null
@@ -1,27 +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 updates RNTester Podfile.lock after verifying the CocoaPods environment.
-# Usage:
-#   source scripts/update_podfile_lock && update_pods
-
-THIS_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-RNTESTER_DIR="$THIS_DIR/../packages/rn-tester"
-
-# Keep this separate for FB internal access.
-validate_env () {
-  cd "$RNTESTER_DIR" || exit
-  bundle check || exit
-  cd "$THIS_DIR" || exit
-}
-
-update_pods () {
-  cd "$RNTESTER_DIR" || exit
-  bundle install || exit
-  bundle check || exit
-  bundle exec pod install
-  cd "$THIS_DIR" || exit
-}
diff --git a/scripts/utils/monorepo.js b/scripts/utils/monorepo.js
new file mode 100644
index 000000000000..304ee9c37c2e
--- /dev/null
+++ b/scripts/utils/monorepo.js
@@ -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.
+ *
+ * @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(parsePackageInfo),
+  );
+
+  return Object.fromEntries(
+    packagesEntries.filter(
+      ([_, {packageJson}]) => packageJson.private !== true || includePrivate,
+    ),
+  );
+}
+
+/**
+ * Get the parsed package metadata for the workspace root.
+ */
+async function getWorkspaceRoot() /*: Promise<PackageInfo> */ {
+  const [, packageInfo] = await parsePackageInfo(
+    path.join(REPO_ROOT, 'package.json'),
+  );
+
+  return packageInfo;
+}
+
+async function parsePackageInfo(
+  packageJsonPath /*: string */,
+) /*: Promise<[string, PackageInfo]> */ {
+  const packagePath = path.dirname(packageJsonPath);
+  const packageJson /*: PackageJson */ = JSON.parse(
+    await fs.promises.readFile(packageJsonPath, 'utf-8'),
+  );
+
+  return [
+    packageJson.name,
+    {
+      name: packageJson.name,
+      path: packagePath,
+      packageJson,
+    },
+  ];
+}
+
+module.exports = {
+  getPackages,
+  getWorkspaceRoot,
+};
diff --git a/scripts/validate-android-device-env.sh b/scripts/validate-android-device-env.sh
deleted file mode 100755
index 4a52a81cd182..000000000000
--- 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 681a049d665f..000000000000
--- 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 2b68bb743977..000000000000
--- 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/version-utils.js b/scripts/version-utils.js
deleted file mode 100644
index 427a9b4d71cb..000000000000
--- a/scripts/version-utils.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
- */
-
-const VERSION_REGEX = /^v?((\d+)\.(\d+)\.(\d+)(?:-(.+))?)$/;
-
-/**
- * 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.
- * The `builtType` is used to enforce that the major version can assume only specific
- * values.
- *
- * Some examples of valid versions are:
- * - stable: 0.68.1
- * - stable prerelease: 0.70.0-rc.0
- * - 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
- * }
- * ```
- *
- */
-function parseVersion(versionStr, buildType) {
-  try {
-    validateBuildType(buildType);
-  } catch (e) {
-    throw e;
-  }
-
-  const match = extractMatchIfValid(versionStr);
-  const [, version, major, minor, patch, prerelease] = match;
-
-  const versionObject = {
-    version,
-    major,
-    minor,
-    patch,
-    prerelease,
-  };
-
-  try {
-    validateVersion(versionObject, buildType);
-  } catch (e) {
-    throw e;
-  }
-
-  return versionObject;
-}
-
-function validateBuildType(buildType) {
-  const validBuildTypes = new Set(['release', 'dry-run', 'nightly']);
-  if (!validBuildTypes.has(buildType)) {
-    throw new Error(`Unsupported build type: ${buildType}`);
-  }
-}
-
-function extractMatchIfValid(versionStr) {
-  const match = versionStr.match(VERSION_REGEX);
-  if (!match) {
-    throw new Error(
-      `You must pass a correctly formatted version; couldn't parse ${versionStr}`,
-    );
-  }
-  return match;
-}
-
-function validateVersion(versionObject, buildType) {
-  const map = {
-    release: validateRelease,
-    'dry-run': validateDryRun,
-    nightly: validateNightly,
-  };
-
-  const validationFunction = map[buildType];
-  validationFunction(versionObject);
-}
-
-/**
- * Releases are in the form of 0.Y.Z[-RC.0]
- */
-function validateRelease(version) {
-  const validRelease = isStableRelease(version) || isStablePrerelease(version);
-  if (!validRelease) {
-    throw new Error(`Version ${version.version} is not valid for Release`);
-  }
-}
-
-function validateDryRun(version) {
-  if (
-    !isMain(version) &&
-    !isNightly(version) &&
-    !isStableRelease(version) &&
-    !isStablePrerelease(version)
-  ) {
-    throw new Error(`Version ${version.version} is not valid for dry-runs`);
-  }
-}
-
-function validateNightly(version) {
-  // a valid nightly is a prerelease
-  if (!isNightly(version)) {
-    throw new Error(`Version ${version.version} is not valid for nightlies`);
-  }
-}
-
-function isStableRelease(version) {
-  return (
-    version.major === '0' && version.minor !== '0' && version.prerelease == null
-  );
-}
-
-function isStablePrerelease(version) {
-  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})$/))
-  );
-}
-
-function isNightly(version) {
-  // Check if older nightly version
-  if (version.major === '0' && version.minor === '0' && version.patch === '0') {
-    return true;
-  }
-
-  return version.version.includes('nightly');
-}
-
-function isMain(version) {
-  return (
-    version.major === '1000' && version.minor === '0' && version.patch === '0'
-  );
-}
-
-function isReleaseBranch(branch) {
-  return branch.endsWith('-stable');
-}
-
-module.exports = {
-  validateBuildType,
-  parseVersion,
-  isNightly,
-  isReleaseBranch,
-  isMain,
-  isStableRelease,
-  isStablePrerelease,
-};
diff --git a/scripts/versiontemplates/RCTVersion.m.template b/scripts/versiontemplates/RCTVersion.m.template
deleted file mode 100644
index f79d3fae1d84..000000000000
--- 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 884df9f3fd04..000000000000
--- 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 860764317f13..000000000000
--- 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/scripts/versiontemplates/ReactNativeVersion.js.template b/scripts/versiontemplates/ReactNativeVersion.js.template
deleted file mode 100644
index b24f93b25c14..000000000000
--- a/scripts/versiontemplates/ReactNativeVersion.js.template
+++ /dev/null
@@ -1,17 +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.
- *
- * @flow strict
- */
-
-exports.version = {
-  major: ${major},
-  minor: ${minor},
-  patch: ${patch},
-  prerelease: ${prerelease},
-};
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 7bc7703c70ac..0919ad1f7a74 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -15,9 +15,9 @@ 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:react-native-popup-menu-android:android",
     ":packages:rn-tester:android:app")
 
 includeBuild("packages/react-native-gradle-plugin/")
diff --git a/tools/__tests__/no-dependencies-in-root-package-test.js b/tools/__tests__/no-dependencies-in-root-package-test.js
index e659e76ca0a4..12a1109e1f9a 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 22e9d28ecfd3..024e5d435629 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 aa6d1188121d..709bc9236c07 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 0c3c2f50e080..8ec863be99e4 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 4701347d6cd2..b4415f08c5af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -502,6 +502,14 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
 
+"@babel/plugin-proposal-logical-assignment-operators@^7.18.0":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.20.7.tgz#dfbcaa8f7b4d37b51e8bfb46d94a5aea2bb89d83"
+  integrity sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
 "@babel/plugin-proposal-logical-assignment-operators@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.18.9.tgz#8148cbb350483bf6220af06fa6db3690e14b2e23"
@@ -1326,7 +1334,7 @@
     tar "^6.1.11"
     tar-stream "^2.1.4"
 
-"@eslint-community/eslint-utils@^4.2.0":
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
@@ -1338,6 +1346,11 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.5.1.tgz#cdd35dce4fa1a89a4fd42b1599eb35b3af408884"
   integrity sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==
 
+"@eslint-community/regexpp@^4.5.1":
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.8.2.tgz#26585b7c0ba36362893d3a3c206ee0c57c389616"
+  integrity sha512-0MGxAVt1m/ZK+LTJp/j0qF7Hz97D9O/FH9Ms3ltnyIdDD57cbb1ACIQTkbHvNXtWDv5TPq7w5Kq56+cNukbo7g==
+
 "@eslint/eslintrc@^1.3.2":
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
@@ -1353,6 +1366,11 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@fastify/busboy@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@fastify/busboy/-/busboy-2.0.0.tgz#f22824caff3ae506b18207bad4126dbc6ccdb6b8"
+  integrity sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==
+
 "@firebase/analytics-compat@0.1.13":
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/@firebase/analytics-compat/-/analytics-compat-0.1.13.tgz#61e1d6f9e4d033c3ed9943d91530eb3e0f382f92"
@@ -2065,17 +2083,6 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@jest/types@^27.5.1":
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-27.5.1.tgz#3c79ec4a8ba61c170bf937bcf9e98a9df175ec80"
-  integrity sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^16.0.0"
-    chalk "^4.0.0"
-
 "@jest/types@^29.5.0":
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
@@ -2377,121 +2384,122 @@
   optionalDependencies:
     npmlog "2 || ^3.1.0 || ^4.0.0"
 
-"@react-native-community/cli-clean@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-12.0.0-alpha.15.tgz#9c67e7420a3b79bfb91c06ed38a2ef7951af6561"
-  integrity sha512-TSLKuJmO2SGZAmJ+IoB4XhHN911EASTKw59CS29WyDY0t+U9oVA3FARO3rGlQ6EPy3hDZPmP5TOnrW7kPriZTw==
+"@react-native-community/cli-clean@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-13.6.9.tgz#b6754f39c2b877c9d730feb848945150e1d52209"
+  integrity sha512-7Dj5+4p9JggxuVNOjPbduZBAP1SUgNhLKVw5noBUzT/3ZpUZkDM+RCSwyoyg8xKWoE4OrdUAXwAFlMcFDPKykA==
   dependencies:
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     execa "^5.0.0"
-    prompts "^2.4.2"
+    fast-glob "^3.3.2"
 
-"@react-native-community/cli-config@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-12.0.0-alpha.15.tgz#3be6f3b07490a3a1ee83d60d3c4d3ecb9770b967"
-  integrity sha512-VOg8wDnzgVb7bLsb2ZLDVM56Rmnh0Y3RlcBjF/VvwylxT7F+mXeHYB07S06EBFnregULoqCrbKCzUxm1HpMlZQ==
+"@react-native-community/cli-config@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-config/-/cli-config-13.6.9.tgz#d609a64d40a173c89bd7d24e31807bb7dcba69f9"
+  integrity sha512-rFfVBcNojcMm+KKHE/xqpqXg8HoKl4EC7bFHUrahMJ+y/tZll55+oX/PGG37rzB8QzP2UbMQ19DYQKC1G7kXeg==
   dependencies:
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     cosmiconfig "^5.1.0"
     deepmerge "^4.3.0"
-    glob "^7.1.3"
+    fast-glob "^3.3.2"
     joi "^17.2.1"
 
-"@react-native-community/cli-debugger-ui@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-12.0.0-alpha.15.tgz#7b5f0e6ef7c379bba1eb56a10a30b1f0546c590c"
-  integrity sha512-s0W0EYFFDZr7fJgdi6g5I9/UFipNzup3dv5BwSESU+pRgJ2cBw+vdrPJ+K3gF/C/mL2gslGlVqj97FhlBEWIiw==
+"@react-native-community/cli-debugger-ui@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-debugger-ui/-/cli-debugger-ui-13.6.9.tgz#bc5727c51964206a00d417e5148b46331a81d5a5"
+  integrity sha512-TkN7IdFmGPPvTpAo3nCAH9uwGCPxWBEAwpqEZDrq0NWllI7Tdie8vDpGdrcuCcKalmhq6OYnkXzeBah7O1Ztpw==
   dependencies:
     serve-static "^1.13.1"
 
-"@react-native-community/cli-doctor@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-12.0.0-alpha.15.tgz#b77a195dc12b4625277bce2913309b414dc8284f"
-  integrity sha512-fXLCHZZ96yg1pSZBNXz2sDCcJxvX01jaCzA369djulFLYXhrbDefgcBGpVuEU2ha9NVUS4Mm5pSvuvoz1rfz+g==
+"@react-native-community/cli-doctor@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-doctor/-/cli-doctor-13.6.9.tgz#f1d4eeff427ddc8a9d19851042621c10939c35cb"
+  integrity sha512-5quFaLdWFQB+677GXh5dGU9I5eg2z6Vg4jOX9vKnc9IffwyIFAyJfCZHrxLSRPDGNXD7biDQUdoezXYGwb6P/A==
   dependencies:
-    "@react-native-community/cli-config" "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-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-config" "13.6.9"
+    "@react-native-community/cli-platform-android" "13.6.9"
+    "@react-native-community/cli-platform-apple" "13.6.9"
+    "@react-native-community/cli-platform-ios" "13.6.9"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     command-exists "^1.2.8"
     deepmerge "^4.3.0"
-    envinfo "^7.7.2"
+    envinfo "^7.10.0"
     execa "^5.0.0"
     hermes-profile-transformer "^0.0.6"
-    ip "^1.1.5"
     node-stream-zip "^1.9.1"
     ora "^5.4.1"
-    prompts "^2.4.2"
     semver "^7.5.2"
     strip-ansi "^5.2.0"
     wcwidth "^1.0.1"
     yaml "^2.2.1"
 
-"@react-native-community/cli-hermes@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-12.0.0-alpha.15.tgz#3b959a6a5efd530bf0b3d627e254aa114f6b6868"
-  integrity sha512-uW7328s19mgr8vH+FApQvr5ThZKiys0Pkt4h/AGgf+LKYPFEe1FAJJ+mYfRXi/On48iA473f/3xIFM+3EsTSZA==
+"@react-native-community/cli-hermes@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-hermes/-/cli-hermes-13.6.9.tgz#88c8dfe936a0d4272efc54429eda9ccc3fca3ad8"
+  integrity sha512-GvwiwgvFw4Ws+krg2+gYj8sR3g05evmNjAHkKIKMkDTJjZ8EdyxbkifRUs1ZCq3TMZy2oeblZBXCJVOH4W7ZbA==
   dependencies:
-    "@react-native-community/cli-platform-android" "12.0.0-alpha.15"
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-platform-android" "13.6.9"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     hermes-profile-transformer "^0.0.6"
-    ip "^1.1.5"
 
-"@react-native-community/cli-platform-android@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-12.0.0-alpha.15.tgz#3608487f28bbfe7d8454c04e1234df4e6aaf4e9e"
-  integrity sha512-mNPFKuxSZnj8OND/CVZhOfo5Dctlo8SsXzbADZF0RV/SR9YJ3adqc5U2eiIYSMab47uPXfjnByMsaWBGEmQh1Q==
+"@react-native-community/cli-platform-android@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-13.6.9.tgz#b175b9b11334fc90da3f395432678bd53c30fae4"
+  integrity sha512-9KsYGdr08QhdvT3Ht7e8phQB3gDX9Fs427NJe0xnoBh+PDPTI2BD5ks5ttsH8CzEw8/P6H8tJCHq6hf2nxd9cw==
   dependencies:
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     execa "^5.0.0"
+    fast-glob "^3.3.2"
     fast-xml-parser "^4.2.4"
-    glob "^7.1.3"
     logkitty "^0.7.1"
 
-"@react-native-community/cli-platform-ios@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-12.0.0-alpha.15.tgz#88377fb1300b80c9d157207d73081dc22016a80f"
-  integrity sha512-ULA667yPDI6RB2p+DyGaEAxiYBAJgs4nABqwoTxwR5RmsaZkbR9CJE0khCq/Zpq0cbeZfCRm4dS70p4caoKBbQ==
+"@react-native-community/cli-platform-apple@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-apple/-/cli-platform-apple-13.6.9.tgz#02fb5dc47d62acd85f4d7a852e93216927a772fa"
+  integrity sha512-KoeIHfhxMhKXZPXmhQdl6EE+jGKWwoO9jUVWgBvibpVmsNjo7woaG/tfJMEWfWF3najX1EkQAoJWpCDBMYWtlA==
   dependencies:
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-tools" "13.6.9"
     chalk "^4.1.2"
     execa "^5.0.0"
+    fast-glob "^3.3.2"
     fast-xml-parser "^4.0.12"
-    glob "^7.1.3"
     ora "^5.4.1"
 
-"@react-native-community/cli-plugin-metro@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-plugin-metro/-/cli-plugin-metro-12.0.0-alpha.15.tgz#485179af3d5462417f20c32605c888cb663ba7d6"
-  integrity sha512-O6gjHHoiHmFQoxYLbXP7tTpDNQLcsaZvYzD+JzuDmk9/GLX1Oyec2gXPJ+Fnbqgpf76gAf+q11zldD/F3k1L7A==
+"@react-native-community/cli-platform-ios@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-13.6.9.tgz#f37ceab41c2302e8f0d4bcbd3bf58b3353db4306"
+  integrity sha512-CiUcHlGs8vE0CAB4oi1f+dzniqfGuhWPNrDvae2nm8dewlahTBwIcK5CawyGezjcJoeQhjBflh9vloska+nlnw==
+  dependencies:
+    "@react-native-community/cli-platform-apple" "13.6.9"
 
-"@react-native-community/cli-server-api@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-12.0.0-alpha.15.tgz#59ea9fdd8a9d9362c79597745771510cbed5b0c1"
-  integrity sha512-vGOnZsreBPaSpoGN2TkhJGfu56Ybf1PoC6PcrUzKh+QgsOiI0AWimWiKUUvnEaQlURI7CeiMe1N0zghhbfC3nA==
+"@react-native-community/cli-server-api@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-server-api/-/cli-server-api-13.6.9.tgz#269e666bc26e9d0b2f42c7f6099559b5f9259e9d"
+  integrity sha512-W8FSlCPWymO+tlQfM3E0JmM8Oei5HZsIk5S0COOl0MRi8h0NmHI4WSTF2GCfbFZkcr2VI/fRsocoN8Au4EZAug==
   dependencies:
-    "@react-native-community/cli-debugger-ui" "12.0.0-alpha.15"
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
+    "@react-native-community/cli-debugger-ui" "13.6.9"
+    "@react-native-community/cli-tools" "13.6.9"
     compression "^1.7.1"
     connect "^3.6.5"
     errorhandler "^1.5.1"
     nocache "^3.0.1"
     pretty-format "^26.6.2"
     serve-static "^1.13.1"
-    ws "^7.5.1"
+    ws "^6.2.2"
 
-"@react-native-community/cli-tools@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-12.0.0-alpha.15.tgz#d9ee1fc6b49b0a34f982c6634a50e61ac332394a"
-  integrity sha512-AL/UskYhi4U79T5660oW/Aa27N/wp8lRgnpkFP7saL2zy/I0ZrBTUmHPt1pDdwMnjMfYXJGyyoomMbwqWUpLig==
+"@react-native-community/cli-tools@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-tools/-/cli-tools-13.6.9.tgz#2baee279358ba1a863e737b2fa9f45659ad91929"
+  integrity sha512-OXaSjoN0mZVw3nrAwcY1PC0uMfyTd9fz7Cy06dh+EJc+h0wikABsVRzV8cIOPrVV+PPEEXE0DBrH20T2puZzgQ==
   dependencies:
     appdirsjs "^1.2.4"
     chalk "^4.1.2"
+    execa "^5.0.0"
     find-up "^5.0.0"
     mime "^2.4.1"
     node-fetch "^2.6.0"
@@ -2501,29 +2509,29 @@
     shell-quote "^1.7.3"
     sudo-prompt "^9.0.0"
 
-"@react-native-community/cli-types@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-12.0.0-alpha.15.tgz#c5fc97902e9b983ec8d8df003043f44536dc7cd3"
-  integrity sha512-j1Lgi9eFqFGebyCY/kaqYguSSQ4yZzrGLRUx7zd/xxDF7PfQNpFqwxE7gPWtR6CUfVkVaoQyHbwTGHdoU0AakA==
+"@react-native-community/cli-types@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-13.6.9.tgz#08bfb796eacf0daeb31e2de516e81e78a36a1a55"
+  integrity sha512-RLxDppvRxXfs3hxceW/mShi+6o5yS+kFPnPqZTaMKKR5aSg7LwDpLQW4K2D22irEG8e6RKDkZUeH9aL3vO2O0w==
   dependencies:
     joi "^17.2.1"
 
-"@react-native-community/cli@12.0.0-alpha.15":
-  version "12.0.0-alpha.15"
-  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-12.0.0-alpha.15.tgz#819f0b5781a6cace226e0935ec5b0a82db32a777"
-  integrity sha512-8uHuAyTGzi8jGnAyuBPzIAPcpl6ol4UXVPENCKlGB5AfUzi643Xnh95NRUDy+6fi0PHl+w4ggRWUNKR6GjnRnQ==
-  dependencies:
-    "@react-native-community/cli-clean" "12.0.0-alpha.15"
-    "@react-native-community/cli-config" "12.0.0-alpha.15"
-    "@react-native-community/cli-debugger-ui" "12.0.0-alpha.15"
-    "@react-native-community/cli-doctor" "12.0.0-alpha.15"
-    "@react-native-community/cli-hermes" "12.0.0-alpha.15"
-    "@react-native-community/cli-plugin-metro" "12.0.0-alpha.15"
-    "@react-native-community/cli-server-api" "12.0.0-alpha.15"
-    "@react-native-community/cli-tools" "12.0.0-alpha.15"
-    "@react-native-community/cli-types" "12.0.0-alpha.15"
+"@react-native-community/cli@13.6.9":
+  version "13.6.9"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-13.6.9.tgz#ba6360b94e0aba9c4001bda256cf7e57e2ecb02c"
+  integrity sha512-hFJL4cgLPxncJJd/epQ4dHnMg5Jy/7Q56jFvA3MHViuKpzzfTCJCB+pGY54maZbtym53UJON9WTGpM3S81UfjQ==
+  dependencies:
+    "@react-native-community/cli-clean" "13.6.9"
+    "@react-native-community/cli-config" "13.6.9"
+    "@react-native-community/cli-debugger-ui" "13.6.9"
+    "@react-native-community/cli-doctor" "13.6.9"
+    "@react-native-community/cli-hermes" "13.6.9"
+    "@react-native-community/cli-server-api" "13.6.9"
+    "@react-native-community/cli-tools" "13.6.9"
+    "@react-native-community/cli-types" "13.6.9"
     chalk "^4.1.2"
     commander "^9.4.1"
+    deepmerge "^4.3.0"
     execa "^5.0.0"
     find-up "^4.1.0"
     fs-extra "^8.1.0"
@@ -2531,16 +2539,23 @@
     prompts "^2.4.2"
     semver "^7.5.2"
 
+"@rnx-kit/chromium-edge-launcher@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@rnx-kit/chromium-edge-launcher/-/chromium-edge-launcher-1.0.0.tgz#c0df8ea00a902c7a417cd9655aab06de398b939c"
+  integrity sha512-lzD84av1ZQhYUS+jsGqJiCMaJO2dn9u+RTT9n9q6D3SaKVwWqv+7AoRKqBu19bkwyE+iFRl1ymr40QS90jVFYg==
+  dependencies:
+    "@types/node" "^18.0.0"
+    escape-string-regexp "^4.0.0"
+    is-wsl "^2.2.0"
+    lighthouse-logger "^1.0.0"
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
 "@rnx-kit/rn-changelog-generator@^0.4.0":
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/@rnx-kit/rn-changelog-generator/-/rn-changelog-generator-0.4.0.tgz#637d87bcf8de6e87599930ed88d9375010277660"
   integrity sha512-Igq/5lA6/bYSAdxfk43nbMXIt4yKIspds2fsv5eqgeg4elLeWfzHSEM3tU0wPDnOk4m3qzVEyO9fbtu616Dyhw==
 
-"@seadub/danger-plugin-eslint@^3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@seadub/danger-plugin-eslint/-/danger-plugin-eslint-3.0.2.tgz#9a51d9f1a103a274264c30212234001de0b417c1"
-  integrity sha512-W+efX4mP04A8wMuLV0nV+iOj892Vrbyik+FyDZcGgpzkJFXX0UfDhOPZ0FonbSV0xM47DI5a8go88U/pBdGM2A==
-
 "@sideway/address@^4.1.0":
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.0.tgz#0b301ada10ac4e0e3fa525c90615e0b61a72b78d"
@@ -2712,6 +2727,11 @@
     expect "^29.0.0"
     pretty-format "^29.0.0"
 
+"@types/json-schema@^7.0.12":
+  version "7.0.13"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.13.tgz#02c24f4363176d2d18fc8b70b9f3c54aba178a85"
+  integrity sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==
+
 "@types/json-schema@^7.0.9":
   version "7.0.12"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.12.tgz#d70faba7039d5fca54c83c7dbab41051d2b6f6cb"
@@ -2734,6 +2754,13 @@
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
   integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
 
+"@types/node-forge@^1.3.0":
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.8.tgz#044ad98354ff309a031a55a40ad122f3be1ac2bb"
+  integrity sha512-vGXshY9vim9CJjrpcS5raqSjEfKlJcWy2HNdgUasR66fAnVEYarrf1ULV4nfvpC1nZq/moA9qyqBcu83x+Jlrg==
+  dependencies:
+    "@types/node" "*"
+
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0", "@types/node@^18.0.0":
   version "18.16.14"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.16.14.tgz#ab67bb907f1146afc6fedb9ce60ae8a99c989631"
@@ -2754,10 +2781,10 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
-"@types/react@^18.0.18":
-  version "18.0.20"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.20.tgz#e4c36be3a55eb5b456ecf501bd4a00fd4fd0c9ab"
-  integrity sha512-MWul1teSPxujEHVwZl4a5HxQ9vVNsjTchVA+xRqv/VYGCuKGAU6UhfrTdF5aBefwD1BHUD8i/zq+O/vyCm/FrA==
+"@types/react@^18.2.6":
+  version "18.2.67"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.67.tgz#96b7af0b5e79c756f4bdd981de2ca28472c858e5"
+  integrity sha512-vkIE2vTIMHQ/xL0rgmuoECBCkZFZeHr49HeWSc24AptMbNRo7pwSBvj73rlJJs9fGKj0koS+V7kQB1jHS0uCgw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2780,6 +2807,11 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a"
   integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==
 
+"@types/semver@^7.5.0":
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.3.tgz#9a726e116beb26c24f1ccd6850201e1246122e04"
+  integrity sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==
+
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
@@ -2814,13 +2846,6 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@types/yargs@^16.0.0":
-  version "16.0.3"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-16.0.3.tgz#4b6d35bb8e680510a7dc2308518a80ee1ef27e01"
-  integrity sha512-YlFfTGS+zqCgXuXNV26rOIeETOkXnGQXP/pjjL9P0gO/EP9jTmc7pUBhx+jVEIxpq41RX33GQ7N3DzOSfZoglQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.12"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.12.tgz#0745ff3e4872b4ace98616d4b7e37ccbd75f9526"
@@ -2835,7 +2860,7 @@
   dependencies:
     "@types/node" "*"
 
-"@typescript-eslint/eslint-plugin@^5.30.0", "@typescript-eslint/eslint-plugin@^5.57.1":
+"@typescript-eslint/eslint-plugin@^5.30.0":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.5.tgz#f156827610a3f8cefc56baeaa93cd4a5f32966b4"
   integrity sha512-feA9xbVRWJZor+AnLNAr7A8JRWeZqHUf4T9tlP+TN04b05pFVhO5eN7/O93Y/1OUlLMHKbnJisgDURs/qvtqdg==
@@ -2851,7 +2876,24 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.30.0", "@typescript-eslint/parser@^5.57.1":
+"@typescript-eslint/eslint-plugin@^7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.1.1.tgz#dd71fc5c7ecec745ca26ece506d84d203a205c0e"
+  integrity sha512-zioDz623d0RHNhvx0eesUmGfIjzrk18nSBC8xewepKXbBvN/7c1qImV7Hg8TI1URTxKax7/zxfxj3Uph8Chcuw==
+  dependencies:
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "7.1.1"
+    "@typescript-eslint/type-utils" "7.1.1"
+    "@typescript-eslint/utils" "7.1.1"
+    "@typescript-eslint/visitor-keys" "7.1.1"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/parser@^5.30.0":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.5.tgz#63064f5eafbdbfb5f9dfbf5c4503cdf949852981"
   integrity sha512-NJXQC4MRnF9N9yWqQE2/KLRSOLvrrlZb48NGVfBa+RuPMN6B7ZcK5jZOvhuygv4D64fRKnZI4L4p8+M+rfeQuw==
@@ -2861,6 +2903,17 @@
     "@typescript-eslint/typescript-estree" "5.59.5"
     debug "^4.3.4"
 
+"@typescript-eslint/parser@^7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.1.1.tgz#6a9d0a5c9ccdf5dbd3cb8c949728c64e24e07d1f"
+  integrity sha512-ZWUFyL0z04R1nAEgr9e79YtV5LbafdOtN7yapNbn1ansMyaegl2D4bL7vHoJ4HPSc4CaLwuCVas8CVuneKzplQ==
+  dependencies:
+    "@typescript-eslint/scope-manager" "7.1.1"
+    "@typescript-eslint/types" "7.1.1"
+    "@typescript-eslint/typescript-estree" "7.1.1"
+    "@typescript-eslint/visitor-keys" "7.1.1"
+    debug "^4.3.4"
+
 "@typescript-eslint/scope-manager@5.59.5":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.5.tgz#33ffc7e8663f42cfaac873de65ebf65d2bce674d"
@@ -2869,6 +2922,14 @@
     "@typescript-eslint/types" "5.59.5"
     "@typescript-eslint/visitor-keys" "5.59.5"
 
+"@typescript-eslint/scope-manager@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.1.1.tgz#9e301803ff8e21a74f50c6f89a4baccad9a48f93"
+  integrity sha512-cirZpA8bJMRb4WZ+rO6+mnOJrGFDd38WoXCEI57+CYBqta8Yc8aJym2i7vyqLL1vVYljgw0X27axkUXz32T8TA==
+  dependencies:
+    "@typescript-eslint/types" "7.1.1"
+    "@typescript-eslint/visitor-keys" "7.1.1"
+
 "@typescript-eslint/type-utils@5.59.5":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.5.tgz#485b0e2c5b923460bc2ea6b338c595343f06fc9b"
@@ -2879,6 +2940,16 @@
     debug "^4.3.4"
     tsutils "^3.21.0"
 
+"@typescript-eslint/type-utils@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.1.1.tgz#aee820d5bedd39b83c18585a526cc520ddb7a226"
+  integrity sha512-5r4RKze6XHEEhlZnJtR3GYeCh1IueUHdbrukV2KSlLXaTjuSfeVF8mZUVPLovidCuZfbVjfhi4c0DNSa/Rdg5g==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "7.1.1"
+    "@typescript-eslint/utils" "7.1.1"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/types@5.59.5":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.5.tgz#e63c5952532306d97c6ea432cee0981f6d2258c7"
@@ -2889,6 +2960,11 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
   integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
+"@typescript-eslint/types@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.1.1.tgz#ca33ba7cf58224fb46a84fea62593c2c53cd795f"
+  integrity sha512-KhewzrlRMrgeKm1U9bh2z5aoL4s7K3tK5DwHDn8MHv0yQfWFz/0ZR6trrIHHa5CsF83j/GgHqzdbzCXJ3crx0Q==
+
 "@typescript-eslint/typescript-estree@5.59.5":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.5.tgz#9b252ce55dd765e972a7a2f99233c439c5101e42"
@@ -2902,6 +2978,20 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
+"@typescript-eslint/typescript-estree@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.1.1.tgz#09c54af0151a1b05d0875c0fc7fe2ec7a2476ece"
+  integrity sha512-9ZOncVSfr+sMXVxxca2OJOPagRwT0u/UHikM2Rd6L/aB+kL/QAuTnsv6MeXtjzCJYb8PzrXarypSGIPx3Jemxw==
+  dependencies:
+    "@typescript-eslint/types" "7.1.1"
+    "@typescript-eslint/visitor-keys" "7.1.1"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
 "@typescript-eslint/utils@5.59.5", "@typescript-eslint/utils@^5.10.0", "@typescript-eslint/utils@^5.30.0", "@typescript-eslint/utils@^5.47.1":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.5.tgz#15b3eb619bb223302e60413adb0accd29c32bcae"
@@ -2916,6 +3006,19 @@
     eslint-scope "^5.1.1"
     semver "^7.3.7"
 
+"@typescript-eslint/utils@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.1.1.tgz#bdeeb789eee4af5d3fb5400a69566d4dbf97ff3b"
+  integrity sha512-thOXM89xA03xAE0lW7alstvnyoBUbBX38YtY+zAUcpRPcq9EIhXPuJ0YTv948MbzmKh6e1AUszn5cBFK49Umqg==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "7.1.1"
+    "@typescript-eslint/types" "7.1.1"
+    "@typescript-eslint/typescript-estree" "7.1.1"
+    semver "^7.5.4"
+
 "@typescript-eslint/visitor-keys@5.59.5":
   version "5.59.5"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.5.tgz#ba5b8d6791a13cf9fea6716af1e7626434b29b9b"
@@ -2924,6 +3027,14 @@
     "@typescript-eslint/types" "5.59.5"
     eslint-visitor-keys "^3.3.0"
 
+"@typescript-eslint/visitor-keys@7.1.1":
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.1.1.tgz#e6538a58c9b157f03bcbb29e3b6a92fe39a6ab0d"
+  integrity sha512-yTdHDQxY7cSoCcAtiBzVzxleJhkGB9NncSIyMYe2+OGON1ZsP9zOPws/Pqgopa65jvknOjlk/w7ulPlZ78PiLQ==
+  dependencies:
+    "@typescript-eslint/types" "7.1.1"
+    eslint-visitor-keys "^3.4.1"
+
 "@typescript-eslint/visitor-keys@^5.42.0":
   version "5.62.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
@@ -3385,6 +3496,13 @@ babel-plugin-replace-ts-export-assignment@^0.0.2:
   resolved "https://registry.yarnpkg.com/babel-plugin-replace-ts-export-assignment/-/babel-plugin-replace-ts-export-assignment-0.0.2.tgz#927a30ba303fcf271108980a8d4f80a693e1d53f"
   integrity sha512-BiTEG2Ro+O1spuheL5nB289y37FFmz0ISE6GjpNCG2JuA/WNcuEHSYw01+vN8quGf208sID3FnZFDwVyqX18YQ==
 
+babel-plugin-syntax-hermes-parser@0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-hermes-parser/-/babel-plugin-syntax-hermes-parser-0.17.0.tgz#1bc9feb6a25ed5ae97917a4afc15e7e391f55a0e"
+  integrity sha512-sYdVKubF925dghmVgfsxjNDDsYdzbqmLZZm+mO7ZxSgOgpO5ws4tpvc7UlzOTj7Yoc1kaNLNgm4Ebi491hsF1w==
+  dependencies:
+    hermes-parser "0.17.0"
+
 babel-plugin-syntax-trailing-function-commas@^7.0.0-beta.0:
   version "7.0.0-beta.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-7.0.0-beta.0.tgz#aa213c1435e2bffeb6fca842287ef534ad05d5cf"
@@ -3727,18 +3845,6 @@ chrome-launcher@^0.15.0, chrome-launcher@^0.15.2:
     is-wsl "^2.2.0"
     lighthouse-logger "^1.0.0"
 
-chromium-edge-launcher@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/chromium-edge-launcher/-/chromium-edge-launcher-1.0.0.tgz#0443083074715a13c669530b35df7bfea33b1509"
-  integrity sha512-pgtgjNKZ7i5U++1g1PWv75umkHvhVTDOQIZ+sjeUX9483S7Y6MUvO0lrd7ShGlQlFHMN4SwKTCq/X8hWrbv2KA==
-  dependencies:
-    "@types/node" "*"
-    escape-string-regexp "^4.0.0"
-    is-wsl "^2.2.0"
-    lighthouse-logger "^1.0.0"
-    mkdirp "^1.0.4"
-    rimraf "^3.0.2"
-
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -4117,6 +4223,11 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
+data-uri-to-buffer@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-6.0.1.tgz#540bd4c8753a25ee129035aebdedf63b078703c7"
+  integrity sha512-MZd3VlchQkp8rdend6vrx7MmVDJzSNTBvghvKjirLkD+WTChA3KUf0jkE68Q4UyctNqI11zZO9/x2Yx+ub5Cvg==
+
 dayjs@^1.8.15:
   version "1.8.15"
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.8.15.tgz#7121bc04e6a7f2621ed6db566be4a8aaf8c3913e"
@@ -4215,15 +4326,6 @@ depd@2.0.0:
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
-deprecated-react-native-prop-types@4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-4.2.1.tgz#8cc990ff5319fec8306e7e8f30389a92978a7231"
-  integrity sha512-ef9AXisRrRhxuxd7d+noOEeGTtxIPVkfOQWf9WZUWuOqI+gs7P7hKTi49Rgb/dfvkmFULhwxO2UqAkH4nJsMfw==
-  dependencies:
-    "@react-native/normalize-colors" "*"
-    invariant "*"
-    prop-types "*"
-
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
@@ -4379,10 +4481,10 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-envinfo@^7.7.2:
-  version "7.7.3"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.7.3.tgz#4b2d8622e3e7366afb8091b23ed95569ea0208cc"
-  integrity sha512-46+j5QxbPWza0PB1i15nZx0xQ4I/EfQxg9J8Had3b408SV63nEtor2e+oiY63amTo9KTuh2a3XLObNwduxYwwA==
+envinfo@^7.10.0:
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.0.tgz#c3793f44284a55ff8c82faf1ffd91bc6478ea01f"
+  integrity sha512-G9/6xF1FPbIw0TtalAMaVPpiq2aDEuKLXM314jPVAO9r2fo2a4BLqMNkmRS7O/xPPZ+COAhGIz3ETvHEV3eUcg==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -4504,10 +4606,10 @@ eslint-plugin-ft-flow@^2.0.1:
     lodash "^4.17.21"
     string-natural-compare "^3.0.1"
 
-eslint-plugin-jest@^26.5.3:
-  version "26.5.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-26.5.3.tgz#a3ceeaf4a757878342b8b00eca92379b246e5505"
-  integrity sha512-sICclUqJQnR1bFRZGLN2jnSVsYOsmPYYnroGCIMVSvTS3y8XR3yjzy1EcTQmk6typ5pRgyIWzbjqxK6cZHEZuQ==
+eslint-plugin-jest@^27.9.0:
+  version "27.9.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-27.9.0.tgz#7c98a33605e1d8b8442ace092b60e9919730000b"
+  integrity sha512-QIT7FH7fNmd9n4se7FFKHbsLKGQiw885Ds6Y/sxKgCZ6natwCsXdgPOADnYVxN2QrRweF0FZWbJ6S7Rsn7llug==
   dependencies:
     "@typescript-eslint/utils" "^5.10.0"
 
@@ -4852,6 +4954,17 @@ fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-patch@^3.0.0-1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.1.1.tgz#85064ea1b1ebf97a3f7ad01e23f9337e72c66947"
@@ -5025,30 +5138,30 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
   integrity sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==
 
-flow-api-translator@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/flow-api-translator/-/flow-api-translator-0.15.0.tgz#3df5af2d45630251f12782679271dc2533bcf094"
-  integrity sha512-cH5Fo08kQO0vucJfcQqMAPc2De8ooVX/9AhBUiRDhe+Ob98HOSBJamaiFLgTmC9UVnSyIFRKgpG+RRopHWtjwg==
+flow-api-translator@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/flow-api-translator/-/flow-api-translator-0.19.1.tgz#e5707f6ba96571ccfada231c013386504c8be3a0"
+  integrity sha512-3O5SZFKJNcpsyyBsnkh6VlHBVjjzQULtZSZSXgs/KKzvAKTnH8z+f5A49jqozsWzrfUcJziS6nrS3eVRsPYazA==
   dependencies:
     "@babel/code-frame" "^7.16.0"
     "@typescript-eslint/visitor-keys" "^5.42.0"
     flow-enums-runtime "^0.0.6"
-    hermes-eslint "0.15.0"
-    hermes-estree "0.15.0"
-    hermes-parser "0.15.0"
-    hermes-transform "0.15.0"
+    hermes-eslint "0.19.1"
+    hermes-estree "0.19.1"
+    hermes-parser "0.19.1"
+    hermes-transform "0.19.1"
 
-flow-bin@^0.217.0:
-  version "0.217.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.217.0.tgz#c255b4d8d815520d396416c2f712ab849d61f467"
-  integrity sha512-AbbDE6QUpR+jpY9ejNROAk0P5D/2PxJzjU4D5vfmMwtS+QjjPjzfZGuatEJIn2k4PTZ2agbncaCtyHGO0AvG7A==
+flow-bin@^0.228.0:
+  version "0.228.0"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.228.0.tgz#345dfd090c9edc074a14ad88d1558051ac124529"
+  integrity sha512-+Q6A+4nmhvf5yPXHxht9yWqRoto6Ith1HPU736iEghf+yGNzrnONyv+OlLG5TUH5cQegXasBmzBJKa3/+A8ZUA==
 
 flow-enums-runtime@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz#5bb0cd1b0a3e471330f4d109039b7eba5cb3e787"
   integrity sha512-3PYnM29RFXwvAN6Pc/scUfkI7RwhQ/xqyLUyPNlXUp9S40zI8nup9tUSrTLSVnWGBN38FNiGWbwZOB6uR4OGdw==
 
-flow-parser@0.*, flow-parser@^0.206.0:
+flow-parser@0.*:
   version "0.206.0"
   resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.206.0.tgz#f4f794f8026535278393308e01ea72f31000bfef"
   integrity sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==
@@ -5344,6 +5457,11 @@ grapheme-splitter@^1.0.2, grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 "graphql@^14.0.0 || ^15.0.0":
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/graphql/-/graphql-15.7.2.tgz#85ab0eeb83722977151b3feb4d631b5f2ab287ef"
@@ -5420,38 +5538,50 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hermes-eslint@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.15.0.tgz#4d7495cb5e0e9275a1fb0b465b88fccf0b6d8840"
-  integrity sha512-Rd12uW9FZdOTDDwpVdYUxZGEApskUzBfKYy9RMtczm2uprX8yviPb9QVSVn2hl+xuRTA7Z0FnqDwOwXGiinsRQ==
+hermes-eslint@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/hermes-eslint/-/hermes-eslint-0.19.1.tgz#289076a840c12a0682a4fe0ae394de021299ff7f"
+  integrity sha512-GCTgMq1zpR4z5AcBVzgjmirwLEA6TpYIAgmK37Ncpc8NTGnE3cgtPikLtQIVS5GrNtVNOBvPnbCARTu0Esojhw==
   dependencies:
     esrecurse "^4.3.0"
-    hermes-estree "0.15.0"
-    hermes-parser "0.15.0"
+    hermes-estree "0.19.1"
+    hermes-parser "0.19.1"
 
-hermes-estree@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.14.0.tgz#c663eea1400980802283338a09d0087c448729e7"
-  integrity sha512-L6M67+0/eSEbt6Ha2XOBFXL++7MR34EOJMgm+j7YCaI4L/jZqrVAg6zYQKzbs1ZCFDLvEQpOgLlapTX4gpFriA==
+hermes-estree@0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.17.0.tgz#4b1b0d8131826178f0af79a317ceaca3723e9012"
+  integrity sha512-bW9+bMZqnro+0+l6dUqTJW0VaNUvs4HRHh/J7VotTGnMmhBFRIcJz6ZxrRE7xIXmK7S5bJE9qrEooSiig4N70g==
 
-hermes-estree@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.15.0.tgz#e32f6210ab18c7b705bdcb375f7700f2db15d6ba"
-  integrity sha512-lLYvAd+6BnOqWdnNbP/Q8xfl8LOGw4wVjfrNd9Gt8eoFzhNBRVD95n4l2ksfMVOoxuVyegs85g83KS9QOsxbVQ==
+hermes-estree@0.18.2:
+  version "0.18.2"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.18.2.tgz#fd450fa1659cf074ceaa2ddeeb21674f3b2342f3"
+  integrity sha512-KoLsoWXJ5o81nit1wSyEZnWUGy9cBna9iYMZBR7skKh7okYAYKqQ9/OczwpMHn/cH0hKDyblulGsJ7FknlfVxQ==
 
-hermes-parser@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.14.0.tgz#edb2e7172fce996d2c8bbba250d140b70cc1aaaf"
-  integrity sha512-pt+8uRiJhVlErY3fiXB3gKhZ72RxM6E1xRMpvfZ5n6Z5TQKQQXKorgRCRzoe02mmvLKBJFP5nPDGv75MWAgCTw==
+hermes-estree@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.19.1.tgz#d5924f5fac2bf0532547ae9f506d6db8f3c96392"
+  integrity sha512-daLGV3Q2MKk8w4evNMKwS8zBE/rcpA800nu1Q5kM08IKijoSnPe9Uo1iIxzPKRkn95IxxsgBMPeYHt3VG4ej2g==
+
+hermes-parser@0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.17.0.tgz#722bb8079b9081a0de4902b770d5d45dbeb380bd"
+  integrity sha512-2fmppmZheY1UU071EMKAzXfuUCiDXF3fmzKLuN1XmE3+njIFs3CAeKP88+FtNBUpS6pEMJv6lPXCaJGqGsrURQ==
   dependencies:
-    hermes-estree "0.14.0"
+    hermes-estree "0.17.0"
 
-hermes-parser@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.15.0.tgz#f611a297c2a2dbbfbce8af8543242254f604c382"
-  integrity sha512-Q1uks5rjZlE9RjMMjSUCkGrEIPI5pKJILeCtK1VmTj7U4pf3wVPoo+cxfu+s4cBAPy2JzikIIdCZgBoR6x7U1Q==
+hermes-parser@0.18.2:
+  version "0.18.2"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.18.2.tgz#50f15e2fcd559a48c68cd7af259d4292298bd14d"
+  integrity sha512-1eQfvib+VPpgBZ2zYKQhpuOjw1tH+Emuib6QmjkJWJMhyjM8xnXMvA+76o9LhF0zOAJDZgPfQhg43cyXEyl5Ew==
   dependencies:
-    hermes-estree "0.15.0"
+    hermes-estree "0.18.2"
+
+hermes-parser@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.19.1.tgz#1044348097165b7c93dc198a80b04ed5130d6b1a"
+  integrity sha512-Vp+bXzxYJWrpEuJ/vXxUsLnt0+y4q9zyi4zUlkLqD8FKv4LjIfOvP69R/9Lty3dCyKh0E2BU7Eypqr63/rKT/A==
+  dependencies:
+    hermes-estree "0.19.1"
 
 hermes-profile-transformer@^0.0.6:
   version "0.0.6"
@@ -5460,17 +5590,17 @@ hermes-profile-transformer@^0.0.6:
   dependencies:
     source-map "^0.7.3"
 
-hermes-transform@0.15.0:
-  version "0.15.0"
-  resolved "https://registry.yarnpkg.com/hermes-transform/-/hermes-transform-0.15.0.tgz#5509cf6993abafbdc32528098d287f5c91eef52c"
-  integrity sha512-ACGdssuE2mcu/qSwSfie1yWQs5IBRYy7yokPbdCkHd4M0jPqCiQbwrlRzQP0+XgyZPooINXWHxkhsI5Iffhppw==
+hermes-transform@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/hermes-transform/-/hermes-transform-0.19.1.tgz#2c4896f5a1b9ad61bb2b37b2df5ceb2e60aa3b29"
+  integrity sha512-jfBgKhFBqQi6/K7u1/IfwRUZFzl0S628wftWsSCdDvMbzF1DReIz5A0Be47jDZ1eniLP6QF8fIsH/mP2ttylCw==
   dependencies:
     "@babel/code-frame" "^7.16.0"
     esquery "^1.4.0"
     flow-enums-runtime "^0.0.6"
-    hermes-eslint "0.15.0"
-    hermes-estree "0.15.0"
-    hermes-parser "0.15.0"
+    hermes-eslint "0.19.1"
+    hermes-estree "0.19.1"
+    hermes-parser "0.19.1"
 
 homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   version "1.0.3"
@@ -5586,6 +5716,11 @@ ignore@^5.0.5, ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
+ignore@^5.2.4:
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+
 image-size@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.0.2.tgz#d778b6d0ab75b2737c1556dd631652eb963bc486"
@@ -5678,18 +5813,13 @@ interpret@^1.0.0:
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.1.0.tgz#7ed1b1410c6a0e0f78cf95d3b8440c63f78b8614"
   integrity sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=
 
-invariant@*, invariant@^2.2.4:
+invariant@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
   dependencies:
     loose-envify "^1.0.0"
 
-ip@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
-  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
-
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -5873,7 +6003,7 @@ is-wsl@^1.1.0:
   resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
-is-wsl@^2.2.0:
+is-wsl@^2.1.1, is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
   integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
@@ -6310,18 +6440,6 @@ jest-snapshot@^29.6.3:
     pretty-format "^29.6.3"
     semver "^7.5.3"
 
-jest-util@^27.2.0:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-27.5.1.tgz#3ba9771e8e31a0b85da48fe0b0891fb86c01c2f9"
-  integrity sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==
-  dependencies:
-    "@jest/types" "^27.5.1"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    ci-info "^3.2.0"
-    graceful-fs "^4.2.9"
-    picomatch "^2.2.3"
-
 jest-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
@@ -6384,15 +6502,6 @@ jest-watcher@^29.6.3:
     jest-util "^29.6.3"
     string-length "^4.0.1"
 
-jest-worker@^27.2.0:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
 jest-worker@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.6.3.tgz#7b1a47bbb6559f3c0882d16595938590e63915d5"
@@ -6945,74 +7054,76 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-metro-babel-register@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.79.1.tgz#cf278d43cf01f2da29bcd8a7390e12d610af2d2b"
-  integrity sha512-Hw9XzIEHCFybJYsKp5tonTRT4UVTjf9qwtENyFmL4eN7j74l7sA3QiMU2eq4u48lyZ9LuZFuKSWgMF6JJnEiqg==
+metro-babel-register@^0.80.0:
+  version "0.80.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.80.0.tgz#13113b36f772c2cc9740968368421cc294ab27e6"
+  integrity sha512-pxCNNS/PQ2Y6P9+Rhg9P3Gp7N8neuesNNgDneWkcz3LM1u6fxjhcKtNGPc+hX9Q4pRThJ24lB6/hv5PpnTtR+w==
   dependencies:
     "@babel/core" "^7.20.0"
+    "@babel/plugin-proposal-export-namespace-from" "^7.18.9"
     "@babel/plugin-transform-flow-strip-types" "^7.20.0"
     "@babel/plugin-transform-modules-commonjs" "^7.0.0"
     "@babel/preset-typescript" "^7.18.0"
     "@babel/register" "^7.0.0"
     babel-plugin-replace-ts-export-assignment "^0.0.2"
+    babel-plugin-syntax-hermes-parser "0.17.0"
+    babel-plugin-transform-flow-enums "^0.0.2"
     escape-string-regexp "^1.0.5"
 
-metro-babel-transformer@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.79.1.tgz#bb2392227d3db49ffc39b98d8aebe5f7cef46302"
-  integrity sha512-WvE/At9r0LoNoxGgGhULV4H5ieuLs8AHfVUtTpHaOpgE326BwHNiUYaWuCpaM/BTTlajQltK/U1t+MqbbvFG9A==
+metro-babel-transformer@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.80.3.tgz#f1431682a02473c004912ed6e44777b0c88e3d86"
+  integrity sha512-Si1GO9fhiLi3DfHseFDaZcU+Y6iYHx54rszILnBIx80aas3pRZpL3z/UsEZ7coTQZTFsblt2QDIE+Izxlq4mwQ==
   dependencies:
     "@babel/core" "^7.20.0"
-    hermes-parser "0.15.0"
+    hermes-parser "0.18.2"
     nullthrows "^1.1.1"
 
-metro-cache-key@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.79.1.tgz#80e6f2cd45a3ae04abb6874c75684e91f8c3668e"
-  integrity sha512-/u48AuINgakqYEymRrD6MzKCSYU/JEXrqGX4x6gVHVa99TKPeg5SBi3MIjpZz/tWGpcQHCKItfjLD48YhEJr3Q==
+metro-cache-key@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-cache-key/-/metro-cache-key-0.80.3.tgz#94a5ab0ccf4ebf5158ebe0c9c757526e02fa4e9b"
+  integrity sha512-WNrtDpbhtW2Yqjp1t0WxJhKNR/Zbo1LZ4WvHsdv/PraAs2mr+SaM5bbiptBSKOOGJkV/FIQveW5riZi53JnCbw==
 
-metro-cache@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.79.1.tgz#197286fb0d3ee6827d91893b50237070c063c157"
-  integrity sha512-uRlo1cYewW9t6KuRED0G/iCnlqPc5Hq+I2VELBiJr4lBYwCz8P1KwcdzgSUpAzcZBcarq6rI9JqVPvV4t6P3YQ==
+metro-cache@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.80.3.tgz#89e6358d9f8940acdc7d4b5a1eb00ed8c45bca17"
+  integrity sha512-7gHcOIXdAHCBzsovF4b+VgcfIZtCpCIFiT2zx9amU58xrmkx+PRIl1KZDIUfRBbGrO9HJtZxH7lr7/hoiLIUWA==
   dependencies:
-    metro-core "0.79.1"
+    metro-core "0.80.3"
     rimraf "^3.0.2"
 
-metro-config@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.79.1.tgz#34609c582202bc7a2b6712c77352758ffe6a6eed"
-  integrity sha512-gleXbytiPTsO88DDUuaprKQLfaOVfoj6L7yw1u6MRXmQdebK3TmWUajqnLdWDQ/D0+JBWfrkFhLjnWXHsA8Cgw==
+metro-config@0.80.3, metro-config@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.80.3.tgz#30fbbbd443690c333668243c4f264dfe7537a380"
+  integrity sha512-cE7KPT1Usdrd2nLEVpzukKWmeBU1PufHPkuD9BjjtoABbzdj35gMLDnK+mhjSq9km2vF2QEPtE0M+WKvq9pXfQ==
   dependencies:
     connect "^3.6.5"
     cosmiconfig "^5.0.5"
     jest-validate "^29.6.3"
-    metro "0.79.1"
-    metro-cache "0.79.1"
-    metro-core "0.79.1"
-    metro-runtime "0.79.1"
+    metro "0.80.3"
+    metro-cache "0.80.3"
+    metro-core "0.80.3"
+    metro-runtime "0.80.3"
 
-metro-core@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.79.1.tgz#1beed31d6358291d95e42ddb048ed41674f7dea9"
-  integrity sha512-tPlpLLOKT5D5HSFQBrvgU2gupecCA0YcnQQVOByuLjY5JMXUBU7HISHv5gpbJTUt9KlPQ8OhZV/x6ivyXaVSQg==
+metro-core@0.80.3, metro-core@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.80.3.tgz#066407be0cee413f5d1a52ebb64d123eaa0fb388"
+  integrity sha512-X2ZfAvR55TdD/Rv9i4gYVI68JpRPHcpKpkr6IVtidFPoNjf4Fodh1qH7gEAJUnO5FL3a1JyPffbW6eFaXPxkFw==
   dependencies:
     lodash.throttle "^4.1.1"
-    metro-resolver "0.79.1"
+    metro-resolver "0.80.3"
 
-metro-file-map@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.79.1.tgz#c8aa95d1eac0e3fd7a2e54e4d55c6b9a300cfd95"
-  integrity sha512-PpPhfkj1Bj448f+5vZaaImJWFSsf6XveYGdRsfwvskcYlMsFBl4OX1WyGTJCCCzrtIOH5y1V3OADI/HS563sCA==
+metro-file-map@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-file-map/-/metro-file-map-0.80.3.tgz#d690b8f5ddacc268084ad12878636b2653e87711"
+  integrity sha512-4qu1ABPZRvboGGB8Q2RlQ26kZRWRCMDiktgCCrX/57V6cnWgdbdTrpnsgmU3i0Q7iiw+FevOGlfD4HqdauQ59g==
   dependencies:
     anymatch "^3.0.3"
     debug "^2.2.0"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.4"
     invariant "^2.2.4"
-    jest-util "^27.2.0"
-    jest-worker "^27.2.0"
+    jest-worker "^29.6.3"
     micromatch "^4.0.4"
     node-abort-controller "^3.1.1"
     nullthrows "^1.1.1"
@@ -7020,61 +7131,60 @@ metro-file-map@0.79.1:
   optionalDependencies:
     fsevents "^2.3.2"
 
-metro-memory-fs@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.79.1.tgz#fbabb587aecf94a23bad7a63bd3d4e23df5a6726"
-  integrity sha512-C7PUhRQI6dzAnMlRCwDhS+iaxro9JKfvaUKsp21J9n7bYkfPh5gAu3KWwc+I+nBi4R6nZQF4T72zBOtiG0bV4A==
+metro-memory-fs@^0.80.0:
+  version "0.80.0"
+  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.80.0.tgz#e709aca65eabdf242e9dcb2cf79bd70274c4cd80"
+  integrity sha512-Va+pYE4VvgFP81694IpbY8lteWuqizfPdcpS9wHRdnHgKlOpxgiHUi6DiEyayvrvzQVkqNCaazZTE0FKeaRaFg==
 
-metro-minify-terser@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.79.1.tgz#006479abd5eea43525937a3d211af2f4b0c3133f"
-  integrity sha512-69zOvPazJFKE6tHlOF8PQcvXUfoXgeHreVaggjuqnCREMWBjEkTH9jOn8M3oB0JgKmEUBb4bzFr7Oz1kC7Jc3g==
+metro-minify-terser@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-minify-terser/-/metro-minify-terser-0.80.3.tgz#a9fd39b512cd85a43a7c125af7f6d7f3d6fdd8cd"
+  integrity sha512-gVFwoL86emFoYbI2DZKk1Ved2CklYv//huWriF0UpLJHmVEO9ii2ajTx3aIxgSeuxFLPJhdp8RgUB2EDCooaJw==
   dependencies:
     terser "^5.15.0"
 
-metro-resolver@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.79.1.tgz#80e6e27305eb446188009f54374b642f28f49b65"
-  integrity sha512-hiea5co7c5rhrdD5xYohBq2Sw20Ytzie71raIW9SsXKBKzsS0zAbrwNFW5z71lDUnp719vhobnDXJ+yE7Kq9Gg==
+metro-resolver@0.80.3, metro-resolver@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.80.3.tgz#f9676508583d81182c7afaabc908254dc928a345"
+  integrity sha512-zwa0i32rj/TI3NivcvMXHJwTG2gUgo2dXdcnAJlhEKKQvyN+7AfhNdQSlDdDqMQmU7FaLRdeWORnQJbYCrprQQ==
 
-metro-runtime@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.79.1.tgz#5598062de56a265b88cdfa735834809552829cf3"
-  integrity sha512-RRBFPjaex8/Q6M+4V0oOYrd4mDG0iNkRMSdT5iojUe9pF24pRmqwG2gm3NBBgh4UAzYPI0NsJ6AB8JTmchfCAg==
+metro-runtime@0.80.3, metro-runtime@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-runtime/-/metro-runtime-0.80.3.tgz#8bf371f2bcd5ae332855fa40089c3b6f2a4f0aa1"
+  integrity sha512-16RKcwpxriNnPdE5eKWJu7/KLgxE+AaDAdYthoS6zbzjaOu7RiY2zPM1Elz175Rw//74kOwtKXgxTW8ADHB8SQ==
   dependencies:
     "@babel/runtime" "^7.0.0"
-    react-refresh "^0.4.0"
 
-metro-source-map@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.79.1.tgz#6698910de296957207190f6376ef0d54f3b9b4cd"
-  integrity sha512-Rlgld4cfWUFs5NdAErSzWfX9C4eYLPXTBBmhTHaiQEgRb0ydrfhOcofT0gYTHzp6t9lW30IO5wxlzl6gU/nOjA==
+metro-source-map@0.80.3, metro-source-map@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.80.3.tgz#25d88b05cb3383e9802d7543e29a57deacca07d7"
+  integrity sha512-5DYcOLPjDLx84ZCZ1i0DuWSPU7AY5G/7tR+u/WN6CZNxLyYEe3TwUBdIUgQj4HgZJl/zZ/7bGYJQOHd7ubuO0w==
   dependencies:
     "@babel/traverse" "^7.20.0"
     "@babel/types" "^7.20.0"
     invariant "^2.2.4"
-    metro-symbolicate "0.79.1"
+    metro-symbolicate "0.80.3"
     nullthrows "^1.1.1"
-    ob1 "0.79.1"
+    ob1 "0.80.3"
     source-map "^0.5.6"
     vlq "^1.0.0"
 
-metro-symbolicate@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.79.1.tgz#29b8f59ac32e2381ec6e44023931b1118b04e4b4"
-  integrity sha512-cB7Yxh5SKs24EsTaONpaEPoFC6H1ya0BeAR1Ety1qeeV/gFmC8YvkwFj9S8sy6whwIf4dM9xLF2iv7Ug78C4JA==
+metro-symbolicate@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.80.3.tgz#7c7dacad94db3ef6a8576eff7efd32510d24a022"
+  integrity sha512-baIt8Ss2vTGbxolRTa5yg+tKVAIAB1OpwMzJ0FSUjLs+HDAzaOtSpGbNd3DPc+pzX8Gj/rdbDOA0wPuOhVsHKQ==
   dependencies:
     invariant "^2.2.4"
-    metro-source-map "0.79.1"
+    metro-source-map "0.80.3"
     nullthrows "^1.1.1"
     source-map "^0.5.6"
     through2 "^2.0.1"
     vlq "^1.0.0"
 
-metro-transform-plugins@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.79.1.tgz#103c6b5562954b6dab6b9c0b73b13742d17fcb87"
-  integrity sha512-kGDpBJGpijC/OVrpngCiyvzrT6sfSPqFOiyEzU02j+8UCmxKCofbdv62nT97dzseR+iWkzFPcCbq8Nc7/CFwwA==
+metro-transform-plugins@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-transform-plugins/-/metro-transform-plugins-0.80.3.tgz#2e082db3ee96175351fd6eaa2ee686c948f349da"
+  integrity sha512-/2hGGRdJPrNfB9lz8unukaqQpGpDhYwNM0Odfh37OVFjygMB30Ffd8neQ4FNqnHnFxhl5j8VTcopUg6QhygMGQ==
   dependencies:
     "@babel/core" "^7.20.0"
     "@babel/generator" "^7.20.0"
@@ -7082,27 +7192,27 @@ metro-transform-plugins@0.79.1:
     "@babel/traverse" "^7.20.0"
     nullthrows "^1.1.1"
 
-metro-transform-worker@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.79.1.tgz#1e48f68b532fbae15d6d82270519b9fc6e311598"
-  integrity sha512-WA15xo7EvJgutlhRKldgPTtwOWur4xDO5uQc5e/vZuhGtahcV0b4v2lXp+t3z5gs9DBqajsczce1A+3pY9wcQQ==
+metro-transform-worker@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro-transform-worker/-/metro-transform-worker-0.80.3.tgz#33325ca9da22d2f9dcf6e63c6da608b2fb2ca4cc"
+  integrity sha512-10ZwMDuSWyHwqNnZ50baNtHNuHhOnqThbTOgv03PsrmPHWmSv4/rrmm7711tEyLUxptY3A1hEgJ+LKYyOIQiUA==
   dependencies:
     "@babel/core" "^7.20.0"
     "@babel/generator" "^7.20.0"
     "@babel/parser" "^7.20.0"
     "@babel/types" "^7.20.0"
-    metro "0.79.1"
-    metro-babel-transformer "0.79.1"
-    metro-cache "0.79.1"
-    metro-cache-key "0.79.1"
-    metro-source-map "0.79.1"
-    metro-transform-plugins "0.79.1"
+    metro "0.80.3"
+    metro-babel-transformer "0.80.3"
+    metro-cache "0.80.3"
+    metro-cache-key "0.80.3"
+    metro-source-map "0.80.3"
+    metro-transform-plugins "0.80.3"
     nullthrows "^1.1.1"
 
-metro@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.79.1.tgz#e6e2db1d2aca30d88e419d97835572660aba2064"
-  integrity sha512-PDzLQn4fpV4cs6brPi3zSu3zOA3kG+x6algazYGz1FzrOIsIT+L0Hd294+V4xN73EjLrSD5vD5hNsWlBxRk/PA==
+metro@0.80.3, metro@^0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.80.3.tgz#9f45fdeecb5f9cb017a44466a8a1fb6db6dc771c"
+  integrity sha512-7u6HjWVQR7wA/HbxzB0n6iQ0GI9s/fr49N++dZQ41BcrcFxrguIGaRe4W8VI5DtYifCVCjXDIFw6e9+MAccx/Q==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     "@babel/core" "^7.20.0"
@@ -7119,25 +7229,25 @@ metro@0.79.1:
     denodeify "^1.2.1"
     error-stack-parser "^2.0.6"
     graceful-fs "^4.2.4"
-    hermes-parser "0.15.0"
+    hermes-parser "0.18.2"
     image-size "^1.0.2"
     invariant "^2.2.4"
-    jest-worker "^27.2.0"
+    jest-worker "^29.6.3"
     jsc-safe-url "^0.2.2"
     lodash.throttle "^4.1.1"
-    metro-babel-transformer "0.79.1"
-    metro-cache "0.79.1"
-    metro-cache-key "0.79.1"
-    metro-config "0.79.1"
-    metro-core "0.79.1"
-    metro-file-map "0.79.1"
-    metro-minify-terser "0.79.1"
-    metro-resolver "0.79.1"
-    metro-runtime "0.79.1"
-    metro-source-map "0.79.1"
-    metro-symbolicate "0.79.1"
-    metro-transform-plugins "0.79.1"
-    metro-transform-worker "0.79.1"
+    metro-babel-transformer "0.80.3"
+    metro-cache "0.80.3"
+    metro-cache-key "0.80.3"
+    metro-config "0.80.3"
+    metro-core "0.80.3"
+    metro-file-map "0.80.3"
+    metro-minify-terser "0.80.3"
+    metro-resolver "0.80.3"
+    metro-runtime "0.80.3"
+    metro-source-map "0.80.3"
+    metro-symbolicate "0.80.3"
+    metro-transform-plugins "0.80.3"
+    metro-transform-worker "0.80.3"
     mime-types "^2.1.27"
     node-fetch "^2.2.0"
     nullthrows "^1.1.1"
@@ -7194,6 +7304,13 @@ mimic-response@^3.1.0:
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
   integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
 
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -7326,6 +7443,11 @@ node-fetch@2.6.7, node-fetch@^2.2.0, node-fetch@^2.6.0, node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
+node-forge@^1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -7402,10 +7524,10 @@ oauth-sign@~0.9.0:
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
   integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
 
-ob1@0.79.1:
-  version "0.79.1"
-  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.79.1.tgz#11d43712ff2c089d576b13b05b0caeed28389c6b"
-  integrity sha512-Z05NdP9uwS6UWoqNQDqx/VuVBD7rhMBqCB52js9HRct5IsU/lcSC/9Rv4J977wcOrSmaYTXQa2HRkUg4QAIS3g==
+ob1@0.80.3:
+  version "0.80.3"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.80.3.tgz#dd867fdf1ffe7863a3b32dc36dc220335a6e55f9"
+  integrity sha512-lKJ/Wp6eSyYKYKYds1lgiDRtD2j9nNhrhx4hwegxYXTBkWz4dqermZV+Bq0iw0SszUIb+fC+btNSXwc4AG1lBQ==
 
 object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
@@ -7507,6 +7629,14 @@ open@^6.2.0:
   dependencies:
     is-wsl "^1.1.0"
 
+open@^7.0.3:
+  version "7.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
+  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
+  dependencies:
+    is-docker "^2.0.0"
+    is-wsl "^2.1.1"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -7756,14 +7886,14 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier-plugin-hermes-parser@0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-hermes-parser/-/prettier-plugin-hermes-parser-0.14.0.tgz#1b5122c14b949bfae96541bbeb39cdd15962a072"
-  integrity sha512-L3QtrNCVYUhN56oAvlkSYnwdOPgYxjBo1Fg+ApXTFUSk+b3uKcMlUqo6j0WZk4QKYtTtDwZcTT1Zl9VIF/7nDg==
+prettier-plugin-hermes-parser@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-hermes-parser/-/prettier-plugin-hermes-parser-0.19.1.tgz#63aa752003da4d70399e7c6bad8da99ac9fa1fd3"
+  integrity sha512-XK739fHNPrR03i//AV1e9g47fnqvQY2sUto30GbI5xyWRb+2XQlcL1kdA43yAj4Dfb45NyxtzooVvz2cSiNMzQ==
   dependencies:
-    hermes-estree "0.14.0"
-    hermes-parser "0.14.0"
-    prettier-plugin-hermes-parser "0.14.0"
+    hermes-estree "0.19.1"
+    hermes-parser "0.19.1"
+    prettier-plugin-hermes-parser "0.19.1"
 
 prettier@2.8.8:
   version "2.8.8"
@@ -7841,7 +7971,7 @@ prompts@^2.0.1, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@*, prop-types@^15.8.1:
+prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -7971,6 +8101,11 @@ query-string@^6.12.1:
     split-on-first "^1.0.0"
     strict-uri-encode "^2.0.0"
 
+querystring@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
+  integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
@@ -7993,10 +8128,10 @@ range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-react-devtools-core@^4.27.7:
-  version "4.27.7"
-  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.27.7.tgz#458a6541483078d60a036c75bf88f54c478086ec"
-  integrity sha512-12N0HrhCPbD76Z7SkyJdGdXdPGouUsgV6tlEsbSpAnLDO06tjXZP+irht4wPdYwJAJRQ85DxL48eQoz7UmrSuQ==
+react-devtools-core@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-5.0.0.tgz#50b04a4dbfa62badbe4d86529e9478c396988b31"
+  integrity sha512-SAAMLacNDfFjMJjmbXURNWtrTyARi9xTqGkY48Btw5cIWlr1wgxfWYZKxoUZav1qqmhbpgTzSmmF+cpMHGHY3A==
   dependencies:
     shell-quote "^1.6.1"
     ws "^7"
@@ -8021,11 +8156,6 @@ react-refresh@^0.14.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
   integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
-react-refresh@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.0.tgz#d421f9bd65e0e4b9822a399f14ac56bda9c92292"
-  integrity sha512-bacjSio8GOtzNZKZZM6EWqbhlbb6pr28JWJWFTLwEBKvPIBRo6/Ob68D2EWZA2VyTdQxAh+TRnCYOPNKsQiXTA==
-
 react-shallow-renderer@^16.15.0:
   version "16.15.0"
   resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
@@ -8380,6 +8510,14 @@ selenium-webdriver@4.1.2:
     tmp "^0.2.1"
     ws ">=7.4.6"
 
+selfsigned@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
+  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+  dependencies:
+    "@types/node-forge" "^1.3.0"
+    node-forge "^1"
+
 "semver@2 >=2.2.1 || 3.x || 4 || 5 || 7", semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
   version "7.5.3"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.3.tgz#161ce8c2c6b4b3bdca6caadc9fa3317a4c4fe88e"
@@ -8984,6 +9122,11 @@ traverse@0.6.6:
   resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137"
   integrity sha512-kdf4JKs8lbARxWdp7RKdNzoJBhGUcIalSYibuGyHJbmk40pOysQ0+QPvlkCOICOivDWU2IJo2rkrxyTK2AH4fw==
 
+ts-api-utils@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
+
 tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
@@ -9099,6 +9242,13 @@ unbzip2-stream@1.4.3:
     buffer "^5.2.1"
     through "^2.3.8"
 
+undici@^5.27.2:
+  version "5.27.2"
+  resolved "https://registry.yarnpkg.com/undici/-/undici-5.27.2.tgz#a270c563aea5b46cc0df2550523638c95c5d4411"
+  integrity sha512-iS857PdOEy/y3wlM3yRp+6SNQQ6xU0mmZcwRSriqk+et/cwWAtwmIGf6WkoDN2EK/AMdCO/dfXzIwi+rFMrjjQ==
+  dependencies:
+    "@fastify/busboy" "^2.0.0"
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -9220,6 +9370,11 @@ vlq@^1.0.0:
   resolved "https://registry.yarnpkg.com/vlq/-/vlq-1.0.1.tgz#c003f6e7c0b4c1edd623fd6ee50bbc0d6a1de468"
   integrity sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==
 
+wait-for-expect@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/wait-for-expect/-/wait-for-expect-3.0.2.tgz#d2f14b2f7b778c9b82144109c8fa89ceaadaa463"
+  integrity sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag==
+
 walker@^1.0.7, walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"